@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#f9f9f4;--ink:#292d25;--muted:#8b8f81;--line:#e6e7df;--yellow:#f1d46a;--green:#6f8060}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:2px solid #9b873c;outline-offset:4px}a{color:inherit;text-decoration:none}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:29px 20px 16px;background:#f2f3ec;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:38px;font-weight:650;letter-spacing:-2.5px;gap:8px;margin-bottom:36px}.brand img{width:45px;height:48px}.brand span{font-size:12px;align-self:flex-start;letter-spacing:0;margin-top:8px}.new{display:flex;align-items:center;text-align:left;gap:7px;padding:12px 9px;background:#fafbf6;border:1px solid #dfe1d6;border-radius:9px;font-size:12px;font-weight:600}.new kbd{font-size:10px;color:#9b9f91;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.6px;color:#979b8d;margin:31px 11px 12px;font-weight:600}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:8px;color:#7a8070}nav button.active{background:#e6e9db;color:#3b4431;font-weight:600}nav small{margin-left:auto;background:#e8eade;border-radius:4px;padding:1px 6px;font-size:10px}.dot{width:6px;height:6px;background:#889b73;border-radius:50%;display:inline-block;flex-shrink:0}nav .dot{margin-left:auto}.recent-label{display:flex;justify-content:space-between}.recents{padding:0 11px;font-size:12px;color:#929687;overflow:auto}.recents p{font-size:11px;line-height:1.7}.recents button{text-align:left;display:block;font-size:12px;padding:9px 0;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-bottom{margin-top:auto;padding-top:24px}.balance-card{border:1px solid #dfe2d4;border-radius:11px;padding:13px 11px;background:#f7f8f1;font-size:11px}.balance-card b{float:right;font-size:12px}.meter{height:4px;border-radius:3px;background:#e5e6dc;margin:13px 0 9px;overflow:hidden}.meter i{width:100%;height:100%;display:block;background:#a5af8a}.balance-card small{font-size:9px;color:#969a8b}.upgrade{font-size:10px;margin-top:12px;padding-top:12px;width:100%;border-top:1px solid #e2e5d7;text-align:left}.profile{margin-top:18px;padding:0;display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-size:11px}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#e0e4d4;border-radius:50%;font-size:11px}.profile small{display:block;color:#959b8a;font-size:9px;margin-top:3px}.profile>span:last-child{margin-left:auto}main{margin-left:244px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px}.crumb{color:#8c9282}.crumb span{margin:0 13px;color:#c0c5b7}.crumb b{font-weight:500;color:#555d4c}.header-right{display:flex;align-items:center;gap:23px}.memory-status{font-size:10px;color:#7e8872;display:flex;align-items:center;gap:7px}.small-button{font-size:10px;border:1px solid #dddcd0;background:#f5f1e1;padding:9px 12px;border-radius:6px}.page{padding:37px 38px 0;max-width:1600px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8d947e;font-weight:600}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:41px;font-weight:400;letter-spacing:-.9px;margin:14px 0 11px}h1 em{font-style:normal;color:#828c71}.intro p{font-size:12px;color:#969a8d;margin:0}.today{font-size:8px;letter-spacing:1.3px;line-height:1.8;color:#8a907d;padding-left:20px;white-space:nowrap}.today span{float:left;font-size:33px;line-height:1.2;margin-right:10px;color:#b4bd9f}.today b{font-family:Georgia,serif;font-style:italic;font-size:13px;letter-spacing:0;font-weight:400}.workspace-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:22px}.chat-panel,.canvas-panel{border:1px solid #e0e3d7;border-radius:13px;overflow:hidden;background:#fffefa;min-width:0}.panel-header{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eceee5;font-size:12px}.model-trigger{display:flex;align-items:center;gap:12px}.model-trigger button{display:flex;align-items:center;gap:6px;padding:0;font-size:12px}.model-trigger img{width:25px;height:29px}.tag{font-size:7px;letter-spacing:.9px;color:#919886;border:1px solid #e4e7da;border-radius:4px;padding:4px 5px}.icon-button{font-size:20px;color:#939a87}.strength{padding:16px 21px 14px;border-bottom:1px solid #eceee5;background:#fcfcf7}.strength>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#9a9e90}.strength b{font-weight:500;color:#768361}input[type=range]{accent-color:#8a9973;width:100%;height:4px;margin:17px 0 13px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#a3a895}.range-labels span:nth-child(3){color:#687953}.conversation{height:352px;overflow-y:auto;scroll-behavior:smooth;padding:20px}.welcome{text-align:center;padding:3px 24px}.mascot{width:58px;height:67px;margin:0 auto 10px}.mascot img{width:100%;height:100%}.welcome h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.3px;margin:0 0 9px}.welcome p{font-size:11px;color:#9a9e91;line-height:1.8;margin:0}.suggestions{display:grid;gap:7px;margin-top:20px}.suggestions button{display:flex;align-items:center;gap:10px;border:1px solid #e6e8df;border-radius:7px;padding:10px 12px;text-align:left;font-size:10px;color:#849174}.suggestions span{color:#6a7260;flex:1}.composer-wrap{padding:10px 17px 13px}.composer{border:1px solid #dddeda;border-radius:10px;padding:13px 13px 9px;box-shadow:0 2px 4px #29372004}.composer textarea{width:100%;border:0;resize:none;background:transparent;outline:none;font-size:11px;color:#4d5544;line-height:1.6}.composer textarea::placeholder{color:#a6aa9d}.composer-tools{display:flex;align-items:center;gap:8px}.composer-tools>button:first-child{padding:0;font-size:22px;color:#969d8b}.context-label{font-size:9px;color:#949c86;border-left:1px solid #e2e4dc;padding-left:8px}.voice-button{margin-left:auto;font-size:10px;color:#7b856d}.send{width:29px;height:29px;border-radius:7px;background:#efd67a;color:#625722;font-size:21px}.composer-caption{display:flex;justify-content:space-between;margin:9px 3px 0;font-size:8px;color:#a0a695}.canvas-panel .panel-header{border-bottom:0;height:55px}.canvas-icon{margin-right:6px;color:#859470}.canvas-sub{font-size:10px;margin:0 20px 16px;color:#a1a693}.drawing-area{position:relative;background-color:#f9faf4;background-image:radial-gradient(#cbd2be 1px,transparent 1px);background-size:18px 18px;min-height:408px;border-top:1px solid #edf0e5;border-bottom:1px solid #e7ebdd;display:flex;align-items:center}.canvas-sticker{position:absolute;top:17px;left:20px;font-size:9px;transform:rotate(-3deg);background:#f5efcf;color:#8b8155;padding:8px 11px;z-index:1}.drawing-area svg{width:100%;height:auto;margin-top:33px}.diagram-title{font-family:Georgia,serif;font-style:italic;font-size:21px;fill:#667359}.diagram-label{font-family:'DM Sans',sans-serif;font-size:14px;fill:#6a765c}.diagram-small{font-size:10px;fill:#929a84;letter-spacing:.4px}#ink{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none}.canvas-toolbar{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#fffefa;border:1px solid #e0e4d6;border-radius:8px;box-shadow:0 3px 7px #37412407;display:flex;gap:3px;padding:4px}.canvas-toolbar button{font-size:17px;width:29px;height:29px;border-radius:5px;color:#8a947b}.canvas-toolbar button.selected{background:#e9eddf;color:#61754b}.canvas-toolbar span{width:1px;background:#e7e9e0;margin:5px}.canvas-footer{height:39px;display:flex;align-items:center;gap:7px;padding:0 17px;font-size:8px;color:#929c82}.canvas-footer button{margin-left:auto;font-size:9px;color:#778568}.insight{margin:9px 15px 15px;background:#f1f3e9;padding:15px;border:1px solid #e7eadc;border-radius:8px;display:flex;gap:12px}.insight>span{font-size:25px;color:#8c9c76}.insight b{font-size:11px;font-weight:500}.insight p{font-size:10px;line-height:1.7;color:#98a08c;margin:6px 0}.insight button{font-size:9px;padding:0;color:#758461}footer{display:flex;justify-content:space-between;color:#a0a694;font-size:9px;padding:20px 0}footer>span:last-child{display:flex;align-items:center;font-size:7px;letter-spacing:1.8px;gap:8px}footer img{width:18px}.hidden{display:none!important}.message{font-size:12px;line-height:1.8;white-space:pre-wrap;padding:12px 14px;margin-bottom:12px;border-radius:10px;background:#f3f5ec;overflow-wrap:anywhere}.message.user{background:#f8efd2;margin-left:30px}.message .role{font-size:8px;letter-spacing:1px;display:block;color:#8e977f;font-weight:600;margin-bottom:5px}dialog{border:1px solid #dfe4d5;background:#fffefa;border-radius:18px;width:min(890px,93vw);padding:25px;box-shadow:0 25px 100px #27311c30;color:var(--ink);max-height:88vh}dialog::backdrop{background:#2c352752;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:32px;font-weight:400;margin:0}.modal-header button{font-size:27px;color:#8d967f}#modal-body p{color:#8c957e;font-size:12px;line-height:1.8}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plan{border:1px solid #e0e5d7;border-radius:12px;padding:18px 14px}.plan.featured{background:#f5efd8;border-color:#dfca73}.plan h3{margin:0 0 17px}.price{font-size:27px}.price small{font-size:10px;color:#8c957e}.plan ul{padding-left:16px;font-size:11px;line-height:2;color:#859077;min-height:112px}.primary{background:#eacf72;border-radius:7px;padding:11px 15px;font-size:12px}.secondary{border:1px solid #dde2d2;border-radius:7px;padding:10px 14px;font-size:12px}.field{display:grid;gap:7px;margin:15px 0;font-size:12px;color:#6c795d}.field input,.field textarea,.field select{border:1px solid #dde3d1;border-radius:8px;padding:11px;background:white;color:#465238;width:100%}.field textarea{min-height:80px}.model-option{display:block;width:100%;text-align:left;border:1px solid #e3e7db;padding:15px;margin:8px 0;border-radius:9px}.model-option b{display:block}.model-option small{color:#99a18c;display:block;margin-top:5px}.voice-orb{width:100px;height:100px;margin:25px auto;background:radial-gradient(circle at 35% 25%,#faf5d3,#d8b73f);border-radius:50%;box-shadow:0 0 45px #e7cd6860;display:grid;place-items:center;font-size:38px}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.note-card{border:1px solid #e0e5d6;border-radius:12px;background:#fffefa;padding:22px;overflow-wrap:anywhere}.note-card p{color:#8c957e;font-size:12px;line-height:1.8;white-space:pre-wrap;max-height:200px;overflow:auto}.note-card h3{font-family:Georgia,serif;font-weight:400}.note-card button{color:#9a725a;font-size:11px}.empty{margin:50px 0;text-align:center;color:#8c957e}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:9px;background:#343e2b;color:white;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}.expanded{position:fixed;inset:25px;z-index:5;box-shadow:0 0 0 100px #29332166}.expanded .drawing-area{height:calc(100vh - 200px)}.expanded svg{height:100%}.expanded .insight{display:none}@media(min-width:1550px){.conversation{height:420px}.drawing-area{min-height:476px}.page{padding-top:48px}}@media(max-width:1150px){.sidebar{width:205px;padding:25px 14px}main{margin-left:205px}.page{padding:28px 24px 0}header{padding:0 24px}.today{display:none}h1{font-size:35px}.tag{display:none}.welcome{padding:3px 5px}.workspace-grid{gap:16px}.drawing-area{min-height:408px}}@media(max-width:700px){.sidebar{width:72px;padding:24px 10px}.brand{font-size:0;margin:0 0 22px}.brand img{width:42px}.brand span,.new span,.new kbd,.nav-label,.recents,.sidebar-bottom,nav span,nav small,nav .dot{display:none}.new{justify-content:center;font-size:20px;padding:8px}nav{margin-top:20px}nav button{font-size:21px;justify-content:center}main{margin-left:72px}.workspace-grid{grid-template-columns:1fr}.canvas-panel{margin-bottom:10px}.conversation{height:340px}.drawing-area{min-height:400px}.drawing-area svg{max-height:450px}.plans-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.memory-status{display:none}}@media(max-width:520px){header{padding:0 16px;height:60px}.page{padding:25px 14px 0}.crumb{font-size:9px}.crumb span{margin:0 5px}.small-button{font-size:8px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:31px;line-height:1.1}h1 em{display:block}.intro p{font-size:10px;line-height:1.6}.panel-header{padding:0 13px}.plans-grid,.cards{grid-template-columns:1fr}.drawing-area{min-height:340px}.canvas-sticker{font-size:8px}.composer-caption{font-size:7px}footer{font-size:8px}footer>span:last-child{display:none}.welcome h2{font-size:28px}}
.theme-toggle{border:1px solid var(--line);border-radius:50%;height:32px;width:32px;font-size:18px;display:grid;place-items:center}.voice-transcript{min-height:55px;padding:16px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--muted);margin:15px 0}.voice-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.voice-orb.listening{animation:voice-pulse 1.8s ease-in-out infinite}.voice-disclosure{font-size:11px!important}@keyframes voice-pulse{50%{transform:scale(1.08);box-shadow:0 0 65px #d9c26788}}@media(prefers-reduced-motion:reduce){.voice-orb.listening{animation:none}}[data-theme=dark]{color-scheme:dark;--bg:#191d19;--ink:#e6eadf;--muted:#aab49f;--line:#363e32;--yellow:#e6cc70;--green:#aaba93}[data-theme=dark] .sidebar{background:#20261f}[data-theme=dark] .chat-panel,[data-theme=dark] .canvas-panel,[data-theme=dark] dialog,[data-theme=dark] .note-card{background:#232a22;border-color:#3a4334}[data-theme=dark] .new,[data-theme=dark] .balance-card,[data-theme=dark] .strength{background:#272f25;border-color:#3c4536}[data-theme=dark] nav button.active,[data-theme=dark] .avatar,[data-theme=dark] .insight{background:#343f2d;color:#dce5cc}[data-theme=dark] .drawing-area{background-color:#20281f;background-image:radial-gradient(#3f4c35 1px,transparent 1px);border-color:#3a4334}[data-theme=dark] .panel-header,[data-theme=dark] .strength,[data-theme=dark] .upgrade{border-color:#3a4334}[data-theme=dark] .composer,[data-theme=dark] .suggestions button,[data-theme=dark] .model-option,[data-theme=dark] .plan,[data-theme=dark] .secondary{border-color:#46513d}[data-theme=dark] .composer textarea,[data-theme=dark] .crumb b,[data-theme=dark] .suggestions span,[data-theme=dark] .model-trigger,[data-theme=dark] .strength b{color:#d1dbc5}[data-theme=dark] .message{background:#303d2a;color:#e0e8d7}[data-theme=dark] .message.user{background:#443e27;color:#f5e8bb}[data-theme=dark] .canvas-toolbar{background:#303a2a;border-color:#566148}[data-theme=dark] .canvas-toolbar button.selected{background:#4c5d3b;color:#e7eddf}[data-theme=dark] .canvas-toolbar button{color:#c2cfb0}[data-theme=dark] .small-button,[data-theme=dark] .plan.featured{background:#393625;color:#e9d990;border-color:#6d6338}[data-theme=dark] .field input,[data-theme=dark] .field textarea,[data-theme=dark] .field select{background:#20271e;color:#dce5d3;border-color:#4a563e}[data-theme=dark] .primary,[data-theme=dark] .send{color:#302c1b}[data-theme=dark] .diagram-title{fill:#c8d5b7}[data-theme=dark] .diagram-small{fill:#7f8a70}[data-theme=dark] .diagram-label{fill:#48573a}[data-theme=dark] .insight{border-color:#455039}[data-theme=dark] .meter{background:#414936}[data-theme=dark] .brand img,[data-theme=dark] .mascot img,[data-theme=dark] .model-trigger img{filter:drop-shadow(0 0 3px #d5c77666)}[data-theme=dark] .field,[data-theme=dark] .recents,[data-theme=dark] nav button,[data-theme=dark] .insight button,[data-theme=dark] .voice-button{color:#acba9d}[data-theme=dark] .tag{border-color:#48533e;color:#acba9d}[data-theme=dark] h1 em{color:#a3b18f}@media(max-width:520px){.header-right{gap:8px}.theme-toggle{width:28px;height:28px}.voice-button{font-size:9px}}
/* Give conversations the larger share of the workspace. */
.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}.chat-panel{position:relative}.conversation{height:clamp(450px,56vh,680px);padding:28px}.welcome{max-width:480px;margin:35px auto 0}.welcome h2{font-size:36px}.welcome p{font-size:13px}.suggestions{margin-top:27px}.suggestions button{padding:14px;font-size:12px}.message{font-size:14px;line-height:1.85;padding:16px 20px}.composer-wrap{padding:15px 22px 19px}.composer{padding:16px}.composer textarea{font-size:14px;min-height:58px}.send{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 12px #c7a83e20;font-size:27px}.send svg{width:21px;height:23px}.voice-button{font-size:12px;display:flex;align-items:center;gap:8px}.voice-button span{font-size:8px;letter-spacing:.3px;background:#f8edbd;padding:5px 7px;border-radius:12px;color:#8a742e}.composer-tools{gap:12px}.voice-stage{position:absolute;inset:61px 0 0;z-index:2;background:#fffef8;display:flex;flex-direction:column;padding:22px 26px;overflow:auto;border-radius:0 0 13px 13px}.voice-open>.strength,.voice-open>.conversation,.voice-open>.composer-wrap{visibility:hidden;pointer-events:none}.voice-stage-top{display:flex;justify-content:space-between;align-items:center}.voice-stage-top>span{font-size:9px;letter-spacing:2px;color:#9a8f64}.voice-stage-top button{font-size:11px}.voice-center{flex:1;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:24px 0 10px}.voice-center h2{font:38px 'Libre Caslon Display',Georgia,serif;font-weight:400;margin:20px 0 9px}.voice-center #voice-status{font-size:12px;color:#92917c;line-height:1.7;max-width:390px;margin:0;min-height:40px}.voice-orb{position:relative;width:220px;height:220px;flex-shrink:0;margin:8px auto 12px;overflow:hidden;isolation:isolate;border-radius:48% 52% 51% 49%;background:radial-gradient(circle at 35% 25%,#fff 0%,#fffef6 28%,#fff2b0 52%,#eed05d 77%,#f9e9a2 100%);box-shadow:0 12px 60px #ecd77338,inset 0 0 20px #fff9;animation:bubble-drift 8s ease-in-out infinite}.voice-orb i{position:absolute;border-radius:45% 55% 60% 40%;filter:blur(10px);opacity:.9;width:85%;height:80%;background:linear-gradient(135deg,#fff 20%,#fff8d6 45%,#f2d66b);left:-20%;top:25%;animation:bubble-swirl 11s linear infinite}.voice-orb i:nth-child(2){left:40%;top:-25%;background:linear-gradient(45deg,#efd160,#fff 80%);animation-direction:reverse;animation-duration:9s}.voice-orb i:nth-child(3){left:35%;top:60%;width:70%;height:65%;background:#fffdf0;animation-duration:13s}.voice-orb.listening{animation:bubble-listen 2s ease-in-out infinite}.voice-orb.speaking{animation:bubble-listen 1s ease-in-out infinite}.voice-orb.speaking i{animation-duration:3s}.voice-orb.thinking i{animation-duration:4s}.voice-transcript{border:0;background:transparent;max-width:440px;width:100%;padding:10px 12px;min-height:40px;max-height:82px;overflow:auto;font-size:12px;margin:5px 0;color:#a19b80}.voice-bottom{text-align:center}.voice-options{margin:18px auto 6px;max-width:430px;font-size:11px;color:var(--muted)}.voice-options summary{cursor:pointer;list-style:none}.voice-options summary::after{content:' ⌄'}.voice-options>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.voice-options .field select{font-size:11px}.voice-disclosure{font-size:9px!important;line-height:1.7;color:#a7a38f;max-width:410px;margin:12px auto 0}.voice-actions .primary{background:#f0d472}.voice-actions button{border-radius:22px}.voice-actions{gap:8px}.voice-actions .secondary{font-size:11px}.voice-stage .voice-orb{display:block}[data-theme=dark] .voice-stage{background:#22271f}[data-theme=dark] .voice-button span{background:#494125;color:#efda8f}[data-theme=dark] .voice-center h2{color:#f4ecd0}[data-theme=dark] .voice-center #voice-status,[data-theme=dark] .voice-transcript{color:#b8b59d}[data-theme=dark] .voice-orb{box-shadow:0 10px 70px #e2ce5130,inset 0 0 20px #fff9}@keyframes bubble-drift{50%{transform:translateY(-6px) rotate(5deg);border-radius:52% 48% 45% 55%}}@keyframes bubble-swirl{to{transform:rotate(360deg)}}@keyframes bubble-listen{50%{transform:scale(1.05);border-radius:45% 55% 52% 48%;box-shadow:0 8px 65px #e7cf6c50}}@media(max-width:1050px){.workspace-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.voice-button span{display:none}.voice-stage{padding:18px}.voice-orb{width:190px;height:190px}}@media(max-width:700px){.workspace-grid{grid-template-columns:1fr}.conversation{height:480px}.voice-button span{display:inline}.voice-orb{width:220px;height:220px}}@media(max-width:520px){.conversation{height:440px;padding:20px 14px}.welcome{margin:22px auto 0}.welcome h2{font-size:32px}.composer-wrap{padding:12px}.composer{padding:12px}.composer textarea{font-size:12px}.context-label{display:none}.voice-button span{display:none}.voice-button{font-size:11px}.voice-stage{padding:15px}.voice-center h2{font-size:30px}.voice-orb{width:180px;height:180px}.voice-options>div{grid-template-columns:1fr}.voice-actions button{padding:9px 12px}.voice-disclosure{font-size:8px!important}}@media(prefers-reduced-motion:reduce){.voice-orb,.voice-orb i,.voice-orb.listening,.voice-orb.speaking{animation:none!important}}
/* One connected study workspace. */
.page{padding-top:28px}.intro{margin-bottom:22px}.intro h1{font-size:44px}.study-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:14px 17px;background:#f0f2e7;border:1px solid #e1e6d6;border-radius:12px}.study-controls{display:flex;align-items:center;gap:15px}.study-controls label{display:flex;align-items:center;gap:8px;font-size:10px;color:#8b947c}.study-controls select{border:0;background:transparent;color:#526143;font-size:11px;max-width:160px;padding:6px;cursor:pointer}.study-controls .secondary{font-size:10px;padding:9px 12px;background:#fffdf5}.focus-button{display:flex;gap:7px;align-items:center;font-size:10px;color:#758262;white-space:nowrap}.focus-button #focus-time{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:#536342}.focus-button.running{color:#8b7228}.study-tabs{display:flex;gap:6px;margin:0 16px 15px;padding:4px;background:#f0f2e9;border-radius:9px}.study-tabs button{flex:1;padding:8px;font-size:11px;color:#8d977e;border-radius:6px}.study-tabs button.selected{background:#fffef9;color:#526342;box-shadow:0 1px 5px #344d1810}.notes-open>.canvas-sub,.notes-open>.drawing-area,.notes-open>.canvas-footer,.notes-open>.insight{display:none}#notepad{padding:0 19px 22px}.notepad-heading{display:flex;flex-direction:column;gap:5px;margin:18px 0}.notepad-heading b{font-size:13px;font-weight:500}.notepad-heading span{font-size:9px;color:#8b987b}#study-draft{width:100%;min-height:380px;resize:vertical;border:0;padding:16px;font-family:'DM Sans',sans-serif;font-size:13px;line-height:1.9;color:var(--ink);background:repeating-linear-gradient(transparent,transparent 24px,#97a27a18 25px);border-radius:7px}#study-draft:focus{box-shadow:0 0 0 2px #c5d1ad}#study-draft::placeholder{color:#a4ad97}.notepad-actions{display:flex;gap:8px;margin:16px 0}.notepad-actions button{font-size:10px}#notepad>small{display:block;font-size:10px;line-height:1.8;color:#929d82}.message{white-space:pre-wrap}.message-actions{display:flex;gap:12px;border-top:1px solid #b8c7a533;margin-top:13px;padding-top:8px}.message-actions button{font-size:10px;color:#849270;padding:0}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#profile-name{font-weight:500}.context-label{display:flex;align-items:center;gap:4px;font-size:9px}#use-notes{accent-color:#879a66;width:12px;height:12px;margin:0}.voice-open>.strength{display:none}.voice-open>.conversation,.voice-open>.composer-wrap{visibility:visible;pointer-events:auto}.voice-open>.conversation{height:310px}.voice-stage{position:relative;inset:auto;border-radius:0;border-top:1px solid #ece8d4;border-bottom:1px solid #ece8d4;padding:13px 20px;overflow:visible;background:linear-gradient(115deg,#fffef5,#faf5df)}.voice-stage-top>span{font-size:8px}.voice-stage-top button{font-size:9px;padding:5px 10px}.voice-center{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;column-gap:17px;text-align:left;padding:8px 0;align-items:center}.voice-stage .voice-orb{grid-row:1/3;width:70px;height:70px;margin:8px 0}.voice-center h2{font-size:26px;margin:0;align-self:end}.voice-center #voice-status{font-size:10px;min-height:0;margin:5px 0;max-width:none;align-self:start}.voice-transcript{display:none}.voice-bottom .voice-actions{justify-content:flex-start;margin:4px 0 0 94px}.voice-actions button{font-size:10px;padding:8px 11px}.voice-options{margin:12px 0 0;text-align:left;max-width:none}.voice-options>div{margin-top:10px}.voice-options .field small{line-height:1.7;font-size:9px}.voice-options a{text-decoration:underline;color:#9a7c32}.voice-disclosure{font-size:8px!important;max-width:none;margin:9px 0 0;text-align:left}.voice-center .voice-orb i{filter:blur(4px)}[data-theme=dark] .study-strip,[data-theme=dark] .study-tabs{background:#293224;border-color:#3f4c35}[data-theme=dark] .study-controls select,[data-theme=dark] .focus-button #focus-time{color:#d0dcbd}[data-theme=dark] .study-controls .secondary,[data-theme=dark] .study-tabs button.selected{background:#3a442f;color:#d0dcbd}[data-theme=dark] .voice-stage{background:linear-gradient(115deg,#2c3023,#343320);border-color:#494a31}[data-theme=dark] .voice-center h2{color:#eee5be}[data-theme=dark] .notepad-heading span,[data-theme=dark] #notepad>small{color:#a1b28d}@media(max-width:1150px){.study-strip{align-items:flex-start;flex-direction:column;gap:9px}.study-controls{width:100%;justify-content:space-between}.study-controls select{max-width:130px}.intro h1{font-size:38px}}@media(max-width:520px){.study-strip{padding:12px;gap:12px}.study-controls{gap:8px}.study-controls label{gap:3px;font-size:9px}.study-controls select{max-width:95px;font-size:10px}.personal-grid{grid-template-columns:1fr}.intro h1{font-size:33px}.voice-stage{padding:12px}.voice-center{grid-template-columns:55px 1fr;column-gap:10px}.voice-stage .voice-orb{width:50px;height:50px}.voice-center h2{font-size:23px}.voice-bottom .voice-actions{margin-left:0}.voice-open>.conversation{height:300px}.context-label{display:flex;font-size:8px}.composer-tools{gap:7px}.voice-button{font-size:9px}.send{width:38px;height:38px}.notepad-actions{flex-direction:column}}
.quiz-guard{padding:30px 24px;background:linear-gradient(145deg,#fffdf2,#f3efd9);border-bottom:1px solid var(--line)}.quiz-guard h2{font:32px 'Libre Caslon Display',Georgia,serif;margin:17px 0 12px}.quiz-guard p{font-size:12px;line-height:1.9;color:#929578}.quiz-guard>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.quiz-guard button{font-size:10px}.quiz-locked>:not(.quiz-guard){display:none!important}.quiz-locked .quiz-guard{min-height:320px;display:flex;flex-direction:column;justify-content:center}.quiz-guard .tag{align-self:flex-start}[data-theme=dark] .quiz-guard{background:linear-gradient(145deg,#333725,#252d21)}[data-theme=dark] .quiz-guard p{color:#b3bb9d}
/* Quiet, responsive motion and clearer everyday controls. */
button{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}button:active{transform:scale(.97)}button:disabled{cursor:wait;opacity:.55}.send:hover{background:#f3d56e;box-shadow:0 5px 18px #c5a43b35;transform:translateY(-2px)}.new:hover,.suggestions button:hover,.model-option:hover{background:#f0f3e7;border-color:#c3cfb0}.tutor-settings{border-bottom:1px solid var(--line);background:#fcfcf7}.tutor-settings summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 21px;font-size:10px;color:#899779}.tutor-settings summary>span:last-child{padding:3px 9px;border-radius:20px;background:#edf0e4;color:#738461}.tutor-settings summary>span:last-child::after{content:' ⌄';padding-left:7px}.tutor-settings[open] summary>span:last-child::after{content:' ⌃'}.tutor-settings .strength{border:0;padding-top:6px}.voice-open>.tutor-settings{display:none}.chat-panel,.canvas-panel{box-shadow:0 5px 24px #35412604}.conversation{height:clamp(470px,59vh,700px)}.composer{transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#b3c395;box-shadow:0 0 0 3px #b4c6941a}.composer textarea{max-height:180px;overflow-y:auto}.composer-caption{gap:12px;line-height:1.6}.composer-caption>span:last-child{text-align:right}.study-tabs button.selected{transition:background .2s,box-shadow .2s}.message-actions button:hover{color:#526d36}.new-message{animation:message-arrive .24s ease-out both}.thinking-message{display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;border:1px solid var(--line);font-size:12px;color:#869574;animation:message-arrive .2s ease-out}.thinking-dots{display:flex;gap:4px}.thinking-dots i{width:5px;height:5px;background:#b5bc8b;border-radius:50%;animation:thinking-bounce 1.15s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.study-tabs button,.message-actions button{min-height:30px}.voice-stage:not(.hidden),#notepad:not(.hidden){animation:panel-arrive .25s ease-out}.quiz-guard:not(.hidden){animation:panel-arrive .3s ease-out}.focus-button.running #focus-time{color:#9b7928}.intro{animation:panel-arrive .35s ease-out}dialog[open]{animation:dialog-arrive .2s ease-out}#toast{box-shadow:0 6px 24px #202d2020}.study-controls select:focus-visible,.tutor-settings summary:focus-visible,.voice-options summary:focus-visible{outline:2px solid #a5b886;outline-offset:4px;border-radius:5px}[data-theme=dark] .tutor-settings{background:#272f25}[data-theme=dark] .tutor-settings summary>span:last-child{background:#39462e;color:#bdcea6}[data-theme=dark] .new:hover,[data-theme=dark] .suggestions button:hover,[data-theme=dark] .model-option:hover{background:#35432d}[data-theme=dark] .thinking-message{background:transparent;color:#b2c29d}[data-theme=dark] .composer:focus-within{border-color:#91a86e;box-shadow:0 0 0 3px #a0b97914}@keyframes message-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes thinking-bounce{0%,60%,100%{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media(max-width:520px){.conversation{height:450px}.composer-caption{font-size:7px}.tutor-settings summary{padding:12px 15px}.message{padding:14px;font-size:13px}.voice-button span{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ad-rewards{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:0 0 20px;background:linear-gradient(110deg,#fbf5dc,#f6f7ed);border:1px solid #e8dfb8;border-radius:13px}.reward-symbol{width:42px;height:42px;flex-shrink:0;border-radius:13px;background:#f2d875;display:grid;place-items:center;font-size:24px;color:#776324}.reward-copy{flex:1;min-width:0}.reward-heading{display:flex;align-items:center;gap:10px}.reward-heading b{font-size:12px;font-weight:550}.reward-badge{font-size:7px;letter-spacing:1px;color:#9a8850;border:1px solid #e1d5a9;padding:3px 5px;border-radius:4px}.reward-copy p{font-size:10px;line-height:1.7;color:#929071;margin:6px 0}.reward-copy strong{font-weight:600;color:#7d743e}.reward-copy details{max-width:650px}.reward-copy summary{font-size:9px;color:#9b8d5e;cursor:pointer}.reward-copy #ad-status{display:block;font-size:9px;margin-top:7px;color:#929479}.reward-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.reward-controls button{font-size:10px;white-space:nowrap}.reward-total{text-align:center;padding-right:8px}.reward-total b{display:block;font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;color:#7f784d}.reward-total span{font-size:8px;color:#a29a76}.ad-rewards.earning{border-color:#b9c98c}.ad-rewards.earning .reward-symbol{animation:reward-glow 3s ease-in-out infinite}[data-theme=dark] .ad-rewards{background:linear-gradient(110deg,#373421,#283022);border-color:#5c5632}[data-theme=dark] .reward-heading b{color:#e7e0bf}[data-theme=dark] .reward-copy p,[data-theme=dark] .reward-total b{color:#b9b28c}[data-theme=dark] .reward-copy strong{color:#d6c778}[data-theme=dark] .reward-badge{border-color:#6c6035;color:#c8b56c}@keyframes reward-glow{50%{box-shadow:0 0 20px #e7cf6c60}}@media(max-width:1150px){.ad-rewards{flex-wrap:wrap}.reward-copy{flex-basis:calc(100% - 60px)}.reward-controls{width:100%;justify-content:flex-end}.header-right{gap:10px}}@media(max-width:520px){.ad-rewards{padding:14px;gap:10px}.reward-symbol{width:32px;height:32px;font-size:19px}.reward-heading{display:block}.reward-badge{display:inline-block;margin-top:5px}.reward-total{margin-right:auto}.reward-copy p{font-size:10px}.header-right #plans{display:none}}@media(prefers-reduced-motion:reduce){.ad-rewards.earning .reward-symbol{animation:none}}
/* A calmer workspace and transparent credit information. */
.credit-details{font-size:10px;text-align:left;color:#76875f;padding:11px 0 0;display:block}.balance-card>div:first-child{font-size:11px}.balance-card>div:first-child b{font-size:15px}.balance-card .upgrade{margin-top:8px}.plan-kicker{font-size:7px;letter-spacing:1.1px;color:#939a7e;display:block;margin-bottom:12px}.plan-allowance{display:block;font-size:12px;color:#788667;margin:17px 0}.plan>button{width:100%;font-size:10px}.plan .price{font-size:34px}.comparison-heading{font-family:'Libre Caslon Display',Georgia,serif;font-size:29px;font-weight:400;margin:28px 0 14px}.comparison-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px}.comparison{width:100%;border-collapse:collapse;min-width:620px;font-size:11px}.comparison caption{caption-side:bottom;text-align:left;padding:13px;font-size:10px;color:#929b86;line-height:1.7}.comparison th,.comparison td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:center}.comparison th:first-child{text-align:left;min-width:180px;font-weight:500}.comparison thead{background:#f0f3e8}.comparison tbody th{color:#8b967c}.comparison td:nth-child(3),.comparison thead th:nth-child(3){background:#f7f1d8}.wallet-balance{text-align:center;background:linear-gradient(130deg,#f7f0d2,#eef2e3);border:1px solid #e7e5d0;border-radius:14px;padding:25px;margin:20px 0}.wallet-balance>span{font-size:9px;letter-spacing:2px;color:#949574}.wallet-balance strong{display:block;font-family:'Libre Caslon Display',Georgia,serif;font-size:68px;font-weight:400;color:#596b40;line-height:1.2;margin:10px 0}.wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.wallet-stats>div{border:1px solid var(--line);border-radius:10px;text-align:center;padding:15px 8px}.wallet-stats b{font-size:19px;font-weight:500;display:block;color:#788b5d}.wallet-stats span{font-size:9px;color:#9aa38c;display:block;margin-top:6px}.wallet-actions{display:flex;gap:10px;margin:20px 0}.credit-activity{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:10px}.credit-activity>div{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line);font-size:12px}.credit-activity small{display:block;font-size:9px;color:#9da58e;margin-top:4px}.credit-activity b{font-weight:500;color:#a48e72}.credit-activity .credit-plus{color:#789758}.credit-activity>p{padding:12px 18px}.wallet-disclaimer{font-size:10px!important}.visual-prompts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 16px 15px}.visual-prompts>span{font-size:9px;color:#9aa48d;margin-right:auto}.visual-prompts button{border:1px solid #dfe5d3;background:#f6f8ef;font-size:10px;border-radius:16px;padding:7px 10px;color:#788a64}.visual-prompts button:hover{background:#eaf0de}.quiz-progress{display:block;flex-basis:100%;font-size:10px;color:#999a78;margin-top:9px}.drawing-area{min-height:420px}.drawing-area svg{margin-top:10px}.drawing-area .canvas-sticker{display:none}.drawing-updated svg{animation:diagram-appear .45s ease-out}.ad-rewards{margin-top:24px;margin-bottom:5px}.intro h1{font-size:43px}.study-strip{margin-bottom:20px}.chat-panel>.panel-header{background:linear-gradient(90deg,#fffef9,#f8f9f2)}.canvas-panel>.panel-header{background:linear-gradient(90deg,#fffef9,#f3f6e9)}[data-theme=dark] .wallet-balance{background:linear-gradient(130deg,#373823,#2c3725);border-color:#4d553c}[data-theme=dark] .wallet-balance strong{color:#d7e3bc}[data-theme=dark] .comparison thead{background:#303c27}[data-theme=dark] .comparison td:nth-child(3),[data-theme=dark] .comparison thead th:nth-child(3){background:#3b3824}[data-theme=dark] .visual-prompts button{background:#303d27;border-color:#46573a;color:#bfcea9}[data-theme=dark] .chat-panel>.panel-header,[data-theme=dark] .canvas-panel>.panel-header{background:#293125}[data-theme=dark] .drawing-area svg{background:#f8faf0;border-radius:14px;margin:10px 12px;width:calc(100% - 24px)}[data-theme=dark] .credit-details{color:#c1cea8}@keyframes diagram-appear{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.wallet-stats{grid-template-columns:1fr;gap:7px}.wallet-stats>div{display:flex;justify-content:space-between;align-items:center;padding:12px}.wallet-stats b{font-size:16px}.wallet-balance strong{font-size:58px}.wallet-actions{flex-wrap:wrap}.visual-prompts>span{display:none}.intro h1{font-size:33px}.drawing-area{min-height:340px}}@media(prefers-reduced-motion:reduce){.drawing-updated svg{animation:none}}
.toolkit-tabs{display:flex;gap:8px;margin:20px 0;padding:5px;border-radius:12px;background:#f0f3e8}.toolkit-tabs button{flex:1;padding:12px 10px;border-radius:9px;font-size:12px;color:#8b977a}.toolkit-tabs small{font-size:8px;margin-left:6px;color:#a29c78}.toolkit-tabs button.selected{background:#fffef8;color:#5b7144;box-shadow:0 2px 8px #3545250a}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0}.tool-heading h3,.pack-preview h3{font:30px 'Libre Caslon Display',Georgia,serif;margin:0}.tool-heading p{margin:5px 0!important}.tool-heading button{white-space:nowrap}.deck-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.deck-card{padding:22px;border:1px solid var(--line);border-radius:13px;background:#f9fbf3}.deck-card h3{font:25px 'Libre Caslon Display',Georgia,serif;margin:12px 0}.deck-card>div{display:flex;gap:8px;margin-top:20px}.tool-label{font-size:8px;letter-spacing:1.7px;color:#9ba482}.text-link{font-size:11px;color:#81946a;padding:0;margin:8px 0}.generate-cards{margin:25px 0;background:#f6f1dc;border:1px solid #e8e0bc;border-radius:12px;padding:18px}.generate-cards h4{font-size:13px;font-weight:500;margin:0}.generate-cards p{font-size:11px!important}.generate-cards>span{display:block;font-size:11px;line-height:1.7;margin-top:10px;color:#8e936f}.saved-cards{display:grid;gap:7px}.saved-cards>div{padding:12px 15px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.saved-cards button{font-size:20px;color:#a4937c}.review-heading{text-align:center;font-size:11px;color:#949f82;margin:20px}.flashcard{border:1px solid #e4dfc0;border-radius:18px;background:linear-gradient(140deg,#fffdf1,#f4f5e9);min-height:260px;padding:35px;text-align:center;display:flex;flex-direction:column;justify-content:center}.flashcard>span,.flashcard #flashcard-answer>span{font-size:8px;letter-spacing:1.8px;color:#a39871}.flashcard h3{font:30px 'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.4;margin:20px 0}.flashcard #flashcard-answer{border-top:1px solid #e3e2cd;padding-top:22px;animation:message-arrive .25s ease-out}.flashcard p{white-space:pre-wrap}.review-actions{text-align:center;margin:20px}.review-actions #rate-card{display:flex;gap:10px;justify-content:center}.review-complete{text-align:center;padding:55px 20px}.review-complete>span{font-size:50px;color:#c9b762}.review-complete h3{font:33px 'Libre Caslon Display',Georgia,serif}.exam-plan{padding:20px;border:1px solid var(--line);border-radius:13px;margin-bottom:18px}.exam-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.exam-title h3{font:26px 'Libre Caslon Display',Georgia,serif;margin:0}.exam-title>span{font-size:10px;color:#98a287}.exam-progress{height:5px;background:#e9eddf;border-radius:3px;overflow:hidden;margin:16px 0}.exam-progress i{height:100%;display:block;background:#aabd88;transition:width .3s}.exam-task{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}.exam-task input{accent-color:#8b9e6d;width:16px;height:16px}.exam-task b{font-size:12px;font-weight:400}.exam-task small{display:block;font-size:9px;margin-top:4px;color:#9ba58e}.exam-task.done b{text-decoration:line-through;color:#a2ab97}.pack-preview{border:1px solid #e2e5d1;border-radius:15px;padding:30px;background:linear-gradient(120deg,#f8f4df,#edf3e4)}.pack-preview h3{font-size:37px;line-height:1.25;margin-top:13px}.pack-contents{margin:20px 0;font-size:12px;color:#8c987d}.pack-contents summary{cursor:pointer}.pack-contents pre{white-space:pre-wrap;overflow:auto;max-height:320px;background:#f6f8f0;padding:18px;border-radius:9px;font:11px/1.8 'DM Sans',sans-serif;color:#76866a}.plan-preview-note{margin-top:22px;padding:18px 20px;border-radius:10px;background:#f0f4e7}.plan-preview-note b{font-weight:500;font-size:12px}.plan-preview-note p{margin-bottom:0;font-size:11px!important}.plan ul{padding-left:15px;min-height:145px;line-height:1.9}.plan li{margin-bottom:5px;font-size:10px}[data-theme=dark] .toolkit-tabs,[data-theme=dark] .plan-preview-note{background:#2b3723}[data-theme=dark] .toolkit-tabs button.selected,[data-theme=dark] .deck-card{background:#35422c;color:#d5e1c5}[data-theme=dark] .generate-cards{background:#393821;border-color:#5a5833}[data-theme=dark] .flashcard,[data-theme=dark] .pack-preview{background:linear-gradient(120deg,#363825,#293625);border-color:#505a3b}[data-theme=dark] .pack-contents pre{background:#283321;color:#bccbad}[data-theme=dark] .exam-progress{background:#39472d}@media(max-width:600px){.deck-list{grid-template-columns:1fr}.toolkit-tabs{gap:3px}.toolkit-tabs button{padding:11px 5px;font-size:10px}.toolkit-tabs small{display:block;margin:4px 0 0}.tool-heading{align-items:flex-start}.tool-heading h3{font-size:25px}.tool-heading button{font-size:10px;padding:9px}.flashcard{padding:23px}.flashcard h3{font-size:27px}.pack-preview{padding:22px}.pack-preview h3{font-size:30px}.study-controls{flex-wrap:wrap}.exam-title{align-items:flex-start;flex-direction:column}}
.tier-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.tier-roadmap>div{padding:15px 12px;border-left:3px solid #d5bd61;background:#f6f3e5;border-radius:0 8px 8px 0}.tier-roadmap b{display:block;font-size:12px}.tier-roadmap span{display:block;font-size:10px;line-height:1.7;color:#8b947b;margin-top:5px}.comparison tbody tr:hover{background:#bacb9b15}.plan.featured{box-shadow:0 6px 25px #b09b4315}[data-theme=dark] .tier-roadmap>div{background:#363624}@media(max-width:600px){.tier-roadmap{grid-template-columns:1fr 1fr}}
.board-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line)}.board-controls label{font-size:10px;display:flex;align-items:center;gap:6px}.board-controls input[type=color]{width:28px;height:28px;border:0;background:none}.board-controls input[type=range]{width:65px;margin:0}.board-controls button{font-size:9px;padding:7px}.board-share{padding:13px 16px;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.board-share label{font-size:10px;display:flex;align-items:center;gap:5px}.board-share button{font-size:10px}.board-share small{width:100%;font-size:9px;color:var(--muted)}.drawing-area{aspect-ratio:600/470;min-height:0;display:block}.drawing-area svg{position:absolute;inset:0;width:100%;height:100%;margin:0!important;max-height:none}.drawing-area #ink{z-index:1}.canvas-toolbar{z-index:2}[data-theme=dark] .drawing-area svg{width:100%;border-radius:0}.notes-open>.board-controls,.notes-open>.board-share{display:none}
.workspace-modes{margin:0 0 18px}.mode-buttons{display:flex;gap:7px;padding:5px;border:1px solid var(--line);background:#f0f3e8;border-radius:12px;width:fit-content}.mode-buttons button{padding:11px 20px;border-radius:8px;font-size:12px;color:#8b977a}.mode-buttons button.selected{background:#fffdf4;color:#546a40;box-shadow:0 2px 8px #35452512}.workspace-modes p{font-size:11px;color:var(--muted);margin:10px 3px}#work-options{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;margin:12px 3px}#work-options small{font-size:9px;color:var(--muted)}#work-options a{text-decoration:underline;color:#8b7b36}[data-theme=dark] .mode-buttons{background:#293424}[data-theme=dark] .mode-buttons button.selected{background:#3b482f;color:#d7e3c7}@media(max-width:520px){.mode-buttons{width:100%}.mode-buttons button{padding:10px 9px;font-size:10px;flex:1}}
.account-gate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#f6f7eff2;backdrop-filter:blur(15px);padding:30px}.account-gate>div{text-align:center;max-width:560px}.account-gate img{width:85px}.account-gate h1{font-size:48px}.account-gate p{font-size:13px;line-height:1.9;color:#899279;margin:22px 0}.account-gate a{display:inline-block}.mode-switcher{position:relative}.mode-switcher>button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:5px 10px;border-radius:10px}.mode-switcher img{width:23px;height:27px}.mode-switcher b{font-size:15px}.mode-switcher small{font-size:9px;color:var(--mode-accent,#a08936)}#mode-menu{position:absolute;right:0;top:45px;width:220px;padding:7px;background:var(--bg);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #26331c25;z-index:12}#mode-menu button{display:block;text-align:left;width:100%;padding:12px;border-radius:8px;font-size:13px}#mode-menu button small{display:block;margin-top:4px}#mode-menu button:hover{background:#a0b28120}[data-workspace-mode=chat]{--mode-accent:#a48a32}[data-workspace-mode=tutor]{--mode-accent:#598267}[data-workspace-mode=work]{--mode-accent:#7776b3}[data-workspace-mode=tutor] .study-strip{background:#eaf2e9;border-color:#c5dbc6}[data-workspace-mode=work] .study-strip{background:#efedf9;border-color:#d5ceeb}[data-workspace-mode=work] .send{background:#c9c1ed}[data-workspace-mode=tutor] .send{background:#bed8b3}.mode-transition .page{animation:mode-arrive .5s cubic-bezier(.2,.8,.2,1)}.study-strip,.send,.mode-switcher small{transition:background .5s,color .5s,border-color .5s}[data-theme=dark] .account-gate{background:#20271ff2}[data-theme=dark][data-workspace-mode=work] .study-strip{background:#302d43}[data-theme=dark][data-workspace-mode=tutor] .study-strip{background:#243a2c}@keyframes mode-arrive{0%{opacity:.35;transform:translateY(12px) scale(.99);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.mode-transition .page{animation:none}}@media(max-width:700px){.header-right .memory-status,.header-right #plans,.header-right #ad-shortcut{display:none}.mode-switcher>button{padding:4px 7px}}
/* Each Clyde mode has its own space, anchored to the original logo. */
.sidebar .mode-switcher{margin-bottom:28px}.sidebar #mode-menu-button{border:0;padding:0;width:100%;border-radius:8px;margin:0;gap:8px;justify-content:flex-start}.sidebar #mode-menu-button img{width:45px;height:48px}.sidebar #mode-menu-button b{font-size:38px;letter-spacing:-2.5px}.sidebar #mode-label{align-self:center;font-size:11px;letter-spacing:0;border:1px solid var(--line);border-radius:6px;padding:4px 6px}.sidebar #mode-label:empty{display:none}.sidebar #mode-menu-button>span{margin-left:auto;font-size:16px;letter-spacing:0;align-self:center}.sidebar #mode-menu{top:58px;left:0;right:auto;width:240px;background:var(--bg)}.sidebar #mode-menu button.selected{background:color-mix(in srgb,var(--mode-accent) 14%,transparent)}
.workspace-modes{border:0;background:transparent;padding:0 0 16px;margin:0}.workspace-modes .mode-buttons{display:none}.workspace-modes>p{font-size:12px;color:var(--muted);margin:0}.voice-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.voice-card{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--bg);transition:background .2s,border-color .2s,transform .2s}.voice-card:hover{transform:translateY(-2px)}.voice-card.selected{background:#f9efd0;border-color:#c7a748;box-shadow:0 0 0 1px #c7a748}.voice-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#eedeb3,#dde7d7);color:#5b6545}.voice-card b{font-size:13px}.voice-card small{display:block!important;font-size:10px!important;line-height:1.5;margin-top:3px;color:var(--muted)}.voice-check{margin-left:auto}.voice-options>div{display:block}.voice-options .field{margin-bottom:14px}.voice-options[open]{padding-bottom:10px}.voice-options summary{font-weight:600;padding:15px 0}.balance-card>div:first-child b{font-size:26px;letter-spacing:-1px}.balance-card{background:linear-gradient(135deg,#f9ecc0,#e6edd9);border-radius:15px;padding:17px}.balance-card .meter{height:5px}.plan-allowance{font-size:24px;font-weight:650;letter-spacing:-.5px}
html[data-workspace-mode=chat] .canvas-panel,html[data-workspace-mode=work] .canvas-panel{display:none!important}html[data-workspace-mode=chat] .workspace-grid,html[data-workspace-mode=work] .workspace-grid{display:block;width:min(100%,900px);margin:0 auto}html[data-workspace-mode=chat] .study-strip,html[data-workspace-mode=work] .study-strip,html[data-workspace-mode=chat] .tutor-settings,html[data-workspace-mode=work] .tutor-settings{display:none}html[data-workspace-mode=chat] .intro,html[data-workspace-mode=work] .intro{display:none}html[data-workspace-mode=chat] .workspace-modes,html[data-workspace-mode=work] .workspace-modes{max-width:900px;margin:auto}html[data-workspace-mode=chat] .chat-panel{border:0;background:transparent;box-shadow:none}html[data-workspace-mode=chat] .chat-panel>.panel-header{background:transparent;border:0}html[data-workspace-mode=chat] .conversation{height:clamp(400px,57vh,760px)}html[data-workspace-mode=chat] .welcome{padding-top:65px}html[data-workspace-mode=chat] .welcome h2{font-size:39px;letter-spacing:-1px}html[data-workspace-mode=chat] .composer{background:var(--bg);border-radius:22px;box-shadow:0 10px 45px #665b1110}html[data-workspace-mode=chat] .ad-rewards,html[data-workspace-mode=work] .ad-rewards{max-width:900px;margin:28px auto}html[data-workspace-mode=chat] .message.assistant{background:transparent;border:0}html[data-workspace-mode=chat] .context-label{display:none}
html[data-workspace-mode=tutor]{--mode-accent:#327658;--yellow:#d4e5b6}html[data-workspace-mode=tutor] .page{background-image:linear-gradient(#8ba8870c 1px,transparent 1px),linear-gradient(90deg,#8ba8870c 1px,transparent 1px);background-size:26px 26px}html[data-workspace-mode=tutor] .intro{background:#234d3d;padding:25px 30px;border:6px solid #d6c19a;border-radius:13px;box-shadow:0 7px 18px #314c3020;margin-bottom:24px;color:#f8f7e8}html[data-workspace-mode=tutor] .intro h1,html[data-workspace-mode=tutor] .intro em{color:#faf5d8}html[data-workspace-mode=tutor] .intro p,html[data-workspace-mode=tutor] .intro .eyebrow{color:#c4dac7}html[data-workspace-mode=tutor] .chat-panel,html[data-workspace-mode=tutor] .canvas-panel{box-shadow:0 7px 24px #35452d08;border-radius:16px}html[data-workspace-mode=tutor] .study-strip{border-radius:12px}
html[data-workspace-mode=work]{--mode-accent:#6869b4;--yellow:#cdc9f4}html[data-workspace-mode=work] .chat-panel{border-radius:18px;box-shadow:0 10px 35px #39315f0a}html[data-workspace-mode=work] .chat-panel>.panel-header{background:#f0eef9;border-radius:18px 18px 0 0}html[data-workspace-mode=work] .conversation{height:clamp(400px,56vh,740px)}html[data-workspace-mode=work] .welcome h2{font-family:'DM Sans',sans-serif;font-weight:600;font-size:32px;letter-spacing:-1px}html[data-workspace-mode=work] .welcome .mascot{background:#efedfa}html[data-workspace-mode=work] .composer{border-radius:12px}html[data-workspace-mode=work] #work-options{background:#eeedf8;border:1px solid #dcd9ed;border-radius:10px;padding:13px 16px;margin:14px 0 0}html[data-workspace-mode=work] .message.assistant{border-left:3px solid #b0a6df;background:#f5f4fb}
[data-theme=dark] .voice-card.selected{background:#413d28;border-color:#bb9f51}[data-theme=dark] .balance-card{background:linear-gradient(135deg,#403e27,#2f3a2b)}[data-theme=dark][data-workspace-mode=work] #work-options,[data-theme=dark][data-workspace-mode=work] .chat-panel>.panel-header,[data-theme=dark][data-workspace-mode=work] .message.assistant{background:#302d40}[data-theme=dark][data-workspace-mode=work] .welcome .mascot{background:#38324b}
@media(max-width:700px){.sidebar .mode-switcher{margin-bottom:0}.sidebar #mode-menu-button{width:auto}.sidebar #mode-menu-button img{width:32px;height:35px}.sidebar #mode-menu-button b{font-size:28px}.sidebar #mode-menu{top:43px}.sidebar #mode-label{font-size:10px}.voice-cards{grid-template-columns:1fr}.voice-card{padding:10px}html[data-workspace-mode=tutor] .intro{padding:20px}html[data-workspace-mode=chat] .welcome h2{font-size:30px}html[data-workspace-mode=chat] .welcome{padding-top:35px}}
@media(max-width:700px){.sidebar{position:relative;inset:auto;width:100%;padding:14px 20px;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);z-index:15}.sidebar .mode-switcher{margin:0}.sidebar .new,.sidebar nav,.sidebar .nav-label,.sidebar .recents,.sidebar .sidebar-bottom{display:none}main{margin-left:0}.sidebar #mode-menu-button{gap:8px;width:auto}.sidebar #mode-menu-button b{font-size:30px}.sidebar #mode-menu-button img{width:36px;height:38px}.sidebar #mode-menu-button>span{display:inline;margin:0 0 0 6px}.sidebar #mode-label{display:inline;font-size:11px}.sidebar #mode-label:empty{display:none}.sidebar #mode-menu{top:48px}header{height:55px}.page{padding-top:20px}}
/* A viewport-sized workspace. Long content scrolls within its own panel. */
html,body{height:100%;height:100dvh;overflow:hidden}body{--panel:var(--bg)}main{height:100%;display:flex;flex-direction:column;min-width:0;overflow:hidden}main>header{height:64px;flex:0 0 64px}.sidebar{height:100dvh;overflow:hidden;padding-top:22px}.sidebar .mode-switcher{flex-shrink:0;margin-bottom:20px}.sidebar nav{flex-shrink:0}.sidebar .nav-label{margin-top:20px}.sidebar .recents{min-height:0;overflow:auto;flex:1;margin-bottom:12px;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0;margin-top:auto}.sidebar .balance-card{padding:12px}.sidebar .upgrade{font-size:10px}.sidebar .profile{padding-top:12px}.sidebar-search{display:flex;align-items:center;gap:9px;margin-top:9px;padding:9px 10px;font-size:12px;text-align:left;color:var(--muted)}.sidebar-search kbd{margin-left:auto;font-size:9px}.session-row{display:flex;align-items:center;border-radius:8px;margin:3px 0}.session-row:hover,.session-row.current{background:#9aa78014}.recents .session-row>button{margin:0;padding:9px 7px;display:flex;gap:7px;align-items:center;min-width:0;text-align:left}.session-row>button:first-child{flex:1}.session-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-more{flex:0 0 26px;font-size:18px!important}.sidebar .recent-label>span{display:none}
main>#study-view{width:100%;max-width:none;margin:0;align-self:stretch;padding:15px 24px 18px;display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}#study-view.hidden{display:none!important}main>#other-view{width:100%;max-width:none;margin:0;align-self:stretch;min-height:0;flex:1;overflow:auto;padding:28px}.page>footer{display:none}#study-view>.intro{flex-shrink:0;margin:0 0 12px!important;padding:10px 20px!important;border-width:3px!important}#study-view>.intro .eyebrow,#study-view>.intro p,#study-view>.intro .today{display:none}#study-view>.intro h1{font-size:25px;margin:0;line-height:1.3}.workspace-modes{flex-shrink:0;padding-bottom:8px!important;width:100%}.workspace-modes>p{font-size:11px}.study-strip{padding:8px 12px;margin-bottom:10px;gap:8px;flex-shrink:0}.study-strip select{max-width:130px}.study-strip button{padding:7px 9px}.workspace-toolbar{display:flex;align-items:center;gap:4px;margin:0 auto 10px;width:100%;max-width:1100px;flex-shrink:0;min-height:32px}.workspace-toolbar button{border-radius:7px;padding:7px 9px;font-size:11px;color:var(--muted);white-space:nowrap}.workspace-toolbar button:hover{background:#9aa78018;color:var(--ink)}.workspace-toolbar .project-chip{border:1px solid var(--line);max-width:220px;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.project-chip:before{content:'▧';margin-right:7px;color:var(--mode-accent)}.toolbar-spacer{flex:1}
#study-view>.workspace-grid{flex:1;min-height:0;width:100%;max-width:1600px;margin:0 auto;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);align-items:stretch;gap:16px}html[data-workspace-mode=chat] #study-view>.workspace-grid,html[data-workspace-mode=work] #study-view>.workspace-grid{display:flex;max-width:1200px;width:100%}.workspace-grid>.chat-panel{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.chat-panel>.panel-header{flex-shrink:0;padding:12px 18px;min-height:49px}.chat-panel .conversation,html[data-workspace-mode=chat] .conversation,html[data-workspace-mode=work] .conversation{height:auto!important;min-height:0;flex:1;overflow:auto;padding:18px 22px;overscroll-behavior:contain;scrollbar-width:thin}.chat-panel>.tutor-settings{flex-shrink:0}.tutor-settings summary{padding:9px 18px}.chat-panel>.composer-wrap{flex-shrink:0;padding:10px 16px 13px;background:var(--bg)}.composer textarea{font-size:14px;max-height:130px;overflow:auto}.composer-caption{font-size:9px;gap:12px}.composer-tools .send{width:34px;height:34px}.chat-panel .welcome,html[data-workspace-mode=chat] .welcome{padding:clamp(8px,4vh,50px) 8px 15px}.welcome .mascot{width:62px;height:62px;margin:0 auto 16px}.welcome .mascot img{width:44px}.welcome h2,html[data-workspace-mode=chat] .welcome h2{font-size:32px;margin:14px 0}.welcome .suggestions{margin-top:22px}.welcome .suggestions button{padding:12px}.workspace-grid>.canvas-panel{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.canvas-panel.expanded{position:fixed;inset:20px 20px 20px 264px;width:auto!important;height:auto!important;z-index:20;background:var(--bg);box-shadow:0 0 0 100vmax #0005}.notes-open>.board-controls,.notes-open>.board-share{display:none}#notepad textarea{min-height:260px}.canvas-panel .insight{display:none}.voice-stage{max-height:100%;overflow:auto}.voice-open .voice-stage{bottom:135px}.voice-open .composer-wrap{visibility:visible;pointer-events:auto}.voice-orb{width:150px;height:150px}.voice-center h2{font-size:28px}.voice-center{padding-top:10px}.voice-options{width:100%}.voice-stage .voice-cards{grid-template-columns:1fr 1fr}.voice-stage .voice-card{padding:9px}.voice-stage .voice-disclosure{font-size:9px}.reply-status{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:11px;margin-bottom:8px;max-height:100px;overflow:auto}.reply-status button{white-space:nowrap}#stop-response{font-size:11px;padding:7px;white-space:nowrap}
.message{white-space:normal;line-height:1.75;max-width:100%}.message-content{overflow-wrap:anywhere;font-size:14px}.message-content h3{font-size:17px;margin:16px 0 8px}.message-content .md-line{min-height:1em}.md-bullet{display:flex;gap:10px;padding-left:4px}.message-content code{font:12px ui-monospace,SFMono-Regular,monospace;background:#8a958018;padding:2px 4px;border-radius:4px}.code-block{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:14px 0;background:#23292b;color:#e7edeb}.code-block>div{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#30373a;font-size:10px}.code-block pre{margin:0;padding:16px;overflow:auto;max-height:400px}.code-block pre code{white-space:pre;background:none;color:inherit;padding:0;line-height:1.7}.copy-code{color:#dce7df;font-size:11px}.message-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px;opacity:.75}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions button{font-size:10px;padding:4px 7px;border-radius:5px}.message-actions button:hover{background:#8a958018}
.draft-panel{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-radius:16px;background:var(--bg);overflow:hidden}.draft-panel .panel-header{flex-shrink:0}.draft-panel .panel-header small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}#close-draft{font-size:24px}#draft-editor{flex:1;min-height:0;resize:none;overflow:auto;border:0;border-top:1px solid var(--line);padding:22px;background:transparent;color:var(--ink);font:14px/1.8 'DM Sans',sans-serif;outline-offset:-4px}#draft-word-count{padding:8px 16px;color:var(--muted);font-size:10px}.draft-actions{display:flex;gap:6px;padding:8px 12px;flex-wrap:wrap}.draft-actions button{font-size:10px}.draft-panel .local-note{padding:0 16px;font-size:10px}.draft-panel.hidden{display:none}.draft-open #study-view>.workspace-grid{max-width:1500px!important;gap:16px}.draft-open #draft-panel{display:flex!important}
.search-field{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin:16px 0}.search-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:15px}.search-field kbd{font-size:9px;color:var(--muted)}.command-results{max-height:50dvh;overflow:auto}.command-results>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:9px;text-align:left}.command-results>button:hover,.command-results>button:focus-visible{background:#8a958018}.command-results small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.project-card{border:1px solid var(--line);padding:20px;border-radius:15px;background:linear-gradient(150deg,#aebd9010,transparent)}.project-card h3{margin:12px 0 8px;font-size:20px}.project-card p{font-size:12px;line-height:1.7;max-height:80px;overflow:hidden}.project-card small{color:var(--muted);font-size:10px}.project-icon{font-size:25px;color:var(--mode-accent)}.source-list{max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px}.source-list>label{display:flex;align-items:center;gap:10px;padding:9px;font-size:13px}.source-list small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.local-note{font-size:11px!important;line-height:1.7!important;color:var(--muted)}.local-note a{text-decoration:underline}.empty-card{padding:30px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);line-height:1.8}.danger{color:#ab6456}.practice-options{display:grid;gap:12px;margin:20px 0}.practice-options>button{text-align:left;border:1px solid var(--line);padding:20px;border-radius:13px}.practice-options b{display:block;font-size:16px;margin-bottom:7px}.practice-options span{font-size:12px;color:var(--muted)}.practice-options>button:hover{background:#8a958014}.review-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-list{margin-top:24px;max-height:40dvh;overflow:auto}.review-list article{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.review-list article small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.review-list article p{font-size:12px;margin:5px 0}.history-version{display:block;width:100%;text-align:left;padding:15px;border:1px solid var(--line);border-radius:10px;margin:10px 0}.history-version b,.history-version span{display:block}.history-version span{margin-top:7px;color:var(--muted);font-size:12px}.feature-guide{display:grid;gap:12px;margin:20px 0}.feature-guide article{border-left:3px solid var(--mode-accent);padding:8px 20px}.feature-guide p{font-size:13px!important}
.context-menu{position:fixed;z-index:100;width:242px;max-height:calc(100dvh - 16px);overflow:auto;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--bg);box-shadow:0 16px 55px #16201630;animation:panel-arrive .12s ease-out}.context-heading{font-size:9px;letter-spacing:1.5px;color:var(--muted);padding:9px 11px}.context-menu button{display:flex;justify-content:space-between;width:100%;padding:10px 11px;text-align:left;font-size:12px;border-radius:7px}.context-menu button:hover,.context-menu button:focus{background:#8a958020}.context-menu button span{color:var(--muted)}.context-menu>small{display:block;font-size:9px;padding:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:5px}.focus-view .sidebar{display:none}.focus-view main{margin-left:0}.focus-view .workspace-modes,.focus-view .intro,.focus-view .study-strip{display:none!important}.focus-view .workspace-toolbar{max-width:1500px}.focus-view .canvas-panel.expanded{left:20px}#rewards-dialog{max-width:800px}#rewards-dialog .ad-rewards{margin:0;max-width:none}.hidden{display:none!important}
@media(max-width:1100px){#study-view>.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.study-strip{overflow:auto;white-space:nowrap}.study-controls{flex-shrink:0}.canvas-panel .drawing-area{min-height:310px}.canvas-panel.expanded{left:220px}}
@media(max-width:700px){body{display:flex;flex-direction:column}.sidebar{height:62px;flex:0 0 62px;overflow:visible;padding:10px 18px}.sidebar .mode-switcher{margin:0}.sidebar-search{display:none}.sidebar #mode-menu{top:43px}main{flex:1;min-height:0;height:auto;margin:0}main>header{height:46px;flex-basis:46px}main>#study-view{padding:10px 14px 12px}.canvas-panel.expanded{left:14px;inset:14px}.workspace-toolbar{margin-bottom:7px}.draft-open #study-view>.workspace-grid{position:relative}.draft-open #draft-panel{position:absolute;inset:0;z-index:5;box-shadow:0 8px 30px #0002}.draft-open .chat-panel{visibility:hidden}.draft-open #draft-panel .panel-header{padding:12px}.composer-caption span:last-child{display:none}.voice-stage{padding:15px}.voice-center h2{font-size:25px}}
@media(max-width:700px){#study-view>.workspace-grid{display:flex!important;position:relative}html[data-workspace-mode=tutor] .canvas-panel{display:none}html[data-workspace-mode=tutor] .canvas-panel.expanded{display:block;position:fixed;inset:12px;width:auto!important;height:auto!important;z-index:25}#study-view>.intro{display:none!important}.workspace-modes>p{display:none}.workspace-modes{padding-bottom:0!important}html[data-workspace-mode=work] #work-options{margin-top:0;padding:7px 10px}.study-strip{margin-bottom:7px}.study-strip .study-controls:nth-child(2){display:none}.workspace-toolbar button{padding:7px}.workspace-toolbar button>span{display:none}.workspace-toolbar .project-chip{max-width:150px}.chat-panel .conversation{padding:12px!important}.chat-panel .welcome h2{font-size:27px!important}.chat-panel .welcome p{font-size:12px}.chat-panel .welcome{padding-top:12px!important}.welcome .mascot{width:45px;height:45px;margin-bottom:8px}.welcome .suggestions{margin-top:15px}.welcome .suggestions button{padding:10px}.chat-panel>.panel-header{padding:10px 13px}.chat-panel>.composer-wrap{padding:8px 10px}.composer{padding:9px}.project-grid,.review-inputs{grid-template-columns:1fr}.voice-stage .voice-cards{grid-template-columns:1fr}.voice-orb{width:100px;height:100px}.voice-center{min-height:220px}.voice-stage .voice-bottom{flex-shrink:0}.context-menu{width:220px}.message-actions{opacity:1}.review-list article{align-items:flex-start}.review-list button{white-space:nowrap;font-size:10px}}
@media(max-height:700px){.sidebar .nav-label{margin-top:12px}.sidebar nav button{padding-top:8px;padding-bottom:8px}.sidebar .balance-card .upgrade,.sidebar .balance-card>small{display:none}.sidebar .profile{padding:8px 0}.welcome .mascot{display:none}.chat-panel .welcome{padding-top:5px!important}#study-view>.intro{display:none!important}.voice-orb{width:90px;height:90px}.voice-center{padding:10px 0}.voice-center h2{margin:8px 0}}
@media(prefers-reduced-motion:reduce){.context-menu{animation:none}}
html:not([data-workspace-mode=tutor]) #open-study-board{display:none}.canvas-panel.expanded .panel-header{position:sticky;top:0;z-index:3;background:var(--bg)}.canvas-panel.expanded .canvas-toolbar{position:sticky;bottom:10px}

/* Desktop owns the full available workspace; only phone widths use the top bar. */
@media(min-width:701px){
 main>#study-view>.workspace-toolbar{max-width:1200px}
 html[data-workspace-mode=tutor] main>#study-view>.workspace-toolbar{max-width:1600px}
 .sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;align-items:stretch;height:100dvh}
 main{height:100dvh}
}
@media(min-width:701px) and (max-width:950px){
 .sidebar{width:190px;padding-inline:12px}main{margin-left:190px}
 .sidebar #mode-menu-button b{font-size:32px}.sidebar #mode-menu-button img{width:36px}
 .sidebar #mode-label{font-size:9px;padding:3px 4px}
 main>header{padding-inline:16px}.header-right{gap:7px}.header-right .memory-status{display:none}
 main>#study-view{padding-inline:16px}
 #study-view>.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.85fr)}
 .canvas-panel.expanded{left:206px}
}
@media(max-width:700px){
 main>#study-view,main>#other-view{width:100%;margin:0;max-width:none}
 .workspace-toolbar{min-width:0}.workspace-toolbar .project-chip{min-width:0;max-width:140px}
 .voice-stage .voice-cards{grid-template-columns:1fr}
}
/* Server-authorized account administration. */
.admin-open main>#study-view,.admin-open main>#other-view{display:none!important}.admin-view{width:100%;min-height:0;flex:1;overflow:auto;padding:28px 32px 40px;overscroll-behavior:contain}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.admin-heading h1{font-size:36px;margin:9px 0}.admin-heading p{font-size:12px;color:var(--muted)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:24px}.admin-tabs{display:flex;gap:5px}.admin-tabs button{padding:10px 14px;font-size:12px;border-radius:8px;color:var(--muted)}.admin-tabs .selected{background:#9da87a20;color:var(--ink);font-weight:600}.admin-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:26px 0 14px}.admin-section-heading h2{font-size:20px;margin:0}.admin-section-heading span,.admin-section-heading label{font-size:11px;color:var(--muted)}.admin-section-heading select{margin-left:7px;padding:7px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stat{border:1px solid var(--line);border-radius:13px;padding:18px;min-width:0;background:linear-gradient(135deg,#a9b87a0b,transparent)}.admin-stat>span{font-size:11px;color:var(--muted)}.admin-stat strong{display:block;font-size:clamp(18px,2vw,29px);font-weight:600;letter-spacing:-.7px;overflow-wrap:anywhere;margin:12px 0 8px}.admin-stat small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.admin-table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:11px;margin:14px 0}.admin-table{width:100%;min-width:660px;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;padding:12px 15px;color:var(--muted);font-size:10px;font-weight:500;background:#a6b28a10;white-space:nowrap}.admin-table td{padding:13px 15px;border-top:1px solid var(--line);max-width:280px;overflow-wrap:anywhere;line-height:1.5}.admin-table td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.admin-table button{white-space:nowrap;font-size:11px}.admin-empty{padding:30px!important;text-align:center;color:var(--muted)}.admin-loading{padding:35px 0;color:var(--muted)}.admin-error{padding:18px;border:1px solid #a46b6244;border-radius:10px;color:#af6456}.admin-notice{padding:13px 16px;border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.7;background:#bdac4e0d}.admin-search{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.admin-search label{font-size:12px}.admin-search input{flex:1;min-width:170px;border:1px solid var(--line);border-radius:9px;padding:11px 14px;background:var(--bg);color:var(--ink)}.admin-pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:15px 0}.admin-pagination span{font-size:11px;color:var(--muted);margin-right:auto}.admin-chart-card{border:1px solid var(--line);border-radius:13px;padding:18px;margin:22px 0}.admin-chart-card h3{font-size:15px;margin:0 0 15px}.admin-chart-card h3 small{font-size:10px;color:var(--muted);font-weight:400;margin-left:8px}.admin-chart{display:flex;gap:9px;align-items:flex-end;min-height:145px;overflow:auto}.admin-bar{flex:1;min-width:28px;max-width:80px;text-align:center;font-size:9px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px}.admin-bar i{display:block;min-height:2px;background:#a7b875;border-radius:4px 4px 0 0}.admin-bar small{font-size:8px;color:var(--muted);white-space:nowrap}.admin-bar b{font-weight:500}.admin-provider{padding-top:4px}.admin-account-title h3{margin-bottom:6px}.admin-account-title code{font-size:11px;overflow-wrap:anywhere}.admin-account-title p{font-size:11px;color:var(--muted)}.admin-adjust-form{padding:20px;border:1px solid var(--line);border-radius:14px;margin:24px 0}.admin-adjust-form h3{margin-top:0}.admin-adjust-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}#admin-adjust-confirm{padding:22px;border:1px solid #a8b67c;border-radius:14px;margin:24px 0;background:#a5b47a0d}.admin-change-amount{font-size:28px!important;font-weight:600}#admin-adjust-confirm code{font-size:10px;overflow-wrap:anywhere}.positive{color:#5b8e65}.negative{color:#af685a}#admin-link{border-color:#b0ba94;background:#acb78615}
@media(max-width:1100px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-view{padding:22px}.admin-heading h1{font-size:29px}}
@media(max-width:700px){.admin-view{padding:18px 14px}.admin-heading{align-items:flex-start;gap:12px}.admin-heading h1{font-size:26px}.admin-heading>button{font-size:10px;white-space:nowrap}.admin-tabs{gap:2px}.admin-tabs button{padding:9px 7px;font-size:10px}.admin-toolbar{gap:5px}.admin-toolbar>button{font-size:10px;padding:8px}.admin-stat{padding:13px}.admin-stat strong{font-size:21px}.admin-section-heading{align-items:flex-start;flex-wrap:wrap}.admin-adjust-fields{grid-template-columns:1fr}.admin-adjust-form{padding:15px}.admin-table{font-size:11px}.admin-search label{flex-basis:100%}.admin-heading p{line-height:1.6}.admin-section-heading h2{font-size:18px}}
.admin-token-breakdown{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:13px 17px;margin-top:12px;font-size:12px}.admin-token-breakdown b{margin-left:7px}.admin-token-breakdown small{flex-basis:100%;font-size:10px;color:var(--muted)}

.banner-slots{display:grid;gap:12px;margin:18px 0}.banner-slot{min-height:130px;border:1px dashed var(--line);border-radius:12px;background:linear-gradient(135deg,#a9b77a12,#dccd7515);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.banner-slot small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.banner-slot b{font-size:17px}.banner-slot span{font-size:11px;color:var(--muted)}
.plugin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0 32px}.plugin-card{border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0;background:linear-gradient(145deg,#a4b47c12,transparent)}.plugin-card>small,.plugin-backup small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.plugin-icon{display:block;font-size:32px;margin-bottom:15px;color:var(--mode-accent)}.plugin-card h2{font-size:23px;margin:13px 0}.plugin-card p{font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.plugin-card button,.plugin-card a{display:inline-block;margin-top:12px;font-size:11px}.plugin-backup{padding:26px;border:1px solid var(--line);border-radius:16px;background:#a9b8770b}.plugin-backup p{font-size:13px;line-height:1.8}.plugin-backup h2{font-size:25px}.plugin-backup #backup-status{font-weight:600}#plugins-shortcut{white-space:nowrap}@media(max-width:700px){.plugin-grid{grid-template-columns:1fr}.plugin-card,.plugin-backup{padding:20px}.header-right{gap:5px}}
#dictate{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:var(--ink)}#dictate svg{width:22px;height:25px}#dictate.recording{background:#b347471c;color:#c34b4b}#dictation-status{font-size:12px;line-height:1.5;margin:0 4px 9px;color:var(--muted)}#mobile-controls{display:none}.mobile-menu-list{display:grid;gap:4px}.mobile-menu-list>button,.mobile-menu-list>a{display:flex;justify-content:space-between;padding:14px 12px;text-align:left;border-radius:10px;font-size:15px}.mobile-menu-list>button:hover{background:#9992}
@media(max-width:700px){
 body{padding-top:env(safe-area-inset-top);background:var(--bg)}.sidebar{height:66px;flex-basis:66px;padding:12px 16px;background:var(--bg);border-bottom:0;justify-content:space-between}.sidebar #mode-menu-button b{font-size:28px}.sidebar #mode-menu-button img{width:32px;height:36px}#mobile-controls{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:28px;padding:3px 6px;background:#92928a12}#mobile-controls button{width:43px;height:38px;font-size:23px;line-height:1}#mobile-more{font-size:18px!important;letter-spacing:1px}main>header{display:none}main>#study-view{padding:0 0 max(8px,env(safe-area-inset-bottom));gap:0}.workspace-modes,.workspace-toolbar,.study-strip,.chat-panel>.panel-header,.chat-panel>.tutor-settings{display:none!important}#study-view>.workspace-grid{width:100%;max-width:none!important;margin:0;gap:0}.workspace-grid>.chat-panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--bg)}.chat-panel .conversation{padding:20px 18px!important;scroll-padding-bottom:16px}.message{padding:12px 0;margin:0 0 22px;line-height:1.8}.message-content{font-size:16px;line-height:1.8}.message.assistant{background:transparent!important;border:0!important}.message.user{padding:14px 17px;border-radius:22px;background:#9991;max-width:94%;margin-left:auto}.message .role{font-size:9px;letter-spacing:1.4px;margin-bottom:7px}.message-actions{gap:7px;opacity:.65}.message-actions button{font-size:11px;padding:5px}.message-actions [data-action=note],.message-actions [data-action=draft],.message-actions [data-action=practice],.message-actions [data-action=retry]{display:none}.chat-panel>.composer-wrap{padding:8px 12px 0;background:var(--bg)}.composer,html[data-workspace-mode=chat] .composer,html[data-workspace-mode=work] .composer{border:1px solid var(--line);border-radius:27px;padding:17px 17px 12px;box-shadow:none;background:#92928a0c}.composer textarea{font-size:16px!important;line-height:1.6;min-height:48px;max-height:26dvh;color:var(--ink)}.composer-tools{margin-top:10px;gap:9px}.composer-tools #attach{font-size:30px;min-width:32px;min-height:40px;color:var(--ink)}.composer-tools .send{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:26px;box-shadow:none}.composer-tools .context-label{display:none}.voice-button{margin-left:auto;font-size:0!important;width:35px;height:42px;padding:0}.voice-button:before{content:'≋';font-size:29px;color:var(--ink)}.voice-button span{display:none!important}.composer-caption{justify-content:center;margin:7px 0 0;font-size:9px}.welcome h2{font-size:30px!important}.welcome .suggestions{display:grid;gap:9px}.welcome .suggestions button{border-radius:14px;padding:13px;font-size:13px}.voice-stage{inset:0 0 155px;border-radius:0;background:var(--bg)}.voice-open .voice-stage{bottom:155px}.account-gate{overflow:auto;padding:24px}.account-gate h1{font-size:34px}.admin-view{padding-top:12px}dialog{max-width:calc(100vw - 24px);max-height:85dvh;border-radius:22px}.focus-view #mobile-controls{display:flex}
}
@media(max-width:700px){html[data-theme=dark]{--bg:#0c0d0c;--ink:#f3f3ed;--muted:#a2a59d;--line:#30322e}html[data-theme=dark] .composer{background:#20211f}html[data-theme=dark] #mobile-controls{background:#20211f}html[data-theme=dark] .message.user{background:#20211f}}

@media(max-width:700px){.focus-view .sidebar{display:flex}}
/* Minimal, full-screen mobile voice conversation. */
.voice-stage.mobile-voice-screen{position:fixed!important;inset:0!important;width:100%;height:100dvh;max-height:none;z-index:40;border-radius:0;background:var(--bg);padding:env(safe-area-inset-top) 24px max(26px,env(safe-area-inset-bottom));overflow:hidden;display:flex;flex-direction:column}.mobile-voice-active .sidebar,.mobile-voice-active main{visibility:hidden}.mobile-voice-screen .voice-stage-top{height:0}.mobile-voice-screen .voice-stage-top>span,.mobile-voice-screen .voice-center h2,.mobile-voice-screen .voice-transcript,.mobile-voice-screen .voice-bottom{display:none}.mobile-voice-screen .voice-center{flex:1;min-height:0;width:100%;padding:0 0 110px;gap:0;justify-content:center}.mobile-voice-screen .voice-orb{width:min(62vw,280px);height:auto;aspect-ratio:1;border-radius:50%;margin:0 auto 36px;background:radial-gradient(circle at 32% 22%,#fffbea 0%,#ffed9d 30%,#edc64c 67%,#d5ac36 100%);box-shadow:inset 0 0 40px #fff9,0 18px 70px #d8b13918;flex-shrink:0}.mobile-voice-screen .voice-orb i{border-radius:50%}.mobile-voice-screen #voice-status{max-width:310px;min-height:38px;font-size:13px;line-height:1.7;color:var(--muted);text-align:center}.mobile-voice-screen #exit-voice{position:absolute;left:50%;bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px));transform:translateX(-50%);width:62px;height:62px;min-height:62px;border:1px solid var(--line);border-radius:50%;background:#9992;color:var(--ink);font-family:Arial,sans-serif;font-size:35px;font-weight:300;display:grid;place-items:center;padding:0}.mobile-voice-screen #exit-voice:active{transform:translateX(-50%) scale(.95)}#mobile-voice-resume{margin-top:18px;font-size:13px}.mobile-voice-active #toast{z-index:50}html[data-theme=dark] .mobile-voice-screen{background:#080908}.mobile-voice-screen .voice-orb.listening{animation:mobile-voice-breathe 3s ease-in-out infinite}.mobile-voice-screen .voice-orb.speaking{animation:mobile-voice-breathe 1.2s ease-in-out infinite}@keyframes mobile-voice-breathe{50%{transform:scale(1.045);filter:brightness(1.07)}}@media(prefers-reduced-motion:reduce){.mobile-voice-screen .voice-orb{animation:none!important}}@media(max-height:500px){.mobile-voice-screen .voice-orb{width:130px;margin-bottom:15px}.mobile-voice-screen .voice-center{padding-bottom:75px}.mobile-voice-screen #exit-voice{width:48px;height:48px;min-height:48px;bottom:15px}}
.pet-settings-link{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px;margin-bottom:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink)}.pet-settings-link svg{width:30px;height:30px;flex-shrink:0}.pet-settings-link span:nth-child(2){flex:1}.pet-settings-link small,.pet-preferences small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.pet-preview{text-align:center;padding:12px 12px 22px;background:radial-gradient(ellipse at center,#edc64c18,transparent 70%);border-radius:20px}.pet-art{width:210px;max-width:100%;overflow:visible;color:var(--ink)}.pet-caption{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.pet-preview h3{font-size:32px;margin:12px 0}.pet-preview p{font-size:14px;line-height:1.7;color:var(--muted)}.pet-preferences{margin:0 0 20px}.pet-preferences label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.pet-preferences input{width:20px;height:20px;accent-color:#ba9031}.pet-float{animation:pet-hover 3s ease-in-out infinite;transform-origin:120px 120px}.pet-eyes{animation:pet-blink 5s infinite;transform-origin:120px 96px}.pet-wings{animation:pet-flutter .8s ease-in-out infinite;transform-origin:120px 105px}.pet-still *, .pet-still.pet-art{animation:none!important}.pet-hello .pet-float{animation:pet-greet .7s ease-in-out 3}.pet-rest .pet-float{animation:pet-hover 6s ease-in-out infinite}#pet-companion{position:fixed;right:18px;bottom:20px;z-index:8;width:66px;height:66px;border:1px solid var(--line);background:var(--bg);border-radius:50%;padding:0;box-shadow:0 4px 18px #0001}#pet-companion[hidden],.mobile-voice-active #pet-companion{display:none}#pet-companion .pet-art{width:64px;height:64px}.mobile-menu-list button svg{width:20px;height:20px;flex-shrink:0;margin-right:12px}.mobile-menu-list button{justify-content:flex-start}.mobile-menu-list button>span{margin-left:auto}@keyframes pet-hover{50%{transform:translateY(-9px)}}@keyframes pet-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.1)}}@keyframes pet-flutter{50%{transform:scaleX(.88)}}@keyframes pet-greet{25%{transform:translateY(-12px) rotate(-12deg)}75%{transform:translateY(-12px) rotate(12deg)}}@media(max-width:700px){#pet-companion{right:12px;bottom:auto;top:78px;width:48px;height:48px}#pet-companion .pet-art{width:46px;height:46px}.pet-preview .pet-art{width:170px}}@media(prefers-reduced-motion:reduce){.pet-art *{animation:none!important}}
.response-time{display:block;font-size:11px;color:var(--muted);margin:12px 0 4px;font-variant-numeric:tabular-nums}.revealing .message-actions,.revealing .response-time{visibility:hidden}.revealing .message-content:after{content:'';display:inline-block;width:5px;height:15px;margin-left:4px;border-radius:3px;background:var(--ink);opacity:.55}#jump-to-reply{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);z-index:4;border-radius:24px;box-shadow:0 3px 15px #0001;background:var(--bg);font-size:12px;white-space:nowrap}.chat-panel{position:relative}
/* Keep the orb centered independently of status text and bottom controls. */
.mobile-voice-screen .voice-center{position:absolute;inset:0;padding:0;min-height:0;width:100%;pointer-events:none}.mobile-voice-screen .voice-orb{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;width:min(62vw,280px);height:auto}.mobile-voice-screen #voice-status{position:absolute;top:calc(50% + min(31vw,140px) + 22px);left:50%;translate:-50% 0;width:calc(100% - 48px);margin:0}.mobile-voice-screen #mobile-voice-resume{position:absolute;bottom:110px;pointer-events:auto}.mobile-voice-screen #exit-voice{z-index:3}#mobile-voice-settings{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));z-index:4;border-radius:24px;font-size:13px;max-width:70%;background:var(--bg)}.mobile-voice-screen.voice-settings-open .voice-center{visibility:hidden}.mobile-voice-screen.voice-settings-open .voice-bottom{display:block;position:absolute;inset:80px 16px 112px;overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--bg);z-index:2}.mobile-voice-screen .voice-options{max-width:100%;margin-top:16px}.mobile-voice-screen .voice-cards{grid-template-columns:1fr!important}.mobile-voice-screen .voice-card{text-align:left;min-width:0}.voice-stage:not(.mobile-voice-screen) .voice-center{width:100%;align-self:center}.voice-stage .voice-options>div{min-width:0}.voice-stage .voice-card span{min-width:0}@media(max-height:500px){.mobile-voice-screen .voice-orb{width:120px}.mobile-voice-screen #voice-status{top:calc(50% + 70px);font-size:11px}.mobile-voice-screen #mobile-voice-resume{bottom:68px}}
#play-voice-reply{position:absolute;left:50%;translate:-50% 0;bottom:100px;z-index:6;min-height:44px;border-radius:24px;white-space:nowrap}.mobile-voice-screen #play-voice-reply{bottom:max(115px,calc(env(safe-area-inset-bottom) + 100px))}
.provider-models{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 12px}.provider-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:172px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink);text-align:left}.provider-card.selected{border-color:#c39e32;box-shadow:0 0 0 2px #e9ca5f55;background:#f4d96b12}.provider-card:disabled{opacity:.58;cursor:not-allowed}.provider-card b{font-size:19px}.provider-card small{line-height:1.55;color:var(--muted)}.provider-card em{margin-top:auto;font-size:11px;color:#8f7424;font-style:normal;font-weight:650}.provider-kicker{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.model-allowance-note{padding:12px 14px;border-radius:12px;background:#9991;font-size:12px;line-height:1.6}.tutor-model-list{display:grid;gap:8px}.claude-plan-hero{padding:24px;margin:4px 0 20px;border-radius:20px;background:linear-gradient(135deg,#292721,#4a4130);color:#fffaf0}.claude-plan-hero>span{font-size:9px;letter-spacing:1.7px;color:#e8cd79}.claude-plan-hero h3{font-size:27px;margin:10px 0}.claude-plan-hero p{max-width:600px;color:#e4ded1}.claude-plan-hero>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.claude-plan-hero>div b{padding:9px 12px;border:1px solid #ffffff2e;border-radius:20px;font-size:12px}.claude-plan-hero>div small{font-size:12px;color:#f0d77f;margin-left:5px}.claude-allowance{padding:12px;margin:14px 0;border:1px solid #d5bc6655;border-radius:12px;background:#e7c75512}.claude-allowance span{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-bottom:5px}.claude-allowance b{font-size:14px}@media(max-width:700px){.provider-models{grid-template-columns:1fr}.provider-card{min-height:145px}.claude-plan-hero{padding:18px}.claude-plan-hero h3{font-size:23px}}
.mobile-voice-screen .voice-transcript{display:block!important;position:absolute;top:calc(50% + min(31vw,140px) + 72px);left:50%;translate:-50% 0;width:min(88vw,430px);max-height:76px;overflow:auto;padding:10px 14px;margin:0;border:1px solid var(--line);border-radius:16px;background:#9991;color:var(--ink);font-size:12px;line-height:1.55;text-align:left}.mobile-voice-screen .voice-transcript[data-speaker=clyde]{border-color:#d1b55266;background:#e5c95d14}@media(max-height:600px){.mobile-voice-screen .voice-transcript{display:none!important}}
#composer-strength{position:relative;display:flex;align-items:center;margin-left:auto}.voice-button{margin-left:0}#composer-strength-button{height:34px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:18px;color:var(--muted);font-size:10px;font-weight:650}#composer-strength-button:hover,#composer-strength-button[aria-expanded=true]{background:#9991;color:var(--ink)}#composer-strength-button svg{width:16px;height:16px}.send svg{width:18px;height:18px}.send.talk-ready{border-radius:50%;background:var(--ink)!important;color:var(--bg)!important;box-shadow:none}.send.talk-ready:hover{transform:scale(1.04);box-shadow:0 4px 16px #0002}.send.talk-ready svg{width:20px;height:20px}#composer-strength-panel{--strength-progress:40%;--strength-start:#84cc62;--strength-end:#4f9f55;position:absolute;right:0;bottom:calc(100% + 14px);z-index:16;width:286px;padding:15px 14px 12px;border:1px solid color-mix(in srgb,var(--strength-end) 32%,#505154);border-radius:17px;background:linear-gradient(155deg,#333437,#292a2c);color:#f7f7f7;box-shadow:0 18px 44px #0005,0 0 0 1px color-mix(in srgb,var(--strength-end) 11%,transparent);text-align:left;transition:border-color .24s ease,box-shadow .24s ease}#composer-model-picker{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2px 13px;color:#f7f7f7;text-align:left}#composer-model-picker span:first-child{display:grid;gap:3px}#composer-model-picker small{font-size:8px;letter-spacing:1.3px;color:#a8a9ad}#composer-model-picker b{font-size:15px}#composer-model-picker>span:last-child{font-size:22px;color:#aaa}.composer-strength-rail{position:relative;height:34px;display:flex;align-items:center;isolation:isolate;border-radius:999px;background:#47484b;box-shadow:inset 0 1px 2px #0005}.composer-strength-rail input{position:relative;z-index:4;width:100%;height:23px;margin:0;appearance:none;-webkit-appearance:none;border-radius:999px;outline:0;background:transparent;accent-color:transparent;touch-action:none}.composer-strength-rail::before{content:'';position:absolute;z-index:1;inset:5.5px auto 5.5px 0;width:var(--strength-progress);border-radius:999px;background:linear-gradient(90deg,var(--strength-start),var(--strength-end));box-shadow:0 0 16px color-mix(in srgb,var(--strength-end) 36%,transparent);transition:width .08s linear,background .22s ease,box-shadow .22s ease}.composer-strength-rail input::-webkit-slider-runnable-track{height:23px;border-radius:999px;background:transparent}.composer-strength-rail input::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-5.5px;border:4px solid #fff;border-radius:50%;background:var(--strength-end);box-shadow:0 3px 10px #0007,0 0 0 3px color-mix(in srgb,var(--strength-end) 36%,transparent);transition:background .22s ease,box-shadow .22s ease,transform .15s ease}.composer-strength-rail input:active::-webkit-slider-thumb{transform:scale(1.08)}.composer-strength-rail input::-moz-range-track{height:23px;border-radius:999px;background:transparent}.composer-strength-rail input::-moz-range-thumb{width:26px;height:26px;border:4px solid #fff;border-radius:50%;background:var(--strength-end);box-shadow:0 3px 10px #0007,0 0 0 3px color-mix(in srgb,var(--strength-end) 36%,transparent);transition:background .22s ease,box-shadow .22s ease,transform .15s ease}.composer-strength-rail input:active::-moz-range-thumb{transform:scale(1.08)}.composer-strength-dots{position:absolute;z-index:3;inset:0 15px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.composer-strength-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff45;box-shadow:0 0 0 1px #0002;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}#composer-strength-panel[data-level='0'] .composer-strength-dots i:nth-child(1),#composer-strength-panel[data-level='1'] .composer-strength-dots i:nth-child(-n+2),#composer-strength-panel[data-level='2'] .composer-strength-dots i:nth-child(-n+3),#composer-strength-panel[data-level='3'] .composer-strength-dots i:nth-child(-n+4),#composer-strength-panel[data-level='4'] .composer-strength-dots i:nth-child(-n+5),#composer-strength-panel[data-level='5'] .composer-strength-dots i{background:#fff;box-shadow:0 0 7px var(--strength-end)}.composer-strength-labels{display:flex;justify-content:space-between;margin-top:2px;color:#aaa;font-size:8px}#composer-strength-cost{margin:8px 2px 0;font-size:9px;color:#b8b9bd}.composer-strength-panel{}#composer-strength-model{color:var(--strength-end);transition:color .22s ease}.ultra #composer-strength-model{color:#d56cf0}.ultra .composer-strength-rail::before{background:linear-gradient(90deg,#38bdf8,#8b6cf6 58%,#d56cf0)}.ultra .composer-strength-rail::after{content:'';position:absolute;z-index:3;inset:6px 17px;border-radius:999px;background:radial-gradient(circle at 18% 60%,#fff 0 1px,transparent 2px),radial-gradient(circle at 39% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 61% 68%,#fff 0 1.2px,transparent 2.2px),radial-gradient(circle at 79% 34%,#fff 0 1px,transparent 2px);opacity:.72;pointer-events:none;animation:strength-sparkles 2.2s ease-in-out infinite alternate}@keyframes strength-sparkles{to{opacity:.22;transform:translateX(5px)}}@media(max-width:700px){#composer-strength{margin-left:auto}#composer-strength-button{width:35px;height:42px;padding:0;justify-content:center}#composer-strength-short{display:none}.voice-button{margin-left:0!important}#composer-strength-panel{position:fixed;left:12px;right:12px;bottom:max(91px,calc(env(safe-area-inset-bottom) + 82px));width:auto;z-index:28}.composer-tools .send svg{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){.ultra .composer-strength-rail::after{animation:none}}

/* Power-aware color system */
:root{--power-start:#84cc62;--power-accent:#4f9f55}body{background-color:var(--bg);background-image:radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--power-start) 12%,transparent),transparent 31%);transition:background-color .45s ease,background-image .45s ease}.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--power-start) 8%,#f2f3ec),#f2f3ec 46%);transition:background .45s ease,border-color .45s ease}header{background:color-mix(in srgb,var(--power-start) 3%,var(--bg));border-color:color-mix(in srgb,var(--power-accent) 17%,var(--line));transition:background .45s ease,border-color .45s ease}.chat-panel,.canvas-panel{border-color:color-mix(in srgb,var(--power-accent) 23%,var(--line));box-shadow:0 12px 38px color-mix(in srgb,var(--power-accent) 5%,transparent);transition:border-color .45s ease,box-shadow .45s ease}.composer{border-color:color-mix(in srgb,var(--power-accent) 26%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--power-start) 4%,transparent);transition:border-color .35s ease,box-shadow .35s ease}.primary,.send:not(.talk-ready){background:linear-gradient(135deg,color-mix(in srgb,var(--power-start) 72%,#fff),color-mix(in srgb,var(--power-accent) 78%,#f1d46a));transition:background .35s ease,transform .18s ease,box-shadow .35s ease}.primary:hover,.send:not(.talk-ready):hover{box-shadow:0 7px 20px color-mix(in srgb,var(--power-accent) 22%,transparent)}nav button.active{background:color-mix(in srgb,var(--power-start) 15%,#e6e9db);color:color-mix(in srgb,var(--power-accent) 55%,#3b4431);transition:background .35s ease,color .35s ease}.dot,.meter i{background:var(--power-accent);transition:background .35s ease}.eyebrow,h1 em,.strength b{color:color-mix(in srgb,var(--power-accent) 78%,#65705d);transition:color .35s ease}.model-trigger img,.brand img{filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--power-accent) 23%,transparent));transition:filter .35s ease}
[data-theme=dark] body{background-image:radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--power-accent) 17%,transparent),transparent 34%)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--power-accent) 11%,#171915),#171915 48%)}[data-theme=dark] header{background:color-mix(in srgb,var(--power-accent) 5%,var(--bg))}[data-theme=dark] .chat-panel,[data-theme=dark] .canvas-panel{box-shadow:0 14px 46px color-mix(in srgb,var(--power-accent) 8%,transparent)}
#power-nudge{position:fixed;right:24px;bottom:24px;z-index:60;width:min(375px,calc(100vw - 32px));display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:start;padding:16px;border:1px solid color-mix(in srgb,var(--power-accent) 36%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--bg) 92%,var(--power-start));color:var(--ink);box-shadow:0 22px 60px #0003,0 0 0 1px color-mix(in srgb,var(--power-accent) 8%,transparent);opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;transition:opacity .32s ease,transform .32s cubic-bezier(.2,.8,.2,1),border-color .35s ease}.visible#power-nudge{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.power-nudge-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--power-start),var(--power-accent));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--power-accent) 25%,transparent)}.power-nudge-icon svg{width:23px;height:23px}#power-nudge b{display:block;font-size:14px;margin:2px 0 5px}#power-nudge p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}#power-nudge-open{padding:0;margin-top:10px;color:var(--power-accent);font-size:11px;font-weight:700}#power-nudge-open span{display:inline-block;margin-left:4px;transition:transform .18s ease}#power-nudge-open:hover span{transform:translateX(3px)}#power-nudge-close{width:28px;height:28px;display:grid;place-items:center;margin:-5px -5px 0 0;border-radius:50%;color:var(--muted);font-size:20px}#power-nudge-close:hover{background:#9992}
@media(max-width:700px){#power-nudge{left:12px;right:12px;bottom:max(16px,env(safe-area-inset-bottom));width:auto}.mobile-voice-active #power-nudge{display:none}}@media(prefers-reduced-motion:reduce){body,.sidebar,header,.chat-panel,.canvas-panel,.composer,.primary,.send,nav button.active,.dot,.meter i,.eyebrow,h1 em,.strength b,#power-nudge{transition:none!important}}
body:has(#account-gate:not(.hidden)) #power-nudge{display:none}

/* A quiet, anchored hint for the power control. */
#power-nudge{position:absolute;left:auto;right:-5px;bottom:calc(100% + 11px);z-index:18;width:248px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;padding:13px 13px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);box-shadow:0 8px 24px #00000014;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}#power-nudge::after{content:'';position:absolute;right:18px;bottom:-6px;width:10px;height:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);transform:rotate(45deg)}.visible#power-nudge{opacity:1;transform:translateY(0);pointer-events:auto}#power-nudge b{display:block;margin:0 0 4px;font-size:12px;font-weight:650}#power-nudge p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}#power-nudge-open{margin:8px 0 0;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font-size:10px;font-weight:600}#power-nudge-open:hover{background:#9991}#power-nudge-close{width:22px;height:22px;margin:-4px -4px 0 0;border-radius:5px;color:var(--muted);font-size:17px;line-height:1}#power-nudge-close:hover{background:#9991}@media(max-width:700px){#power-nudge{position:absolute;left:auto;right:-7px;bottom:calc(100% + 9px);width:min(248px,calc(100vw - 32px))}}

/* Six complete workspace themes, selected by Clyde power. */
html[data-power='0']{--power-bg:#eef7ff;--power-surface:#fbfdff;--power-sidebar:#e2f0ff;--power-soft:#dbeeff}
html[data-power='1']{--power-bg:#edf9f7;--power-surface:#fbfffe;--power-sidebar:#dff3ef;--power-soft:#d5efea}
html[data-power='2']{--power-bg:#f3f8ed;--power-surface:#fdfef9;--power-sidebar:#e8f1df;--power-soft:#e2edd7}
html[data-power='3']{--power-bg:#fff8e9;--power-surface:#fffdf7;--power-sidebar:#f8edcf;--power-soft:#f6e6ba}
html[data-power='4']{--power-bg:#fff2ed;--power-surface:#fffaf8;--power-sidebar:#f9e3dc;--power-soft:#f6d9cf}
html[data-power='5']{--power-bg:#f7f0ff;--power-surface:#fdfaff;--power-sidebar:#ecdef8;--power-soft:#e8d7f6}
html[data-power]{--bg:var(--power-bg);--line:color-mix(in srgb,var(--power-accent) 20%,#dfe1dc)}
html[data-power='0'][data-theme=dark]{--power-bg:#081321;--power-surface:#0e1c2c;--power-sidebar:#0a1827;--power-soft:#132a41}
html[data-power='1'][data-theme=dark]{--power-bg:#071714;--power-surface:#0d211d;--power-sidebar:#091b17;--power-soft:#12332c}
html[data-power='2'][data-theme=dark]{--power-bg:#0c160a;--power-surface:#142011;--power-sidebar:#101b0d;--power-soft:#20321b}
html[data-power='3'][data-theme=dark]{--power-bg:#191307;--power-surface:#241c0d;--power-sidebar:#20180a;--power-soft:#3a2c11}
html[data-power='4'][data-theme=dark]{--power-bg:#1a0d0b;--power-surface:#261411;--power-sidebar:#21100d;--power-soft:#3c201a}
html[data-power='5'][data-theme=dark]{--power-bg:#140b1e;--power-surface:#1e122b;--power-sidebar:#190e25;--power-soft:#302042}
html[data-power][data-theme=dark]{--bg:var(--power-bg);--line:color-mix(in srgb,var(--power-accent) 28%,#2c2d30)}
html[data-power] body{background-color:var(--power-bg)!important;background-image:radial-gradient(circle at 82% 0,color-mix(in srgb,var(--power-start) 24%,transparent),transparent 38%)}html[data-power] .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--power-start) 10%,var(--power-sidebar)),var(--power-sidebar) 48%)}html[data-power] header{background:color-mix(in srgb,var(--power-surface) 90%,var(--power-start))}html[data-power] .chat-panel,html[data-power] .canvas-panel,html[data-power] .composer,html[data-power] dialog,html[data-power] .note-card,html[data-power] .provider-card,html[data-power] .plugin-card,html[data-power] .plugin-backup,html[data-power] .admin-stat,html[data-power] .admin-chart-card,html[data-power] .admin-adjust-form,html[data-power] .pet-settings-link,html[data-power] #pet-companion{background-color:var(--power-surface)}html[data-power] .strength,html[data-power] .study-strip,html[data-power] .workspace-modes,html[data-power] .balance-card,html[data-power] .message.assistant{background:color-mix(in srgb,var(--power-surface) 84%,var(--power-soft))}html[data-power] .message.user,html[data-power] nav button.active,html[data-power] .welcome .suggestions button:hover{background:var(--power-soft)}html[data-power] .drawing-area,html[data-power] #notepad{background-color:color-mix(in srgb,var(--power-surface) 88%,var(--power-soft))}html[data-power] input,html[data-power] textarea,html[data-power] select{accent-color:var(--power-accent)}html[data-power] .small-button,html[data-power] .secondary{background:color-mix(in srgb,var(--power-surface) 86%,var(--power-soft));border-color:var(--line)}html[data-power] .welcome .mascot{background:radial-gradient(circle,color-mix(in srgb,var(--power-start) 18%,transparent),transparent 70%)}html[data-power] .voice-orb{background:radial-gradient(circle at 32% 22%,color-mix(in srgb,var(--power-start) 18%,#fff),var(--power-start) 45%,var(--power-accent) 100%)}html[data-power] .canvas-toolbar,html[data-power] #mobile-controls{background:var(--power-surface)}
html[data-power][data-theme=dark] body{background-image:radial-gradient(circle at 82% 0,color-mix(in srgb,var(--power-accent) 25%,transparent),transparent 42%)}html[data-power][data-theme=dark] .chat-panel,html[data-power][data-theme=dark] .canvas-panel,html[data-power][data-theme=dark] .composer,html[data-power][data-theme=dark] dialog{background-color:var(--power-surface)}html[data-power][data-theme=dark] .message.user{background:var(--power-soft)}
@media(max-width:700px){html[data-power] body,html[data-power] .sidebar,html[data-power] .workspace-grid>.chat-panel,html[data-power] .chat-panel>.composer-wrap{background:var(--power-bg)}html[data-power] .composer{background:color-mix(in srgb,var(--power-surface) 84%,var(--power-soft))}}

/* Keep Tutor usable on tablets and compact laptops. */
@media(min-width:701px) and (max-width:1050px){html[data-workspace-mode=tutor] #study-view>.workspace-grid{display:flex;max-width:900px;width:100%}html[data-workspace-mode=tutor] .workspace-grid>.chat-panel{width:100%;max-width:100%}html[data-workspace-mode=tutor] .workspace-grid>.canvas-panel:not(.expanded){display:none}html[data-workspace-mode=tutor] .canvas-panel.expanded{display:block;inset:16px 16px 16px 221px;width:auto!important;height:auto!important}html[data-workspace-mode=tutor] .composer-tools{min-width:0;flex-wrap:wrap}html[data-workspace-mode=tutor] .composer textarea{min-width:0}}
@media(min-width:701px) and (max-width:950px){html[data-workspace-mode=tutor] .canvas-panel.expanded{left:206px}}
@media(min-width:1051px) and (max-width:1100px){html[data-workspace-mode=tutor] .canvas-panel .drawing-area{width:100%;min-height:0!important;aspect-ratio:600/470}}

/* Clyde tools and the first server-backed creation workflow: Docs. */
.tools-search,.artifact-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--power-surface,var(--bg))}.tools-search input,.artifact-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.tools-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.tools-results section{min-width:0}.tools-results h3{margin:0 0 8px;font-size:11px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}.tools-results section>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 12px;border-radius:10px;text-align:left}.tools-results section>button:hover:not(:disabled){background:var(--power-soft,#9991)}.tools-results section>button:disabled{cursor:not-allowed;opacity:.58}.tools-results b,.tools-results small{display:block}.tools-results b{font-size:13px}.tools-results small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.tools-results em{max-width:95px;color:var(--muted);font-size:9px;font-style:normal;text-align:right}.artifact-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.artifact-library-head h1{margin:8px 0 3px}.artifact-library-head p{margin:0;color:var(--muted)}.artifact-search{max-width:520px;margin:25px 0 18px}.artifact-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px}.artifact-list>button{min-height:145px;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--power-surface,var(--bg));text-align:left}.artifact-list>button:hover{border-color:var(--power-accent);box-shadow:0 9px 25px #0001}.artifact-list b{margin:18px 0 8px;font-size:17px;overflow-wrap:anywhere}.artifact-list small{color:var(--muted);font-size:10px;line-height:1.5}.artifact-type{padding:4px 6px;border-radius:5px;background:var(--power-soft,#9991);color:var(--power-accent);font-size:8px;font-weight:700;letter-spacing:1px}.artifact-loading,.artifact-empty{max-width:560px;margin:70px auto;padding:30px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center;line-height:1.7}.document-app{height:calc(100dvh - 120px);min-height:520px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--power-sidebar,var(--bg))}.document-topbar{height:auto;min-height:58px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--power-surface,var(--bg));font-size:12px}.document-topbar #document-name{flex:1;min-width:100px;border:0;background:transparent;color:var(--ink);font-size:15px;font-weight:650;outline:0}.document-topbar #document-save-state{color:var(--muted);font-size:10px;white-space:nowrap}.document-toolbar{display:flex;align-items:center;gap:4px;min-height:46px;padding:6px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--power-surface,var(--bg)) 88%,var(--power-soft,#9991));overflow-x:auto}.document-toolbar button{flex:0 0 auto;min-height:31px;padding:6px 9px;border-radius:6px;font-size:11px}.document-toolbar button:hover{background:var(--power-soft,#9991)}.document-toolbar>span{flex:1;min-width:18px}.document-canvas{flex:1;min-height:0;overflow:auto;padding:38px 20px;background:color-mix(in srgb,var(--power-bg,var(--bg)) 82%,#aaa)}#document-editor{width:min(820px,100%);min-height:100%;margin:0 auto;padding:65px 72px;background:var(--power-surface,#fff);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 35px #00000012;font:16px/1.72 Georgia,serif;overflow-wrap:anywhere}#document-editor h1{font:700 34px/1.18 Georgia,serif;margin:0 0 28px}#document-editor h2{font:700 25px/1.25 Georgia,serif;margin:32px 0 12px}#document-editor h3{font-size:19px;margin:25px 0 10px}#document-editor p{margin:0 0 16px}#document-editor blockquote{margin:22px 0;padding:4px 0 4px 18px;border-left:3px solid var(--power-accent);color:var(--muted)}.version-list{display:grid;gap:7px;max-height:52dvh;overflow:auto}.version-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--line);border-radius:9px}.version-list b,.version-list small{display:block}.version-list small{margin-top:4px;color:var(--muted);font-size:10px}.version-list em{font-size:10px;color:var(--muted);font-style:normal}
@media(max-width:700px){.tools-results{grid-template-columns:1fr}.artifact-library-head{align-items:flex-start}.artifact-library-head h1{font-size:31px}.document-app{height:calc(100dvh - 78px);min-height:0;border:0;border-radius:0}.document-topbar{flex-wrap:wrap}.document-topbar #document-name{order:-1;flex-basis:calc(100% - 60px)}.document-topbar #document-save-state{margin-left:auto}.document-toolbar{padding-inline:8px}.document-canvas{padding:16px 8px}#document-editor{padding:35px 24px;font-size:15px;border-radius:5px}main>#other-view:has(.document-app){padding:0;overflow:hidden}}

/* Clyde Sheets, Slides, PDF and unified Library */
.library-head-actions,.library-controls,.creative-topbar,.sheet-formula,.sheet-tabs,.slide-actions{display:flex;align-items:center;gap:8px}.library-controls{margin:20px 0}.library-controls .artifact-search{flex:1;margin:0}.library-controls select{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--power-surface,var(--bg));color:var(--ink)}.artifact-list em{margin-top:auto;color:var(--power-accent);font-size:10px;font-style:normal;font-weight:700}
.artifact-card{min-height:145px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:var(--power-surface,var(--bg));overflow:hidden}.artifact-card:hover{border-color:var(--power-accent);box-shadow:0 9px 25px #0001}.artifact-card>button{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:18px;text-align:left}.artifact-card>button b{margin:16px 0 7px;font-size:16px;overflow-wrap:anywhere}.artifact-card>button small{color:var(--muted);font-size:9px}.artifact-card footer{display:flex;gap:3px;padding:6px 9px;border-top:1px solid var(--line)}.artifact-card footer button{padding:5px 7px;border-radius:5px;color:var(--muted);font-size:9px}.artifact-card footer button:hover{background:var(--power-soft,#9991);color:var(--ink)}
.sheet-app,.slides-app,.pdf-app{height:calc(100dvh - 120px);min-height:520px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--power-sidebar,var(--bg))}.creative-topbar{min-height:58px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--power-surface,var(--bg));flex:0 0 auto;position:relative;z-index:6}.creative-topbar #creative-name{flex:1;min-width:120px;border:0;background:transparent;color:var(--ink);font-size:15px;font-weight:700;outline:0}.creative-topbar #creative-save-state{color:var(--muted);font-size:10px;white-space:nowrap}.creative-topbar select{min-height:34px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--power-surface,var(--bg));color:var(--ink)}
.sheet-formula{min-height:38px;padding:5px 12px;border-bottom:1px solid var(--line);background:var(--power-surface,var(--bg))}.sheet-formula span{width:45px;color:var(--muted);font-size:11px;font-weight:700}.sheet-formula input{flex:1;border:0;background:transparent;color:var(--ink);outline:0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.sheet-grid-wrap{flex:1;min-height:0;overflow:auto;background:var(--power-surface,#fff)}.sheet-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:100%;font-size:11px}.sheet-grid th{position:sticky;z-index:2;background:color-mix(in srgb,var(--power-sidebar,var(--bg)) 92%,#888);color:var(--muted);font-weight:600}.sheet-grid thead th{top:0;height:28px}.sheet-grid tbody th{left:0;width:42px;min-width:42px}.sheet-grid td,.sheet-grid th{height:29px;min-width:110px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}.sheet-grid td input{width:100%;height:100%;padding:5px 7px;border:0;background:transparent;color:var(--ink);outline:0;font:inherit}.sheet-grid td:focus-within{box-shadow:inset 0 0 0 2px var(--power-accent)}.sheet-grid .negative-cell{background:#d65b4a12}.sheet-grid .formula-error{background:#d65b4a22}.sheet-tabs{justify-content:space-between;min-height:43px;padding:5px 10px;border-top:1px solid var(--line);background:var(--power-surface,var(--bg));overflow-x:auto}.sheet-tabs>div{display:flex;gap:4px}.sheet-tabs button{padding:7px 11px;border-radius:6px;font-size:10px;white-space:nowrap}.sheet-tabs button.selected{background:var(--power-soft,#9992);color:var(--power-accent);font-weight:700}.sheet-tabs span{color:var(--muted);font-size:9px;white-space:nowrap}.sheet-chart-panel{position:absolute;right:35px;bottom:70px;width:min(430px,calc(100% - 70px));max-height:360px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--power-surface,var(--bg));box-shadow:0 18px 55px #0003;z-index:5}.sheet-chart-panel header{display:flex;justify-content:space-between;margin-bottom:16px}.sheet-chart-panel header span{color:var(--muted);font-size:10px}.sheet-bars{display:grid;gap:9px}.sheet-bars>div{display:grid;grid-template-columns:90px 1fr 55px;align-items:center;gap:8px;font-size:10px}.sheet-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-bars i{display:block;height:12px;border-radius:3px;background:var(--power-accent)}
.slides-workspace{flex:1;min-height:0;display:grid;grid-template-columns:220px 1fr}.slide-list{min-width:0;padding:12px;overflow:auto;border-right:1px solid var(--line);background:var(--power-sidebar,var(--bg))}.slide-list button{width:100%;min-height:72px;margin-bottom:8px;padding:10px;display:grid;grid-template-columns:22px 1fr;align-items:start;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--power-surface,var(--bg));text-align:left}.slide-list button.selected{border-color:var(--power-accent);box-shadow:inset 3px 0 var(--power-accent)}.slide-list span{color:var(--muted);font-size:9px}.slide-list b{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.slide-stage{min-width:0;min-height:0;overflow:auto;padding:28px;background:color-mix(in srgb,var(--power-bg,var(--bg)) 85%,#888)}.slide-canvas{aspect-ratio:16/9;width:min(900px,100%);margin:0 auto;padding:7% 8%;display:flex;flex-direction:column;position:relative;border:1px solid #0002;box-shadow:0 15px 45px #0002;background:#f3f8ec;color:#242a21}.slide-canvas textarea{width:100%;resize:none;border:0;background:transparent;color:inherit;outline:0}.slide-canvas #slide-title{height:28%;font:700 clamp(20px,3vw,40px)/1.1 Georgia,serif}.slide-canvas #slide-body{flex:1;font:clamp(12px,1.5vw,20px)/1.5 system-ui}.slide-canvas small{position:absolute;right:5%;bottom:5%;font-size:8px;letter-spacing:1px}.speaker-notes{display:block;width:min(900px,100%);margin:14px auto 0;color:var(--muted);font-size:10px;font-weight:700}.speaker-notes textarea{width:100%;min-height:80px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--power-surface,var(--bg));color:var(--ink);resize:vertical}.slide-actions{width:min(900px,100%);margin:10px auto;flex-wrap:wrap}.theme-midnight .slide-canvas,.presentation-overlay.theme-midnight{background:#111827;color:#f9fafb}.theme-paper .slide-canvas,.presentation-overlay.theme-paper{background:#faf7ef;color:#292522}.theme-sunrise .slide-canvas,.presentation-overlay.theme-sunrise{background:#fff1e6;color:#39241c}
.presentation-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:8vw;background:#f3f8ec;color:#242a21}.presentation-overlay>div{width:min(1050px,100%)}.presentation-overlay h1{font:700 clamp(36px,6vw,82px)/1.05 Georgia,serif;margin:0 0 30px}.presentation-overlay p{font-size:clamp(17px,2.2vw,31px);line-height:1.55}.presentation-overlay small{position:absolute;right:28px;bottom:22px}.presentation-overlay>button{position:absolute;right:22px;top:18px;width:44px;height:44px;border-radius:50%;font-size:25px}.presentation-overlay nav{position:absolute;left:22px;bottom:18px;display:flex;gap:8px}.presentation-overlay nav button{width:46px;height:40px;border:1px solid currentColor;border-radius:8px}
.pdf-app{overflow:auto}.pdf-page{width:min(760px,calc(100% - 40px));min-height:900px;margin:35px auto;padding:70px;background:#fff;color:#242622;border:1px solid #ddd;box-shadow:0 12px 35px #0002;font:15px/1.7 Georgia,serif}.pdf-page h1{font-size:32px;line-height:1.15;margin:0 0 35px}
@media(max-width:800px){.sheet-app,.slides-app,.pdf-app{height:calc(100dvh - 78px);min-height:0;border:0;border-radius:0}.creative-topbar{flex-wrap:nowrap;overflow-x:auto;min-height:52px}.creative-topbar #creative-name{display:none}.creative-topbar #creative-save-state{flex:0 0 auto;margin-left:auto}.creative-topbar button,.creative-topbar select{flex:0 0 auto;font-size:10px}.sheet-tabs>span{display:none}.slides-workspace{grid-template-columns:1fr}.slide-list{display:flex;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.slide-list button{flex:0 0 125px;min-height:55px;margin:0}.slide-stage{padding:12px}.slide-canvas{padding:10% 7%}.pdf-page{width:calc(100% - 16px);margin:8px;padding:36px 24px;min-height:calc(100dvh - 180px)}main>#other-view:has(.sheet-app),main>#other-view:has(.slides-app),main>#other-view:has(.pdf-app){padding:0;overflow:hidden}.library-controls{align-items:stretch;flex-direction:column}.library-head-actions{width:100%}}