:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#102a43;background:linear-gradient(120deg,#f7fafc,#d9e2ec)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.25rem}.shell{width:min(1200px,98vw);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"auth auth auth" "left center right" "left editor right";gap:1rem;align-items:stretch}.card{border-radius:16px;background:#ffffffe0;padding:1.2rem;box-shadow:0 12px 32px #102a432e}h2{margin:0 0 .8rem;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:#486581}.left-panel{grid-area:left;display:flex;flex-direction:column}.auth-bar{grid-area:auth;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.2rem}.auth-user{margin:0;color:#243b53}.auth-btn{border:0;border-radius:8px;padding:.5rem .8rem;background:#486581;color:#fff;cursor:pointer}.auth-card{width:min(640px,96vw)}.rendered-note{flex:1;min-height:0;border-radius:12px;background:#f7f9fb;padding:1rem;font-family:Times New Roman,Times,serif;font-size:3.75rem;line-height:1.25;color:#243b53;overflow-wrap:anywhere;overflow:auto}.rendered-note *{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.center-panel{grid-area:center;display:grid;align-content:start;text-align:center}.robot-face{width:96px;height:88px;margin:0 auto 1rem;border:3px solid #243b53;border-radius:20px;position:relative;background:#e4ebf2}.robot-face:before{content:"";width:8px;height:14px;border-radius:99px;background:#243b53;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.eye{width:14px;height:14px;border-radius:50%;background:#102a43;position:absolute;top:28px}.left-eye{left:24px}.right-eye{right:24px}.mouth{position:absolute;bottom:16px;left:50%;width:36px;height:4px;background:#334e68;transform:translate(-50%);border-radius:10px}h1{margin:.25rem 0 0;font-size:clamp(2rem,3.5vw,2.8rem)}.center-panel>p{margin-top:.7rem;font-size:1rem}small{color:#486581}.calculator-panel{grid-area:right;display:grid;grid-template-rows:auto auto 1fr;min-height:100%}.editor-panel{grid-area:editor}.calc-display{width:100%;border:0;border-radius:10px;padding:.75rem;font-size:1.5rem;text-align:right;background:#f0f4f8;margin-bottom:.7rem}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,minmax(0,1fr));gap:.45rem;min-height:100%}.calc-grid button{border:0;border-radius:10px;padding:0;background:#d9e2ec;color:#102a43;font-size:1rem;cursor:pointer}.calc-grid .equals{grid-column:span 4;background:#486581;color:#fff}.toolbar{display:flex;gap:.5rem;margin-bottom:.6rem}.toolbar button{border:0;border-radius:8px;padding:.35rem .6rem;background:#d9e2ec;color:#102a43;cursor:pointer}.editor{height:clamp(220px,30vh,360px);border-radius:10px;border:1px solid #bcccdc;padding:.7rem;background:#fff;overflow:auto}.editor:focus{outline:2px solid #829ab1}@media(max-width:1000px){.shell{grid-template-columns:1fr;grid-template-areas:"auth" "center" "left" "right" "editor"}}