:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--muted:#475569;--purple:#4338ca;--border:#cbd5e1;background:#f8f7f4;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border-radius:6px;min-height:44px;font-weight:600}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #1d4ed8}h1,h2,p{margin:0}h1,h2{letter-spacing:-.045em;line-height:1.15}h1:focus{outline:none}.skip{z-index:10;background:#fff;padding:12px 20px;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.dev-notice{color:#4b286c;text-align:center;background:#ece8f5;border-bottom:1px solid #d9cfe8;padding:8px 20px;font-size:.75rem}.dev-notice span{margin:0 7px}.topbar{border-bottom:1px solid #dededc;align-items:center;gap:36px;max-width:1320px;height:96px;margin:auto;padding:0 48px;display:flex}.wordmark{letter-spacing:-.06em;align-items:center;gap:8px;font-size:1.65rem;font-weight:750;text-decoration:none;display:flex}.wordmark img{object-fit:contain}.wordmark-dot{color:#6b3fa0}.tagline{color:var(--muted);padding-top:4px;font-size:.82rem}.topbar button{margin-left:auto}.secondary{border:1px solid var(--border);color:#334155;background:#fff;padding:8px 18px}.secondary:hover{border-color:#6b3fa0}.primary{background:var(--purple);color:#fff;border:1px solid var(--purple);justify-content:space-between;align-items:center;gap:36px;padding:13px 24px;transition:background .12s;display:inline-flex}.primary:hover{background:#3730a3}.primary span{font-size:1.4rem;line-height:1}main{max-width:1224px;min-height:calc(100svh - 220px);margin:auto;padding:0 48px}.eyebrow{letter-spacing:.16em;color:#65537c;font-size:.66rem;font-weight:700}.welcome{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:620px;padding:60px 0 80px;display:grid}.welcome h1{margin:24px 0;font-size:clamp(2.6rem,4.8vw,4.3rem);font-weight:650}.welcome h1 span{color:#6b3fa0}.intro{color:var(--muted);max-width:440px;margin-bottom:32px;font-size:1.05rem;line-height:1.8}.welcome-caption{color:var(--muted);margin-top:14px;font-size:.73rem}.mascot-stage{flex-direction:column;align-items:center;padding:30px 0;display:flex;position:relative}.stage-label{letter-spacing:.18em;color:#65537c;align-self:flex-end;margin-right:4px;font-size:.57rem}.hero-mascot{object-fit:contain;width:min(100%,400px);height:auto;margin:15px 0}.hand-note{color:#65537c;font-family:Georgia,serif;font-size:1.15rem;font-style:italic;transform:rotate(-5deg)}.app-footer{max-width:1224px;color:var(--muted);border-top:1px solid #dededc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:24px 0;font-size:.72rem;display:flex}.app-footer>span>span{color:#89929f;margin:0 10px}.connection{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-dot{background:#64748b;border-radius:50%;width:6px;height:6px}.status-dot.ready{background:#166534}.status-dot.offline{background:#b91c1c}.text-button{color:var(--purple);background:0 0;border:0;padding:0 5px;font-size:.75rem;text-decoration:underline}.page-heading{justify-content:space-between;align-items:center;gap:24px;padding:48px 0 32px;display:flex}.page-heading h1{margin:10px 0;font-size:2rem}.page-heading p:last-child{color:var(--muted);font-size:.9rem}.private-label{white-space:nowrap;color:var(--muted);font-size:.75rem}.private-label span{color:#6b3fa0;margin-right:7px}.empty-state{text-align:center;border:1px solid var(--border);background:#fff;border-radius:10px;min-height:410px;padding:50px 24px}.notebook{color:#6b3fa0;width:70px;height:70px;margin:0 auto 24px}.notebook svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.empty-state h2{margin:15px 0;font-size:1.8rem;font-weight:650}.empty-state>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.next-note{color:#65537c;border-top:1px solid #ece8f5;max-width:420px;margin:26px auto 0;padding-top:18px;font-size:.75rem}.workspace-footer{color:var(--muted);justify-content:space-between;gap:20px;padding:20px 0 48px;font-size:.72rem;display:flex}.error{color:#991b1b;overflow-wrap:anywhere;background:#fff1f2;border:1px solid #fca5a5;border-radius:6px;margin:0 0 24px;padding:16px}@media (width<=1270px){.app-footer{margin-left:48px;margin-right:48px}}@media (width<=767px){.topbar{gap:12px;height:80px;padding:0 20px}.wordmark{font-size:1.4rem}.wordmark img{width:36px;height:36px}.tagline{display:none}main{padding:0 20px}.welcome{grid-template-columns:1fr;gap:0;min-height:0;padding:48px 0 36px}.welcome-copy{max-width:500px}.welcome h1{font-size:clamp(2.6rem,11vw,4rem)}.intro{font-size:1rem}.mascot-stage{width:100%;max-width:380px;margin:auto;padding:40px 10px 20px}.hero-mascot{max-width:250px}.stage-label{align-self:center;font-size:.5rem}.hand-note{font-size:1rem}.app-footer{flex-direction:column;align-items:flex-start;gap:10px;margin:0 20px;padding:20px 0}.page-heading{align-items:flex-start;padding-top:32px}.page-heading h1{font-size:1.75rem}.private-label{margin-top:6px}.empty-state{min-height:390px;padding:44px 18px}.empty-state h2{font-size:1.5rem}.empty-state .eyebrow{font-size:.55rem}.workspace-footer{padding-bottom:36px}.dev-notice{font-size:.68rem}main{min-height:calc(100svh - 240px)}}.google-signin{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:11px 24px;font-weight:600;text-decoration:none;display:inline-flex}.google-signin:hover{background:#f1f3f4}.auth-error{margin-top:24px}.account-email{color:var(--muted);overflow-wrap:anywhere}.welcome-copy{min-width:0}.welcome-copy h1{overflow-wrap:anywhere}.skip{top:12px;transform:translateY(calc(-100% - 24px))}.skip:focus{transform:translateY(0)}.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}