:root{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--r1:10px;--r2:16px;--r3:24px;--surface:var(--power-surface,#fffefa);--soft:color-mix(in srgb,var(--surface) 88%,var(--power-soft,#eef0e8));--shadow:0 1px 2px #17200f0a,0 8px 28px #17200f0b;--shadow-up:0 18px 48px #17200f18;--focus:#b48c20}
html{overflow-x:hidden;scrollbar-gutter:stable}body{min-width:320px;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}button:hover{filter:none}button:not(:disabled):active{transform:scale(.975)}:where(button,a,input,textarea,select,[contenteditable=true]):focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--power-accent,#788a66) 28%,transparent)}
/* Shared shell and branding */
.sidebar{width:256px;padding:24px 16px 16px;border-color:var(--line);transition:width .24s ease,transform .24s ease,padding .24s ease;box-shadow:1px 0 #fff5;z-index:20}main{margin-left:256px;min-width:0;transition:margin-left .24s ease}.mode-switcher{position:relative}.brand{width:100%;min-height:48px;margin:0 0 24px;padding:4px 8px;gap:10px;border-radius:12px;letter-spacing:-1.5px}.brand:hover{background:color-mix(in srgb,var(--power-soft,#9991) 70%,transparent)}.brand img,.model-trigger img,.mascot img,.account-gate img,footer img{object-fit:contain;object-position:center;flex:none}.brand img{width:40px!important;height:40px!important}.brand b{font-size:32px;line-height:1;letter-spacing:-1.8px}.brand small{margin-left:2px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--power-accent);font-size:9px;line-height:1}.brand>span{margin-left:auto;align-self:center;font-size:13px}.new{min-height:44px;padding:10px 12px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.new:hover{border-color:color-mix(in srgb,var(--power-accent) 45%,var(--line));transform:translateY(-1px)}.nav-label{margin:24px 12px 8px;font-size:8px;letter-spacing:1.8px}.sidebar nav{gap:2px}.sidebar nav button{position:relative;min-height:42px;padding:10px 12px;border-radius:10px;color:color-mix(in srgb,var(--ink) 64%,var(--muted));font-size:13px}.sidebar nav button:hover{background:color-mix(in srgb,var(--power-soft,#9991) 62%,transparent);color:var(--ink);transform:translateX(2px)}.sidebar nav button.active{background:color-mix(in srgb,var(--power-soft,#9991) 86%,var(--surface));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--power-accent) 12%,transparent)}.sidebar nav button.active:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:var(--power-accent)}.recents{padding:0 8px}.recents button{padding:8px;border-radius:8px}.recents button:hover{background:color-mix(in srgb,var(--power-soft,#9991) 55%,transparent);color:var(--ink)}.balance-card{padding:14px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.profile{min-height:44px;padding:6px 8px;border-radius:10px}.profile:hover{background:color-mix(in srgb,var(--power-soft,#9991) 65%,transparent)}#sidebar-toggle{position:absolute;right:-14px;top:70px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:var(--shadow);font-size:13px;z-index:3}.sidebar-collapsed .sidebar{width:80px;padding-inline:12px}.sidebar-collapsed main{margin-left:80px}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed .brand b,.sidebar-collapsed .brand small,.sidebar-collapsed .brand>span,.sidebar-collapsed .new span,.sidebar-collapsed .new kbd,.sidebar-collapsed .nav-label,.sidebar-collapsed .recents,.sidebar-collapsed .sidebar-bottom,.sidebar-collapsed nav span,.sidebar-collapsed nav small,.sidebar-collapsed nav .dot{display:none}.sidebar-collapsed .new,.sidebar-collapsed .sidebar nav button{justify-content:center;font-size:20px}.sidebar-collapsed #sidebar-toggle{transform:rotate(180deg)}
/* Page rhythm and navigation */
main>header{height:64px;padding:0 32px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);position:relative;z-index:10}.header-right{gap:8px}.small-button,.theme-toggle{min-height:36px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.small-button{padding:8px 12px}.small-button:hover,.theme-toggle:hover{border-color:color-mix(in srgb,var(--power-accent) 38%,var(--line));box-shadow:var(--shadow)}.page{padding:32px 32px 0;max-width:1540px}.intro{margin-bottom:24px}.intro h1{font-size:clamp(34px,3vw,46px);line-height:1.08;margin:10px 0 8px}.intro p{font-size:13px;line-height:1.65}.eyebrow{font-size:8px;letter-spacing:1.7px}.workspace-modes,.study-strip{border-radius:16px;border-color:var(--line);box-shadow:var(--shadow)}.mode-buttons button,.study-controls button{min-height:40px}.mode-buttons button.selected{box-shadow:var(--shadow)}
/* Premium chat */
.workspace-grid{gap:16px}.chat-panel,.canvas-panel{border-radius:16px;border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}.chat-panel{display:flex;flex-direction:column;min-height:0}.panel-header{min-height:56px;height:56px;padding:0 18px}.model-trigger img{width:28px!important;height:28px!important}.model-trigger button{min-height:40px;padding:6px 8px;border-radius:10px}.model-trigger button:hover{background:var(--soft)}.tag{padding:4px 7px;border-radius:6px;font-weight:600}.tutor-settings summary{min-height:42px;padding-inline:18px}.strength{padding:16px 20px}.conversation{flex:1;min-height:320px;height:clamp(400px,52vh,620px);padding:24px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--power-accent) 25%,transparent) transparent}.welcome{max-width:520px;margin:24px auto 0;padding:8px 24px}.mascot{width:64px;height:64px;margin-bottom:12px;transition:transform .25s ease}.welcome:hover .mascot{transform:translateY(-3px) rotate(-2deg)}.welcome h2{font-size:36px;line-height:1.1}.welcome p{font-size:13px;line-height:1.7}.suggestions{gap:8px;margin-top:24px}.suggestions button{min-height:48px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,var(--power-soft,#9991));font-size:12px}.suggestions button:hover{border-color:color-mix(in srgb,var(--power-accent) 38%,var(--line));transform:translateY(-1px);box-shadow:var(--shadow)}.message{width:fit-content;max-width:min(88%,760px);margin:0 0 16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:16px;background:var(--soft);font-size:14px;line-height:1.75;box-shadow:0 1px 2px #00000008}.message.assistant{margin-right:auto;border-top-left-radius:6px}.message.user{margin-left:auto;border-top-right-radius:6px;background:var(--power-soft,#f8efd2)}.message .role{margin-bottom:6px}.message-actions{padding-top:8px}.message-actions button{min-height:28px;border-radius:7px}.new-message{animation:message-enter .3s cubic-bezier(.2,.8,.2,1)}.composer-wrap{padding:12px 16px 16px;background:linear-gradient(180deg,transparent,var(--surface) 20%)}.composer{padding:14px 14px 10px;border-radius:18px;border-color:color-mix(in srgb,var(--power-accent) 18%,var(--line));background:var(--surface);box-shadow:0 8px 28px #18200f0d}.composer:focus-within{border-color:color-mix(in srgb,var(--power-accent) 58%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--power-accent) 12%,transparent),0 10px 32px #18200f10}.composer textarea{min-height:52px;font-size:14px;line-height:1.6}.composer-tools{min-height:44px}.composer-tools button{min-width:40px;min-height:40px;border-radius:10px}.send{width:42px!important;height:42px!important;border-radius:50%!important;background:var(--ink)!important;color:var(--bg)!important;box-shadow:none!important}.send:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0002!important}.composer-caption{margin-top:8px;font-size:9px}.revealing .message-content:after{height:1em;border-radius:2px;animation:caret-blink .85s steps(1) infinite}.artifact-loading:before{content:'';display:block;width:36px;height:36px;margin:0 auto 16px;border:3px solid var(--line);border-top-color:var(--power-accent);border-radius:50%;animation:spin .8s linear infinite}
/* Tutor and shared surfaces */
.study-strip{padding:12px 16px}.study-controls select{min-height:36px;border-radius:9px}.canvas-panel .study-tabs button{min-height:40px}.drawing-area{min-height:390px}.board-controls,.board-share{padding-inline:16px}.insight{margin:12px 16px 16px;padding:16px;border-radius:12px}.quiz-guard{padding:32px}.focus-button.running{box-shadow:0 0 0 3px color-mix(in srgb,var(--power-accent) 16%,transparent)}
/* Modals, forms and creation tools */
dialog{padding:24px;border-radius:24px;border-color:var(--line);box-shadow:0 28px 100px #16200e3d;overscroll-behavior:contain}dialog[open]{animation:modal-in .22s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{animation:backdrop-in .2s ease;background:#18201466;backdrop-filter:blur(6px)}.modal-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:30px;line-height:1.15}.modal-header button{width:40px;height:40px;border-radius:50%}.modal-header button:hover{background:var(--soft)}.primary,.secondary{min-height:40px;border-radius:10px;font-weight:600}.primary{background:var(--power-accent,#7d925f);color:#fff}.primary:hover{filter:brightness(1.04);box-shadow:var(--shadow)}.secondary{background:var(--surface);border-color:var(--line)}.secondary:hover{border-color:color-mix(in srgb,var(--power-accent) 40%,var(--line));background:var(--soft)}.field{gap:8px;margin:16px 0;font-weight:600}.field input,.field textarea,.field select,.admin-search input{min-height:44px;padding:11px 12px;border-radius:10px;background:var(--surface);color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--power-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--power-accent) 12%,transparent)}.note-card,.plan,.plugin-card,.plugin-backup,.admin-stat,.artifact-card,.artifact-list>button{border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.note-card:hover,.plugin-card:hover,.artifact-card:hover,.artifact-list>button:hover{transform:translateY(-2px);box-shadow:var(--shadow-up)}.cards,.plugin-grid,.plans-grid{gap:16px}.tools-results section>button{min-height:64px;border-radius:12px}.tools-results section>button:hover:not(:disabled){transform:translateX(2px)}.document-app,.sheet-app,.slides-app,.pdf-app{border-radius:16px;box-shadow:var(--shadow)}.document-topbar,.creative-topbar{min-height:56px;padding:8px 12px}.document-toolbar{min-height:44px}.artifact-search,.tools-search{min-height:46px}.artifact-empty{background:color-mix(in srgb,var(--surface) 88%,transparent)}#toast{bottom:24px;min-height:44px;display:flex;align-items:center;padding:11px 18px;border-radius:12px;box-shadow:0 14px 40px #0003;transition:opacity .18s ease,transform .18s ease;transform:translate(-50%,8px)}#toast[style*="opacity: 1"]{transform:translate(-50%,0)}
html[data-theme=dark]{--ink:#eef2e8;--muted:#a7afa0;--surface:var(--power-surface,#171b16);--soft:color-mix(in srgb,var(--surface) 84%,var(--power-soft,#293126));--shadow:0 1px 2px #0003,0 8px 24px #0002;--shadow-up:0 18px 45px #0004;--focus:#e5c454}.dark-placeholder{color:var(--muted)}html[data-theme=dark] .sidebar{box-shadow:1px 0 #ffffff08}html[data-theme=dark] .message{border-color:color-mix(in srgb,var(--line) 72%,transparent)}
@keyframes message-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes caret-blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1150px) and (min-width:701px){.sidebar{width:216px;padding-inline:12px}main{margin-left:216px}.page{padding-inline:24px}.sidebar-collapsed .sidebar{width:76px}.sidebar-collapsed main{margin-left:76px}.header-right{gap:6px}.small-button{padding-inline:9px}.workspace-grid{gap:12px}}
@media(max-width:700px){html{scrollbar-gutter:auto}#sidebar-toggle{display:none}.sidebar,.sidebar-collapsed .sidebar{width:100%;height:64px;padding:10px 14px;box-shadow:0 1px 0 var(--line)}main,.sidebar-collapsed main{margin-left:0}.brand{width:auto;min-height:44px;margin:0;padding:4px}.brand img{width:34px!important;height:34px!important}.brand b{display:block!important;font-size:27px}.brand small,.brand>span{display:block!important}.chat-panel .conversation{height:auto!important;min-height:calc(100dvh - 252px);padding:18px 14px!important}.welcome{margin-top:7vh;padding-inline:8px}.welcome h2{font-size:32px!important}.welcome p{font-size:13px}.welcome .suggestions button{min-height:50px;padding:12px 14px}.message{max-width:96%;font-size:16px}.message.assistant{padding:8px 2px 14px;border:0;box-shadow:none;background:transparent}.message.user{padding:13px 16px}.chat-panel>.composer-wrap{position:sticky;bottom:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));z-index:8}.composer{padding:13px 14px 9px;border-radius:24px}.composer textarea{min-height:44px;max-height:25dvh}.composer-caption span:last-child{display:none}dialog{width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 28px);padding:18px;border-radius:20px}.modal-header{position:sticky;top:-18px;z-index:2;margin:-2px 0 16px;padding:10px 0 12px;background:var(--surface)}.modal-header h2{font-size:26px}.tools-results{gap:8px}.artifact-list{grid-template-columns:1fr}.document-app,.sheet-app,.slides-app,.pdf-app{border-radius:0;box-shadow:none}.document-topbar{overflow-x:auto;flex-wrap:nowrap}.document-topbar #document-name{display:block!important;flex:0 0 160px;order:0}.document-topbar button{flex:0 0 auto}.library-head-actions{overflow-x:auto;width:100%;padding-bottom:4px}.plans-grid,.cards,.plugin-grid{gap:12px}#toast{bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px);text-align:center}#power-nudge{position:fixed!important;left:12px!important;right:12px!important;bottom:max(184px,calc(env(safe-area-inset-bottom) + 172px))!important;width:auto!important;max-width:none;z-index:32}#power-nudge:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(prefers-contrast:more){:root{--line:color-mix(in srgb,var(--ink) 36%,transparent)}.secondary,.composer,.chat-panel,.canvas-panel{border-width:2px}}

html[data-theme=dark] body,html[data-theme=dark] .brand,html[data-theme=dark] main>header{color:var(--ink)}html[data-theme=dark] main>header{background:var(--surface)!important}html[data-theme=dark] .sidebar{color:var(--ink)}

/* Clyde Mail */
.mail-loading,.mail-gate{max-width:720px;margin:8vh auto;padding:40px;text-align:center}.mail-loading{display:grid;gap:8px;place-items:center;color:var(--muted)}.mail-loading span{width:40px;height:40px;border:3px solid var(--line);border-top-color:var(--power-accent);border-radius:50%;animation:spin .8s linear infinite}.mail-loading b{color:var(--ink);font-size:18px}.mail-loading small{font-size:11px}.mail-gate{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-up)}.mail-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff6df;color:#a26816;border:1px solid #e6be7b;font:750 17px/1 system-ui;box-shadow:0 5px 18px #7a4e1515}.mail-gate>.mail-mark{width:64px;height:64px;margin:0 auto 20px;border-radius:18px;font-size:26px}.mail-gate h1{max-width:560px;margin:12px auto;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-1.8px}.mail-gate>p{max-width:590px;margin:14px auto;color:var(--muted);line-height:1.75}.mail-connect{display:inline-flex;align-items:center;justify-content:center;margin:20px auto;padding:0 24px;text-decoration:none}.mail-permissions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}.mail-permissions span{padding:7px 10px;border:1px solid var(--line);border-radius:20px;background:var(--soft);font-size:10px}.mail-security{font-size:10px!important}.mail-notice{padding:9px 12px;border:1px solid #c7a44c66;border-radius:10px;background:#d3af4512}.mail-setup-list{display:grid;gap:10px;max-width:580px;margin:24px auto;text-align:left}.mail-setup-list>div{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px}.mail-setup-list b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--soft)}.mail-setup-list span{font-size:12px;line-height:1.55}.mail-setup-list code{font-size:10px;overflow-wrap:anywhere}.mail-app{height:calc(100dvh - 120px);min-height:560px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.mail-topbar{min-height:66px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.mail-brand{display:flex;align-items:center;gap:10px;min-width:190px}.mail-brand b,.mail-brand small{display:block}.mail-brand small{max-width:150px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px}.mail-search{height:42px;display:flex;align-items:center;gap:9px;flex:1;max-width:720px;margin:auto;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.mail-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.mail-search kbd{font-size:8px;color:var(--muted)}.mail-body{display:grid;grid-template-columns:190px minmax(320px,1fr);flex:1;min-height:0}.mail-rail{padding:14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,var(--soft))}.mail-compose{width:100%;margin-bottom:14px}.mail-rail nav{display:grid;gap:2px}.mail-rail nav button{min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;text-align:left;font-size:12px}.mail-rail nav button span{width:20px;text-align:center;color:var(--muted);font-size:10px}.mail-rail nav button:hover,.mail-rail nav button.active{background:var(--soft)}.mail-rail nav button.active{font-weight:700;color:var(--power-accent)}.mail-ai{width:100%;margin-top:20px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left}.mail-ai b,.mail-ai small{display:block}.mail-ai small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.mail-content{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mail-list-head{height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}.mail-list-head label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.mail-list-head small{margin-left:auto;color:var(--muted);font-size:9px}.mail-list-head input,.mail-row input{accent-color:var(--power-accent)}#mail-bulk{display:flex;gap:4px}#mail-bulk button{padding:6px 8px;border-radius:7px;font-size:9px}#mail-bulk button:hover{background:var(--soft)}.mail-list{min-height:0;overflow:auto;flex:1}.mail-row{display:grid;grid-template-columns:28px 30px minmax(0,1fr);align-items:center;padding:0 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.mail-row:hover,.mail-row.current{background:var(--soft)}.mail-row>label{display:grid;place-items:center}.mail-star{width:28px;height:42px;color:var(--muted)}.mail-star.active{color:#c28d16}.mail-row-main{min-width:0;padding:11px 6px;text-align:left}.mail-row-main>span{display:flex;gap:8px}.mail-row-main b,.mail-row-main strong,.mail-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-main b{font-size:11px;font-weight:500}.mail-row-main time{margin-left:auto;color:var(--muted);font-size:9px}.mail-row-main strong{margin:3px 0;font-size:12px;font-weight:500}.mail-row-main small{color:var(--muted);font-size:10px}.mail-row.unread .mail-row-main b,.mail-row.unread .mail-row-main strong{font-weight:750;color:var(--ink)}.mail-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;color:var(--muted);text-align:center}.mail-empty b{color:var(--ink)}.mail-list-loading{display:grid;gap:1px}.mail-list-loading i{height:70px;background:linear-gradient(90deg,var(--soft),color-mix(in srgb,var(--soft) 40%,var(--surface)),var(--soft));background-size:220% 100%;animation:mail-shimmer 1.2s linear infinite}.mail-reader{position:absolute;right:0;top:66px;bottom:0;width:min(620px,54%);overflow:auto;padding:24px;background:var(--surface);border-left:1px solid var(--line);box-shadow:-18px 0 42px #00000012;z-index:4;animation:mail-reader-in .2s ease}.mail-app{position:relative}.mail-reader header{display:flex;gap:14px}.mail-reader header>button{width:36px;height:36px;flex:none;border-radius:50%;font-size:20px}.mail-reader header>button:hover{background:var(--soft)}.mail-reader h2{margin:0 0 10px;font-size:23px;line-height:1.25}.mail-reader p{margin:0;font-size:11px}.mail-reader p span,.mail-reader time{display:block;color:var(--muted);font-size:9px}.mail-reader-actions{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.mail-reader>pre,.mail-confirm pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.75 system-ui;margin:0}.mail-attachments{display:grid;gap:7px;margin-top:25px}.mail-attachments button{padding:10px;border:1px solid var(--line);border-radius:9px;text-align:left}.mail-attachments small{color:var(--muted)}.mail-compose-form{display:grid;gap:12px}.mail-compose-form label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:650}.mail-compose-form input,.mail-compose-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:13px/1.5 system-ui}.mail-compose-form textarea{min-height:220px;resize:vertical}.mail-compose-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mail-files{padding:10px;border:1px dashed var(--line);border-radius:10px}.mail-files input{border:0;padding:0}.mail-compose-actions,.mail-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.mail-confirm-warning{display:grid;gap:3px;margin-bottom:18px;padding:13px;border:1px solid #c9a54166;border-radius:10px;background:#d2b34c12}.mail-confirm-warning span{color:var(--muted);font-size:10px}.mail-confirm dl{display:grid;grid-template-columns:85px 1fr;margin:0 0 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mail-confirm dt,.mail-confirm dd{margin:0;padding:11px;border-bottom:1px solid var(--line);font-size:11px}.mail-confirm dt{background:var(--soft);color:var(--muted);font-weight:700}.mail-confirm dd{overflow-wrap:anywhere}.mail-confirm dt:last-of-type,.mail-confirm dd:last-of-type{border-bottom:0}.mail-ai-result{font-size:13px;line-height:1.75}.mail-ai-result h1,.mail-ai-result h2,.mail-ai-result h3{font-size:17px}.danger{color:#a04e43}.mail-reader-loading{padding:40px;color:var(--muted)}#mail-more{margin:10px auto}
@keyframes mail-shimmer{to{background-position:-220% 0}}@keyframes mail-reader-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.mail-body{grid-template-columns:76px minmax(0,1fr)}.mail-rail{padding:10px 7px}.mail-rail nav button{justify-content:center;font-size:0}.mail-rail nav button span{font-size:10px}.mail-ai{display:none}.mail-compose{font-size:0}.mail-compose:after{content:'+';font-size:20px}.mail-brand{min-width:auto}.mail-brand span{display:none}.mail-reader{width:min(680px,calc(100% - 76px))}}
@media(max-width:700px){main>#other-view:has(.mail-app){padding:0;overflow:hidden}.mail-app{height:calc(100dvh - 64px);min-height:0;border:0;border-radius:0;box-shadow:none}.mail-topbar{min-height:60px;padding:8px}.mail-topbar .secondary{width:40px;padding:0;font-size:0}.mail-topbar #mail-refresh:after{content:'↻';font-size:18px}.mail-topbar #mail-disconnect{display:none}.mail-brand{display:none}.mail-search{max-width:none}.mail-search kbd{display:none}.mail-body{display:flex;flex-direction:column}.mail-rail{order:2;display:flex;align-items:center;gap:3px;border:0;border-top:1px solid var(--line);padding:7px;background:var(--surface)}.mail-compose{width:44px;height:40px;margin:0;order:2}.mail-rail nav{display:flex;flex:1;justify-content:space-around}.mail-rail nav button{width:38px;height:38px;min-height:38px;padding:0}.mail-rail nav button:nth-child(n+6){display:none}.mail-content{flex:1}.mail-list-head{height:46px}.mail-row{grid-template-columns:24px 26px minmax(0,1fr);padding-inline:7px}.mail-row-main{padding-block:9px}.mail-reader{inset:60px 0 55px;width:100%;padding:18px;border-left:0}.mail-reader h2{font-size:20px}.mail-compose-row{grid-template-columns:1fr}.mail-compose-form textarea{min-height:30dvh}.mail-confirm dl{grid-template-columns:64px 1fr}.mail-gate{margin:20px 0;padding:28px 18px;border-radius:16px}.mail-gate h1{font-size:34px}.mail-setup-list>div{grid-template-columns:28px 1fr}.mail-permissions{display:grid}.mail-confirm-actions{position:sticky;bottom:-18px;padding:12px 0 max(5px,env(safe-area-inset-bottom));background:var(--surface)}}

/* Inline Sites: conversation on the left, the active build on the right. */
.inline-site-panel{min-width:0;height:clamp(560px,67vh,780px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.inline-site-panel>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid var(--line);background:var(--surface)}.inline-site-panel>header>div:first-child{min-width:0;display:flex;align-items:center;gap:9px}.inline-site-panel>header i{width:9px;height:9px;flex:none;border-radius:50%;background:#5e9d68;box-shadow:0 0 0 4px #5e9d6817}.inline-site-panel>header b,.inline-site-panel>header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-site-panel>header b{max-width:220px;font-size:12px}.inline-site-panel>header small{margin-top:2px;color:var(--muted);font-size:8px}.inline-site-actions{display:flex;align-items:center;gap:3px}.inline-site-actions button{padding:6px 7px;border-radius:7px;color:var(--muted);font-size:8px}.inline-site-actions button:hover,.inline-site-actions button.active{background:var(--soft);color:var(--ink)}#inline-site-editor{margin-left:4px}#inline-site-close{width:28px;height:28px;padding:0;font-size:18px}.inline-site-stage{flex:1;min-height:0;display:grid;place-items:center;padding:12px;overflow:auto;background:color-mix(in srgb,var(--power-bg,var(--bg)) 78%,#8b8f88);transition:padding .2s}.inline-site-stage iframe{width:100%;height:100%;min-height:430px;border:1px solid #0002;border-radius:7px;background:#fff;box-shadow:0 15px 38px #0002;transition:width .22s}.inline-site-stage.tablet iframe{width:min(768px,100%)}.inline-site-stage.mobile iframe{width:min(390px,100%)}.inline-site-empty{display:grid;gap:8px;place-items:center;color:var(--muted);text-align:center}.inline-site-empty b{color:var(--ink)}.inline-site-empty span{font-size:10px}.inline-site-panel>footer{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-top:1px solid var(--line);font-size:8px}.inline-site-panel>footer span{color:#4f8658}.inline-site-panel>footer b{font-weight:500;color:var(--muted)}
html.inline-site-active #study-view>.intro,html.inline-site-active #study-view>.study-strip{display:none}html.inline-site-active #study-view>.workspace-modes{margin-bottom:12px}html.inline-site-active #study-view>.workspace-grid{width:100%;max-width:1600px;display:grid!important;grid-template-columns:minmax(390px,.82fr) minmax(460px,1.18fr)!important;gap:14px;align-items:stretch}html.inline-site-active .workspace-grid>.canvas-panel,html.inline-site-active .workspace-grid>.draft-panel{display:none!important}html.inline-site-active .workspace-grid>.chat-panel{width:auto!important;max-width:none!important;height:clamp(560px,67vh,780px)}html.inline-site-active .chat-panel .conversation{height:auto!important;flex:1;min-height:0}html.inline-site-active .chat-panel{display:flex;flex-direction:column}html.inline-site-active .chat-panel>.composer-wrap{margin-top:auto}

/* Dark themes keep the airy hierarchy of each light power theme. */
html[data-power='0'][data-theme=dark]{--power-bg:#182430;--power-surface:#222f3b;--power-sidebar:#1d2b37;--power-soft:#2b4052}
html[data-power='1'][data-theme=dark]{--power-bg:#192824;--power-surface:#23342f;--power-sidebar:#1e302b;--power-soft:#2c463e}
html[data-power='2'][data-theme=dark]{--power-bg:#20281d;--power-surface:#2a3326;--power-sidebar:#252f22;--power-soft:#394733}
html[data-power='3'][data-theme=dark]{--power-bg:#2c281c;--power-surface:#383225;--power-sidebar:#332e21;--power-soft:#4b422c}
html[data-power='4'][data-theme=dark]{--power-bg:#30231f;--power-surface:#3b2d29;--power-sidebar:#362824;--power-soft:#503a33}
html[data-power='5'][data-theme=dark]{--power-bg:#292231;--power-surface:#352c3d;--power-sidebar:#302738;--power-soft:#46384f}
html[data-theme=dark]{--ink:#f2f3ec;--muted:#b6bbae}html[data-theme=dark] body{background-color:var(--power-bg)!important}html[data-theme=dark] .message.assistant{background:color-mix(in srgb,var(--power-surface) 88%,var(--power-soft));color:var(--ink)}html[data-theme=dark] .message.user{background:var(--power-soft);color:var(--ink)}html[data-theme=dark] .drawing-area{background-image:radial-gradient(color-mix(in srgb,var(--power-accent) 26%,transparent) 1px,transparent 1px)}

/* Mode-specific polish. */
html[data-workspace-mode=tutor] #study-view>.workspace-grid{gap:18px}html[data-workspace-mode=tutor] .chat-panel,html[data-workspace-mode=tutor] .canvas-panel{min-width:0}html[data-workspace-mode=tutor] .canvas-panel .panel-header{min-height:58px}html[data-workspace-mode=tutor] .drawing-area{aspect-ratio:600/470;min-height:0}html[data-workspace-mode=tutor] .intro{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--power-surface) 82%,var(--power-soft))}html[data-workspace-mode=tutor] .intro h1{font-size:clamp(32px,4vw,48px)}html[data-workspace-mode=work]:not(.inline-site-active) #study-view>.workspace-grid{width:min(980px,100%);margin-inline:auto}html[data-workspace-mode=work] .chat-panel{border-color:color-mix(in srgb,var(--power-accent) 22%,var(--line))}html[data-workspace-mode=work] .workspace-modes{background:color-mix(in srgb,var(--power-surface) 88%,var(--power-soft))}
@media(max-width:1050px){html.inline-site-active #study-view>.workspace-grid{grid-template-columns:minmax(340px,.9fr) minmax(360px,1.1fr)!important}.inline-site-actions [data-inline-viewport]{font-size:0}.inline-site-actions [data-inline-viewport]:after{font-size:9px}.inline-site-actions [data-inline-viewport=desktop]:after{content:'D'}.inline-site-actions [data-inline-viewport=tablet]:after{content:'T'}.inline-site-actions [data-inline-viewport=mobile]:after{content:'M'}}
@media(max-width:700px){html.inline-site-active #study-view>.workspace-grid{display:flex!important;max-width:none;gap:8px}html.inline-site-active .workspace-grid>.chat-panel{height:auto;min-height:0;flex:1}html.inline-site-active .inline-site-panel{height:210px;min-height:210px;order:-1;border-radius:12px;margin:0 10px}html.inline-site-active .inline-site-panel>header{min-height:44px;padding:6px 8px}.inline-site-actions [data-inline-viewport],#inline-site-editor{display:none}.inline-site-stage{padding:5px}.inline-site-stage iframe{min-height:145px}.inline-site-panel>footer{display:none}html.inline-site-active .chat-panel .conversation{min-height:calc(100dvh - 500px)!important}html[data-workspace-mode=tutor] .intro{margin:0 10px 10px;padding:14px}html[data-workspace-mode=tutor] .intro .today{display:none}}

/* Quiet, unified Clyde shell. */
:root{--clyde-radius:16px;--clyde-control:12px;--clyde-neutral:#f7f7f5;--clyde-panel:#fff;--clyde-border:#deded9;--clyde-hover:#ecece8}
html[data-power]{--bg:color-mix(in srgb,var(--power-bg) 32%,var(--clyde-neutral));--surface:color-mix(in srgb,var(--power-surface) 28%,var(--clyde-panel));--soft:color-mix(in srgb,var(--power-soft) 28%,var(--clyde-hover));--line:color-mix(in srgb,var(--power-accent) 10%,var(--clyde-border))}
html[data-power] body{background-color:var(--bg)!important;background-image:none!important}html[data-power] .sidebar{background:color-mix(in srgb,var(--power-sidebar) 34%,#f1f1ee)!important}html[data-power] main>header{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;backdrop-filter:blur(18px)}html[data-power] .chat-panel,html[data-power] .canvas-panel,html[data-power] .composer,html[data-power] .inline-site-panel,html[data-power] dialog,html[data-power] .note-card,html[data-power] .provider-card,html[data-power] .plugin-card,html[data-power] .admin-stat{background:var(--surface)!important}html[data-power] .workspace-modes,html[data-power] .study-strip,html[data-power] .strength,html[data-power] .message.user{background:var(--soft)!important}
.sidebar{box-shadow:none}.new{box-shadow:none;border-color:var(--line);background:var(--surface)}.sidebar nav button.active{box-shadow:none}.sidebar nav button.active:before{display:none}.sidebar .balance-card{display:none}.sidebar-bottom{position:relative;padding-top:8px}.profile{margin-top:0;min-height:52px;padding:8px;border:1px solid transparent}.profile:hover,.profile[aria-expanded=true]{border-color:var(--line);background:var(--surface)}.avatar{width:34px;height:34px;background:var(--ink);color:var(--surface);font-weight:650}.profile>svg{opacity:.55}
.chat-panel,.canvas-panel,.inline-site-panel,.workspace-modes,.study-strip{border-color:var(--line)!important;box-shadow:none!important;border-radius:var(--clyde-radius)!important}.panel-header,.chat-panel>.panel-header,.canvas-panel>.panel-header{background:var(--surface)!important}.composer{border-color:var(--line);border-radius:24px;box-shadow:0 1px 2px #00000008;background:var(--surface)}.send,.primary{background:var(--ink);color:var(--surface);border-radius:10px}.secondary,.small-button{border-color:var(--line);background:var(--surface)}.suggestions button{border-color:var(--line);border-radius:12px;background:transparent}.suggestions button:hover{background:var(--soft)}.message.assistant{border:0;background:transparent!important;box-shadow:none!important}.message.user{background:var(--soft)!important;color:var(--ink);border:0;border-radius:18px}.tag{border-color:var(--line)}dialog{border-color:var(--line);border-radius:20px;background:var(--surface);box-shadow:0 24px 80px #0002}dialog::backdrop{background:#0006}.today,.eyebrow,.tag,.nav-label{letter-spacing:1.3px}.intro h1,.welcome h2{letter-spacing:-1px}.workspace-toolbar>button,.mode-buttons button{border-radius:10px}.strength{background:color-mix(in srgb,var(--surface) 90%,var(--soft))!important}
html[data-theme=dark]{--clyde-neutral:#20201e;--clyde-panel:#292927;--clyde-border:#42423e;--clyde-hover:#343431;--ink:#f3f3ef;--muted:#aaa9a2}html[data-theme=dark][data-power]{--bg:color-mix(in srgb,var(--power-bg) 20%,var(--clyde-neutral));--surface:color-mix(in srgb,var(--power-surface) 18%,var(--clyde-panel));--soft:color-mix(in srgb,var(--power-soft) 20%,var(--clyde-hover));--line:color-mix(in srgb,var(--power-accent) 12%,var(--clyde-border))}html[data-theme=dark][data-power] .sidebar{background:color-mix(in srgb,var(--power-sidebar) 16%,#181816)!important}html[data-theme=dark] .avatar{background:#f1f1eb;color:#242422}html[data-theme=dark] dialog::backdrop{background:#0009}

/* Account menu: credits live behind the user's icon. */
.account-menu{position:fixed;z-index:90;width:272px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 18px 55px #00000024;animation:account-menu-in .16s ease-out}.account-menu header{min-height:64px;display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line);background:var(--surface)!important}.account-menu header b,.account-menu header small{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu header b{font-size:13px}.account-menu header small{margin-top:3px;color:var(--muted);font-size:9px}.account-menu-avatar,.mobile-account-avatar{display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--surface);font-weight:700}.account-menu-avatar{width:36px;height:36px;flex:none}.account-credit-row{width:calc(100% - 16px);display:flex;align-items:center;justify-content:space-between;margin:8px;padding:12px;border-radius:11px;background:var(--soft);text-align:left}.account-credit-row span small,.account-credit-row span b{display:block}.account-credit-row span small{color:var(--muted);font-size:8px;letter-spacing:1px}.account-credit-row span b{margin-top:4px;font-size:19px;letter-spacing:-.5px}.account-credit-row i{color:var(--muted);font-size:9px;font-style:normal}.account-menu nav{display:grid;gap:1px;padding:3px 8px 8px}.account-menu nav button,.account-menu>a{width:100%;padding:10px;border-radius:8px;text-align:left;font-size:12px}.account-menu nav button:hover,.account-menu>a:hover{background:var(--soft)}.account-menu>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-radius:0;padding:12px 18px;color:var(--muted)}@keyframes account-menu-in{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
#mobile-account{display:none}.mobile-account-avatar{width:30px;height:30px;margin:auto;font-size:11px}
@media(max-width:700px){#mobile-account{display:grid!important;place-items:center}.account-menu{width:min(300px,calc(100vw - 24px))}.sidebar{background:var(--bg)!important;border-bottom:1px solid var(--line)!important}#mobile-controls{border:0!important;background:transparent!important;padding:0!important}.composer{background:var(--surface)!important}.chat-panel .conversation{background:var(--bg)}html[data-theme=dark] .message.user{background:var(--soft)!important}}
@media(prefers-reduced-motion:reduce){.account-menu{animation:none}}

/* Conversation-first shell: compact, flat, and focused. */
:root{--clyde-neutral:#fff;--clyde-panel:#fff;--clyde-border:#e7e7e5;--clyde-hover:#f2f2f0}
html[data-power]{--bg:#fff;--surface:#fff;--soft:#f2f2f0;--line:#e5e5e2}
html[data-power] .sidebar{background:#f7f7f5!important}.sidebar{width:260px;padding:12px 12px 14px}.sidebar .mode-switcher{margin-bottom:8px}.brand{min-height:42px;margin-bottom:8px;padding:5px 7px}.brand img{width:28px!important;height:28px!important}.brand b{font-size:20px;letter-spacing:-.8px}.brand small{font-size:8px}.new{min-height:40px;border:0;background:transparent;font-weight:500}.new:hover{background:var(--soft);transform:none}.sidebar-search{margin:2px 0 8px}.nav-label{margin:15px 10px 5px}.sidebar nav button{min-height:38px;padding:8px 10px;border-radius:8px;font-size:12px}.sidebar nav button:hover{transform:none}.recents button{font-size:11px}.profile{min-height:46px}
main{margin-left:260px}main>header{height:52px;flex-basis:52px;padding:0 18px;border-bottom:0;background:var(--bg)!important}.header-right{gap:7px}.header-right .memory-status{display:none}.header-right .small-button{border:0;background:transparent;padding:8px}.header-right .small-button:hover{background:var(--soft)}.theme-toggle{border:0}.page{padding:10px 20px 0}
html[data-workspace-mode=chat] #study-view{display:flex;flex-direction:column;padding:0 20px;max-width:none}html[data-workspace-mode=chat] #study-view>.intro,html[data-workspace-mode=chat] #study-view>.workspace-modes,html[data-workspace-mode=chat] #study-view>.study-strip,html[data-workspace-mode=chat] #study-view>.workspace-toolbar,html[data-workspace-mode=chat] #study-view>.ad-rewards,html[data-workspace-mode=chat] #study-view>footer{display:none!important}html[data-workspace-mode=chat] #study-view>.workspace-grid{display:flex!important;flex:1;width:100%;max-width:none;min-height:0;margin:0}html[data-workspace-mode=chat] .workspace-grid>.chat-panel{width:100%;max-width:none;height:100%;display:flex;flex-direction:column;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}html[data-workspace-mode=chat] .workspace-grid>.canvas-panel,html[data-workspace-mode=chat] .workspace-grid>.draft-panel{display:none!important}html[data-workspace-mode=chat] .chat-panel>.panel-header,html[data-workspace-mode=chat] .chat-panel>.tutor-settings{display:none!important}html[data-workspace-mode=chat] .conversation{width:min(800px,100%);height:auto!important;min-height:0;flex:1;margin:0 auto;padding:20px 0!important;background:transparent;scroll-padding-bottom:25px}html[data-workspace-mode=chat] .welcome{max-width:760px;margin:auto;padding:0 20px}html[data-workspace-mode=chat] .welcome .mascot{width:42px;height:42px;margin-bottom:18px;opacity:.92}html[data-workspace-mode=chat] .welcome h2{font:500 clamp(25px,3vw,31px)/1.2 system-ui,sans-serif;letter-spacing:-.8px;margin-bottom:22px}html[data-workspace-mode=chat] .welcome p{display:none}html[data-workspace-mode=chat] .welcome .suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:0}html[data-workspace-mode=chat] .welcome .suggestions button{flex:0 1 auto;width:auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:10px}html[data-workspace-mode=chat] .welcome .suggestions button:first-child{display:none}html[data-workspace-mode=chat] .message{max-width:100%;margin-bottom:26px;padding:0 5px;font-size:15px;line-height:1.75;background:transparent!important}html[data-workspace-mode=chat] .message.user{width:fit-content;max-width:80%;margin-left:auto;padding:12px 16px;border-radius:20px;background:var(--soft)!important}html[data-workspace-mode=chat] .message .role{display:none}html[data-workspace-mode=chat] .composer-wrap{width:min(800px,calc(100% - 24px));margin:0 auto;padding:8px 0 12px;background:var(--bg)}html[data-workspace-mode=chat] .composer{padding:12px 12px 8px;border-radius:26px;background:var(--soft)!important;box-shadow:inset 0 0 0 1px var(--line)}html[data-workspace-mode=chat] .composer textarea{min-height:34px;padding:2px 5px;font-size:15px;color:var(--ink)}html[data-workspace-mode=chat] .composer-tools{margin-top:5px}html[data-workspace-mode=chat] .composer-caption{justify-content:center}html[data-workspace-mode=chat] .composer-caption span:last-child{display:none}html[data-workspace-mode=chat] .send{background:var(--ink);color:var(--bg)}
html[data-theme=dark],html[data-theme=dark][data-power]{--bg:#0d0d0c;--surface:#171716;--soft:#242422;--line:#323230;--ink:#f4f4f1;--muted:#aaa9a3;--clyde-neutral:#0d0d0c;--clyde-panel:#171716;--clyde-border:#323230;--clyde-hover:#242422}html[data-theme=dark][data-power] body{background:#0d0d0c!important}html[data-theme=dark][data-power] .sidebar{background:#111110!important}html[data-theme=dark] main>header{background:#0d0d0c!important}html[data-theme=dark] .header-right .small-button,html[data-theme=dark] .theme-toggle{color:#deded9}html[data-theme=dark][data-workspace-mode=chat] .composer{background:#242422!important}html[data-theme=dark][data-workspace-mode=chat] .send{background:#f4f4f1;color:#171716}
@media(min-width:701px){.sidebar-collapsed .sidebar{width:68px;padding-inline:8px}.sidebar-collapsed main{margin-left:68px}.sidebar-collapsed .brand img{width:30px!important;height:30px!important}}
@media(max-width:700px){html[data-workspace-mode=chat] #study-view{padding:0}html[data-workspace-mode=chat] .conversation{padding:18px!important}html[data-workspace-mode=chat] .composer-wrap{width:100%;padding:8px 12px max(8px,env(safe-area-inset-bottom))}html[data-workspace-mode=chat] .welcome .suggestions{display:grid}html[data-workspace-mode=chat] .welcome .suggestions button{width:100%}html[data-workspace-mode=chat] .welcome .suggestions button:first-child{display:flex}.sidebar{padding-inline:12px}#mobile-controls{gap:0}}

/* Small interaction polish shared by chat and the real project preview. */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 42%,transparent) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 42%,transparent);border-radius:999px}*::-webkit-scrollbar-track{background:transparent}.sidebar,.conversation{overscroll-behavior:contain}.sidebar nav button,.new,.profile,.suggestions button,.composer,.message{transition:background-color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}.message.new-message{animation:message-in .18s ease-out}@keyframes message-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}html.inline-site-active #study-view>.workspace-grid{grid-template-columns:minmax(360px,var(--inline-site-left,46%)) 8px minmax(440px,1fr)!important;gap:0!important}#inline-site-resizer{display:block;position:relative;cursor:col-resize;touch-action:none;background:transparent}#inline-site-resizer:after{content:'';position:absolute;top:25%;bottom:25%;left:3px;width:2px;border-radius:2px;background:var(--line);transition:background .18s}#inline-site-resizer:hover:after,.inline-site-resizing #inline-site-resizer:after{background:var(--power-accent)}.inline-site-resizing{user-select:none;cursor:col-resize}.inline-site-resizing iframe{pointer-events:none}@media(max-width:700px){#inline-site-resizer{display:none!important}html.inline-site-active #study-view>.workspace-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.message.new-message{animation:none!important}.sidebar nav button,.new,.profile,.suggestions button,.composer,.message{transition:none!important}}

/* Active site workspaces mirror Clyde's build flow: preview left, instructions right. */
html[data-theme=dark] body,html[data-theme=dark] main,html[data-theme=dark] #study-view{background:#000!important}html[data-theme=dark] .sidebar{background:#090909!important;border-right-color:#282828!important}html[data-theme=dark] main>header{background:#000!important}html.inline-site-active #study-view>.workspace-grid{border:1px solid color-mix(in srgb,var(--power-accent) 72%,#222);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--power-accent) 18%,transparent),0 20px 60px #0005}html.inline-site-active .workspace-grid>.inline-site-panel{grid-column:1;grid-row:1;height:calc(100dvh - 112px);border:0!important;border-radius:0!important;background:#0b0b0b!important}html.inline-site-active .workspace-grid>#inline-site-resizer{grid-column:2;grid-row:1;background:#101010}html.inline-site-active .workspace-grid>.chat-panel{grid-column:3;grid-row:1;height:calc(100dvh - 112px);border:0!important;border-radius:0!important;background:#0b0b0b!important}html.inline-site-active .inline-site-panel>header,html.inline-site-active .inline-site-panel>footer{background:#101010!important;border-color:#272727}html.inline-site-active .inline-site-stage{background:#050505}html.inline-site-active .chat-panel .conversation{background:#0b0b0b}html.inline-site-active .chat-panel>.composer-wrap{background:#0b0b0b}html.inline-site-active .composer{background:#1a1a1a!important;border-color:color-mix(in srgb,var(--power-accent) 46%,#353535)}html.inline-site-active #inline-site-resizer:after{top:0;bottom:0;left:3px;width:2px;background:var(--power-accent);box-shadow:0 0 12px color-mix(in srgb,var(--power-accent) 55%,transparent)}html.inline-site-active .inline-site-panel>header b{font-size:13px}html.inline-site-active .inline-site-actions button.active{background:color-mix(in srgb,var(--power-accent) 22%,#191919);color:#fff}@media(max-width:700px){html.inline-site-active .workspace-grid>.inline-site-panel,html.inline-site-active .workspace-grid>.chat-panel{height:auto}html.inline-site-active #study-view>.workspace-grid{border-color:color-mix(in srgb,var(--power-accent) 62%,#222)}}

/* Clyde Sites */
.site-app{height:calc(100dvh - 120px);min-height:620px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.site-topbar{border-bottom:1px solid var(--line)}
.site-command{min-height:54px;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(0,220px);align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,var(--soft))}
.site-command textarea{min-height:38px;max-height:90px;resize:vertical;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:12px/1.5 system-ui}
.site-command span{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px}
.site-workspace{display:grid;grid-template-columns:170px minmax(270px,.8fr) minmax(360px,1.2fr);flex:1;min-height:0}
.site-files{min-width:0;padding:10px 8px;border-right:1px solid var(--line);overflow:auto;background:color-mix(in srgb,var(--surface) 92%,var(--soft))}
.site-files header,.site-code header,.site-preview>header{min-height:40px;display:flex;align-items:center;gap:7px;padding:0 8px;border-bottom:1px solid var(--line);font-size:10px}
.site-files header{justify-content:space-between;border:0}.site-files header button{width:30px;height:30px;border-radius:8px;font-size:18px}.site-files header button:hover{background:var(--soft)}
.site-files>button{width:100%;display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:8px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font:11px/1.2 ui-monospace,monospace}.site-files>button span{width:22px;height:22px;display:grid;place-items:center;flex:none;border-radius:6px;background:var(--soft);color:var(--power-accent);font-size:8px;font-weight:750}.site-files>button:hover,.site-files>button.active{background:var(--soft)}
.site-code{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#1c201b;color:#e9eee5}.site-code header{justify-content:space-between;border-color:#ffffff12}.site-code header code{overflow:hidden;text-overflow:ellipsis}.site-code header button{padding:5px 8px;border-radius:6px;color:#b9c1b5;font-size:9px}.site-code header button:hover:not(:disabled){background:#ffffff12}.site-code header button:disabled{opacity:.35}
#site-code-editor{width:100%;flex:1;min-height:0;resize:none;border:0;outline:0;padding:16px;background:#1c201b;color:#e9eee5;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}
.site-preview{min-width:0;min-height:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 70%,#9ba094)}.site-preview>header{background:var(--surface)}.site-preview select{max-width:130px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:9px}.site-preview>header>button,.site-viewports button{padding:6px 8px;border-radius:7px;font-size:9px}.site-preview>header>button:hover,.site-viewports button:hover,.site-viewports button.active{background:var(--soft)}.site-viewports{display:flex;margin-left:auto}
.site-preview-stage{flex:1;min-height:0;display:grid;place-items:center;padding:14px;overflow:auto;transition:padding .2s ease}.site-preview-stage iframe{width:100%;height:100%;min-height:420px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 12px 35px #0002;transition:width .2s ease}.site-preview-stage.tablet iframe{width:min(768px,100%)}.site-preview-stage.mobile iframe{width:min(390px,100%)}
.site-publish-info{line-height:1.7}.site-publish-info h3{font-size:22px}.site-publish-info p{color:var(--muted)}
@media(max-width:1100px){.site-workspace{grid-template-columns:130px minmax(240px,.85fr) minmax(310px,1.15fr)}.site-viewports button{font-size:0}.site-viewports button:after{font-size:9px}.site-viewports button:nth-child(1):after{content:'D'}.site-viewports button:nth-child(2):after{content:'T'}.site-viewports button:nth-child(3):after{content:'M'}}
@media(max-width:800px){main>#other-view:has(.site-app){padding:0;overflow:hidden}.site-app{height:calc(100dvh - 64px);min-height:0;border:0;border-radius:0;box-shadow:none}.site-command{grid-template-columns:1fr auto}.site-command span{display:none}.site-workspace{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(260px,1fr) minmax(260px,1fr);overflow:auto}.site-files{grid-row:1/3;padding-inline:4px}.site-files>button{justify-content:center;padding:8px 4px;font-size:0}.site-files>button span{font-size:8px}.site-code{grid-column:2;grid-row:1;border:0;border-bottom:1px solid var(--line)}.site-preview{grid-column:2;grid-row:2}.site-preview>header{overflow-x:auto}.site-preview-stage{padding:7px}.site-preview-stage iframe{min-height:calc(100dvh - 230px)}.site-topbar #creative-name{display:none}.site-topbar button{flex:none}.site-topbar #site-publish{font-size:0}.site-topbar #site-publish:after{content:'Hosting';font-size:10px}}

/* Creation mentions */
.composer-wrap{position:relative}.creation-mention-menu{position:absolute;left:18px;bottom:88px;width:min(330px,calc(100% - 36px));z-index:35;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-up)}.creation-mention-menu>small{display:block;padding:6px 8px;color:var(--muted);font-size:8px;letter-spacing:1.4px}.creation-mention-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border-radius:9px;text-align:left}.creation-mention-menu button:hover{background:var(--soft)}.creation-mention-menu button>b{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--power-soft);color:var(--power-accent);font-size:10px}.creation-mention-menu strong,.creation-mention-menu em{display:block}.creation-mention-menu strong{font-size:11px}.creation-mention-menu em{margin-top:2px;color:var(--muted);font-size:9px;font-style:normal}.active-creation-chip{max-width:190px;min-height:34px!important;display:flex;align-items:center;gap:5px!important;padding:5px 7px!important;border:1px solid color-mix(in srgb,var(--power-accent) 28%,var(--line));border-radius:9px!important;background:var(--power-soft)!important;text-align:left}.active-creation-chip b{font-size:9px;color:var(--power-accent)}.active-creation-chip span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.active-creation-chip i{width:18px;height:18px;display:grid;place-items:center;margin-left:auto;border-radius:50%;font-style:normal}.active-creation-chip i:hover{background:#0001}@media(max-width:700px){.creation-mention-menu{left:10px;bottom:84px;width:calc(100% - 20px)}.active-creation-chip span{display:none}.active-creation-chip{max-width:90px}}

/* Black Clyde workspace: power changes the trim, never the canvas. */
html[data-power],html[data-theme=light][data-power]{--power-bg:#000!important;--power-surface:#0c0c0c!important;--power-sidebar:#070707!important;--power-soft:#151515!important;--bg:#000!important;--surface:#0c0c0c!important;--soft:#151515!important;--line:#292929!important;--ink:#f4f4f0!important;--muted:#aaa9a2!important;color-scheme:dark}
html[data-power] body,html[data-power] main,html[data-power] #study-view{background:#000!important;background-image:none!important}
html[data-power] .sidebar{background:#070707!important;border-right-color:#242424!important;box-shadow:inset -1px 0 color-mix(in srgb,var(--power-accent) 28%,#222)!important}
html[data-power] main>header{background:#000!important;border-bottom-color:#242424!important}
.profile .avatar{display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--power-accent) 13%,#111)!important;border:1px solid color-mix(in srgb,var(--power-accent) 45%,#2b2b2b)}
.profile .avatar img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--power-accent) 48%,transparent))}
.sidebar-bottom{padding-top:12px;border-top:1px solid #202020}
.sidebar .profile{margin-top:9px}.sidebar .balance-card{background:#0c0c0c!important;border:1px solid #232323;box-shadow:none}
html.inline-site-active #study-view>.workspace-grid{grid-template-columns:minmax(440px,var(--inline-site-left,58%)) 8px minmax(360px,1fr)!important}
html.inline-site-active .workspace-grid>.inline-site-panel{background:#080808!important}
html.inline-site-active .workspace-grid>.chat-panel{background:#0b0b0b!important}

/* Strength is a real visual control: its gradient and marker follow Clyde's power. */
.strength input[type=range]{--strength-fill:var(--clyde-strength-progress,40%);width:100%;height:20px;margin:10px 0 2px;appearance:none;-webkit-appearance:none;cursor:ew-resize;border:0!important;border-radius:999px;background:linear-gradient(90deg,var(--power-start) 0 var(--strength-fill),#252525 var(--strength-fill) 100%)!important;box-shadow:inset 0 0 0 1px #ffffff10,0 0 18px color-mix(in srgb,var(--power-accent) 18%,transparent);transition:background .22s ease,box-shadow .22s ease}
.strength input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:transparent}.strength input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-6px;border:3px solid #f7f7f2;border-radius:50%;background:var(--power-accent);box-shadow:0 2px 10px #0009,0 0 0 4px color-mix(in srgb,var(--power-accent) 25%,transparent);transition:transform .18s ease,background .22s ease,box-shadow .22s ease}.strength input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.strength input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:#252525}.strength input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--power-start),var(--power-accent))}.strength input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid #f7f7f2;border-radius:50%;background:var(--power-accent);box-shadow:0 2px 10px #0009,0 0 0 4px color-mix(in srgb,var(--power-accent) 25%,transparent);transition:transform .18s ease}.strength input[type=range]:active::-moz-range-thumb{transform:scale(1.15)}
#composer-strength-panel:not(.hidden) .composer-strength-rail::before{animation:clyde-strength-glow 1.8s ease-in-out infinite alternate}@keyframes clyde-strength-glow{to{filter:brightness(1.18);box-shadow:0 0 24px color-mix(in srgb,var(--strength-end) 60%,transparent)}}

/* Ultra introduction: a one-time edge fill over a completely black screen. */
.ultra-intro{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:hidden;background:#000;color:#fff;opacity:0;pointer-events:all;transition:opacity .45s ease}.ultra-intro.playing{opacity:1}.ultra-intro.leaving{opacity:0;pointer-events:none}.ultra-intro>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ultra-intro rect{fill:none;stroke:var(--power-accent);stroke-width:.55;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px var(--power-accent)) drop-shadow(0 0 14px var(--power-accent))}.ultra-intro.playing rect{animation:ultra-edge-fill 2.65s cubic-bezier(.45,0,.2,1) .35s forwards}.ultra-intro>div{display:grid;place-items:center;gap:10px;width:min(620px,calc(100vw - 48px));text-align:center;opacity:0;transform:translateY(10px)}.ultra-intro.playing>div{animation:ultra-message-in .8s ease 2.65s forwards}.ultra-intro img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 18px var(--power-accent))}.ultra-intro small{color:var(--power-accent);font-size:9px;font-weight:750;letter-spacing:2.2px}.ultra-intro b{font-size:clamp(25px,4vw,48px);line-height:1.13;letter-spacing:-1.5px}@keyframes ultra-edge-fill{to{stroke-dashoffset:0}}@keyframes ultra-message-in{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#composer-strength-panel:not(.hidden) .composer-strength-rail::before{animation:none}.ultra-intro,.ultra-intro>div{transition:none}.ultra-intro.playing rect{animation:none;stroke-dashoffset:0}.ultra-intro.playing>div{animation:none;opacity:1;transform:none}}

/* Clyde can be Anything */
.anything-nav{position:relative;width:100%;min-height:58px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:4px 0 10px;padding:9px;border:1px solid color-mix(in srgb,#b277ff 48%,#292929);border-radius:13px;background:linear-gradient(115deg,#17121f,#0c0c0c 70%);color:#f7f2ff;text-align:left;box-shadow:inset 0 0 22px #9b58e817}.anything-nav:hover,.anything-nav.active{border-color:#b277ff;box-shadow:inset 0 0 28px #9b58e826,0 0 22px #9b58e81c}.anything-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7a3ee8,#d28cff);box-shadow:0 0 18px #a967ef66}.anything-nav b,.anything-nav small{display:block}.anything-nav b{font-size:11px}.anything-nav small{margin-top:2px;color:#bdb0c9;font-size:8px}.anything-nav i{padding:3px 5px;border:1px solid #b277ff55;border-radius:999px;color:#ce9dff;font-size:7px;font-style:normal;text-transform:uppercase}.sidebar-collapsed .anything-nav{grid-template-columns:1fr;padding:8px}.sidebar-collapsed .anything-nav>span:nth-child(2),.sidebar-collapsed .anything-nav i{display:none}
.anything-page{max-width:1500px;margin:0 auto;padding-bottom:50px}.anything-hero{position:relative;overflow:hidden;padding:42px;border:1px solid #32233d;border-radius:24px;background:radial-gradient(circle at 82% 15%,#7135b930,transparent 30%),linear-gradient(135deg,#130e19,#070707 65%);box-shadow:inset 0 0 70px #833cca0c}.anything-hero>span{color:#c990ff;font-size:9px;font-weight:750;letter-spacing:2px}.anything-hero h1{max-width:780px;margin:12px 0 10px;font-size:clamp(35px,5vw,62px);line-height:1.02;letter-spacing:-2.5px}.anything-hero h1 em{color:#c990ff;font-style:normal}.anything-hero>p{max-width:700px;color:#b9b3bd;font-size:12px;line-height:1.7}.anything-current{display:inline-grid;gap:4px;margin-top:20px;padding:13px 16px;border:1px solid #a75bed55;border-radius:13px;background:#a75bed10}.anything-current span{color:#b878f0;font-size:7px;letter-spacing:1.4px}.anything-current b{font-size:13px}.anything-current small{color:#aaa1ae;font-size:9px}.anything-controls{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;align-items:center;gap:10px;margin:20px 0}.anything-controls label{height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #292929;border-radius:12px;background:#0c0c0c}.anything-controls input{width:100%;border:0;background:transparent;color:#f4f4f0;outline:0}.anything-controls select{height:44px;padding:0 11px;border:1px solid #292929;border-radius:12px;background:#0c0c0c;color:#f4f4f0}.anything-controls>b{color:#8e8992;font-size:9px;white-space:nowrap}.anything-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.anything-card{min-width:0;display:flex;flex-direction:column;padding:17px;border:1px solid #292929;border-radius:16px;background:#0c0c0c;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.anything-card:hover{transform:translateY(-2px);border-color:#4b3b56}.anything-card.featured{border-color:#7e49a966;background:linear-gradient(145deg,#160f1c,#0c0c0c 60%)}.anything-card.selected{border-color:#b873ec;box-shadow:0 0 0 1px #b873ec33,0 12px 35px #8b3ec31c}.anything-card>header{display:flex;justify-content:space-between;color:#8f8992;font-size:8px;text-transform:uppercase;letter-spacing:1px}.anything-card>header i{color:#c789f4;font-style:normal}.anything-card h3{margin:15px 0 8px;font-size:16px;line-height:1.25}.anything-card>p{height:62px;overflow:hidden;margin:0;color:#aaa4ad;font-size:9px;line-height:1.6}.anything-price{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:4px;margin:17px 0;padding:10px;border-radius:10px;background:#151515}.anything-price b{font-size:11px}.anything-price small{color:#77727a;font-size:7px}.anything-card>footer{display:flex;align-items:end;justify-content:space-between;gap:9px;margin-top:auto}.anything-card>footer>span b,.anything-card>footer>span small{display:block}.anything-card>footer>span b{font-size:12px}.anything-card>footer>span small{margin-top:2px;color:#817b84;font-size:7px}.anything-card>footer button{min-height:34px;padding:7px 10px;font-size:9px}.anything-card>footer button.selected{color:#c990ff}.anything-card>footer button:disabled{opacity:.45;cursor:not-allowed}.anything-note{max-width:850px;margin:22px 0;color:#7f7982;font-size:9px;line-height:1.65}.anything-confirm>span{color:#a75de7;font-size:8px;letter-spacing:1.5px}.anything-confirm h3{font-size:24px}.anything-confirm p{line-height:1.7}.anything-confirm>div{display:flex;gap:10px;margin:18px 0}.anything-confirm>div span{display:grid;gap:4px;flex:1;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:9px}.anything-confirm>div b{color:var(--ink);font-size:14px}
@media(max-width:1050px){.anything-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.anything-nav{display:none}.anything-page{padding:0 12px 40px}.anything-hero{padding:27px 20px;border-radius:18px}.anything-controls{grid-template-columns:1fr}.anything-controls>b{padding:2px}.anything-grid{grid-template-columns:1fr}.anything-card>p{height:auto;max-height:62px}}

/* Match the main Clyde shell: flat black surfaces and one power-colored detail. */
.anything-nav{min-height:48px;grid-template-columns:28px 1fr auto;margin:2px 0 8px;padding:7px 8px;border-color:transparent;border-radius:9px;background:transparent;color:var(--ink);box-shadow:none}.anything-nav:hover,.anything-nav.active{border-color:color-mix(in srgb,var(--power-accent) 32%,#252525);background:#101010;box-shadow:none}.anything-mark{width:28px;height:28px;border:1px solid color-mix(in srgb,var(--power-accent) 42%,#303030);border-radius:8px;background:#111;color:var(--power-accent);box-shadow:none;font-size:10px;font-weight:750}.anything-nav small{color:var(--muted)}.anything-nav i{border:0;color:var(--power-accent);font-size:7px;letter-spacing:.5px}
.anything-mark img{width:22px;height:22px;display:block;object-fit:contain;filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--power-accent) 42%,transparent))}

/* Keep tool mentions anchored above the composer, including with a mobile keyboard. */
#creation-mention-menu{position:absolute;inset:auto auto calc(100% + 4px) 0;width:min(310px,100%);max-height:min(220px,30dvh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:12px;background:var(--surface);box-shadow:0 8px 28px #0006;z-index:35;transform-origin:bottom left}
#creation-mention-menu:not(.hidden){animation:mention-menu-in .17s cubic-bezier(.2,.8,.2,1)}
#creation-mention-menu>small{padding:4px 8px;font-size:8px}
#creation-mention-menu button{min-height:38px;padding:6px 8px;gap:8px}
#creation-mention-menu button>b{width:26px;height:26px}
#creation-mention-menu button>span{min-width:0}
#creation-mention-menu em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#creation-mention-menu button.selected{background:var(--soft)}
@keyframes mention-menu-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){#creation-mention-menu{left:12px;width:min(300px,calc(100% - 24px));max-height:min(180px,26dvh);bottom:calc(100% + 2px)}}
@media(prefers-reduced-motion:reduce){#creation-mention-menu:not(.hidden){animation:none}}
.anything-page{max-width:1280px}.anything-hero{padding:28px 2px 25px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.anything-hero>span{color:var(--power-accent);font-size:8px;letter-spacing:1.5px}.anything-hero h1{margin:8px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-1.5px}.anything-hero>p{max-width:650px;color:var(--muted);font-size:11px}.anything-current{margin-top:16px;padding:10px 12px;border-color:color-mix(in srgb,var(--power-accent) 30%,var(--line));border-radius:10px;background:#0c0c0c}.anything-current span,.anything-card>header i,.anything-confirm>span{color:var(--power-accent)}
.anything-controls{margin:16px 0}.anything-controls label,.anything-controls select{border-color:var(--line);border-radius:10px;background:#0a0a0a}.anything-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.anything-card{display:grid;grid-template-columns:minmax(0,1fr) 178px;grid-template-rows:auto auto 1fr;column-gap:18px;padding:15px 16px;border-color:#242424;border-radius:12px;background:#090909}.anything-card:hover{transform:none;border-color:#3a3a3a;box-shadow:none}.anything-card.featured{border-color:#303030;background:#0b0b0b}.anything-card.selected{border-color:var(--power-accent);box-shadow:inset 3px 0 var(--power-accent)}.anything-card>header,.anything-card h3,.anything-card>p{grid-column:1}.anything-card h3{margin:9px 0 5px;font-size:14px}.anything-card>p{height:43px;font-size:8px}.anything-price{grid-column:2;grid-row:1/3;margin:0;padding:9px;background:#111}.anything-card>footer{grid-column:1/3;margin-top:12px;padding-top:10px;border-top:1px solid #202020}.anything-card>footer button{border-radius:8px}.anything-card>footer button.primary{background:var(--ink);color:#090909}.anything-note{color:var(--muted)}
@media(max-width:1050px){.anything-grid{grid-template-columns:1fr}}@media(max-width:700px){.anything-hero{padding:22px 0}.anything-card{display:flex}.anything-price{display:grid}.anything-card>p{height:auto}.anything-card>footer{width:100%}}
.anything-card>header{height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}

/* Power lighting follows the existing strength palette across every workspace. */
html[data-power]{--neon:color-mix(in srgb,var(--power-accent) 72%,var(--power-start));--neon-soft:color-mix(in srgb,var(--neon) 18%,transparent)}
html[data-power]::after{content:'';position:fixed;inset:0;z-index:1000;pointer-events:none;border:3px solid var(--neon);border-radius:12px;box-shadow:inset 0 0 12px var(--neon-soft),inset 0 0 28px var(--neon-soft);opacity:.85;transition:border-color .3s ease,box-shadow .3s ease}
html[data-power] .sidebar{border-right:2px solid color-mix(in srgb,var(--neon) 55%,#202020)!important;box-shadow:5px 0 24px color-mix(in srgb,var(--neon) 8%,transparent)!important}
html[data-power] main>header{border-bottom:1px solid color-mix(in srgb,var(--neon) 22%,#171717)!important}
html[data-power] .composer{border:2px solid color-mix(in srgb,var(--neon) 65%,#333)!important;box-shadow:0 0 16px var(--neon-soft),inset 0 1px 0 #ffffff0b!important;background:#111!important;transition:border-color .25s ease,box-shadow .25s ease}
html[data-power] .composer:focus-within{border-color:var(--neon)!important;box-shadow:0 0 22px var(--neon-soft),0 8px 32px #0008!important}
html[data-power] .chat-panel,html[data-power] .canvas-panel,html[data-power] .inline-site-panel{border-color:color-mix(in srgb,var(--neon) 28%,#252525)!important}
html.inline-site-active #study-view>.workspace-grid{border:2px solid var(--neon)!important;box-shadow:0 0 20px var(--neon-soft)!important}
html[data-power] .sidebar nav button.active{background:color-mix(in srgb,var(--neon) 10%,#111)!important;box-shadow:inset 3px 0 var(--neon);color:var(--ink)}
.anything-nav.active,.anything-nav:hover{border-color:var(--neon);box-shadow:0 0 12px var(--neon-soft)}
.brand img,.anything-mark img,.profile .avatar img{filter:drop-shadow(0 0 7px var(--neon-soft))}
html[data-power] .anything-card.selected,html[data-power] .provider-card.selected{border:2px solid var(--neon);box-shadow:0 0 18px var(--neon-soft);background:#0d0d0d}
html[data-power] .anything-card:hover{border-color:color-mix(in srgb,var(--neon) 50%,#333)}
html[data-power] dialog{border:1px solid color-mix(in srgb,var(--neon) 45%,#333);box-shadow:0 0 24px var(--neon-soft),0 24px 90px #000a}
#composer-strength-button{color:var(--neon);border:1px solid color-mix(in srgb,var(--neon) 25%,transparent)}
html[data-power] .send{box-shadow:0 0 14px var(--neon-soft)!important}
@media(max-width:700px){html[data-power]::after{border-width:2px;border-radius:8px}.composer-wrap{padding-inline:12px}.anything-card.selected{border-width:1px}}
@media(prefers-reduced-motion:reduce){html[data-power]::after,html[data-power] .composer{transition:none}}

/* Reveal the new edge color from bottom right to top left in two seconds. */
html.power-color-sweep::before{content:'';position:fixed;inset:0;z-index:999;pointer-events:none;border:3px solid var(--previous-neon);border-radius:12px;box-shadow:inset 0 0 18px color-mix(in srgb,var(--previous-neon) 25%,transparent)}
html.power-color-sweep::after{transition:none;animation:clyde-edge-color-sweep 5s cubic-bezier(.25,.1,.25,1) both}
@keyframes clyde-edge-color-sweep{from{clip-path:circle(0 at 100% 100%)}to{clip-path:circle(145vmax at 100% 100%)}}
@media(max-width:700px){html.power-color-sweep::before{border-width:2px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){html.power-color-sweep::before{display:none}html.power-color-sweep::after{animation:none}}

html[data-power] .composer{position:relative;isolation:isolate}
html.power-color-sweep .composer,html[data-power].power-color-sweep .composer:focus-within{border-color:var(--previous-neon)!important;transition:none}
html.power-color-sweep .composer::after{content:'';position:absolute;inset:-2px;border:2px solid var(--neon);border-radius:inherit;pointer-events:none;box-shadow:0 0 16px var(--neon-soft);animation:clyde-composer-color-sweep 5s cubic-bezier(.25,.1,.25,1) both}
@keyframes clyde-composer-color-sweep{from{clip-path:circle(0 at 100% 100%)}to{clip-path:circle(145% at 100% 100%)}}
@media(prefers-reduced-motion:reduce){html.power-color-sweep .composer{border-color:var(--neon)!important}html.power-color-sweep .composer::after{animation:none}}

/* The sidebar shares the same five-second power transition. */
html.power-color-sweep .sidebar{border-right-color:var(--previous-neon)!important}
html.power-color-sweep .sidebar::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-right:2px solid var(--neon);box-shadow:inset -8px 0 22px var(--neon-soft);animation:clyde-composer-color-sweep 5s cubic-bezier(.25,.1,.25,1) both}

/* Clyde Apex: dimensional code blocks with quiet, continuous movement. */
html[data-power='5']{--neon:#cf9bff;--neon-soft:#a36aff38}
html[data-power='5'] .sidebar{background:linear-gradient(165deg,#100b18,#070707 55%)!important}
html[data-power='5'] .brand img{filter:drop-shadow(0 0 10px #c084fc88)}
html[data-power='5'] .composer{background:linear-gradient(155deg,#17101f,#0e0d12)!important;box-shadow:0 0 22px #ad6bff30,inset 0 1px 0 #e2c5ff18!important}
html[data-power='5'] .composer::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 50%,#c084fc0b 50%) 0 0/24px 24px,linear-gradient(transparent 50%,#c084fc09 50%) 0 0/24px 24px;mask-image:linear-gradient(90deg,transparent 30%,#000);animation:apex-block-flow 12s linear infinite}
html[data-power='5'] #composer-strength-button{background:#a970ff18;border-color:#ba82ff70;color:#dfbdff;box-shadow:0 0 12px #ad6bff20}
html[data-power='5'] .welcome .mascot{position:relative;isolation:isolate}
html[data-power='5'] .welcome .mascot::before,html[data-power='5'] .welcome .mascot::after{content:'';position:absolute;width:9px;height:9px;background:#bf82ff;box-shadow:17px -12px 0 #8d58bf,-22px 9px 0 #d0a2ff,25px 17px 0 #583978,-14px -20px 0 #70449a;border-radius:2px;z-index:-1;opacity:.6;animation:apex-block-rise 4s ease-in-out infinite;pointer-events:none}
html[data-power='5'] .welcome .mascot::after{right:-9px;bottom:4px;animation-delay:-2s;transform:scale(.65)}
html[data-power='5'] .welcome h2{color:#f2e8ff;text-shadow:0 0 22px #b26bff25}
html[data-power='5'] .anything-card.selected{background:linear-gradient(135deg,#191021,#0b090f);box-shadow:inset 4px 0 #cf9bff,0 0 24px #a36aff25}
html[data-power='5'] .sidebar nav button.active{box-shadow:inset 4px 0 #cf9bff,0 0 18px #a36aff14}
@keyframes apex-block-flow{to{background-position:48px -48px,48px -48px}}
@keyframes apex-block-rise{0%,100%{translate:0 3px;opacity:.3}50%{translate:0 -5px;opacity:.8}}
@media(prefers-reduced-motion:reduce){html.power-color-sweep .sidebar{border-right-color:var(--neon)!important}html.power-color-sweep .sidebar::after,html[data-power='5'] .composer::before,html[data-power='5'] .welcome .mascot::before,html[data-power='5'] .welcome .mascot::after{animation:none}}

/* Six progressive power finishes. All transition edges use one viewport origin. */
html[data-power='0']{--power-glow:8px;--power-glow-opacity:10%;--power-edge:2px;--block-opacity:.02}
html[data-power='1']{--power-glow:12px;--power-glow-opacity:14%;--power-edge:2px;--block-opacity:.04}
html[data-power='2']{--power-glow:18px;--power-glow-opacity:20%;--power-edge:3px;--block-opacity:.06}
html[data-power='3']{--power-glow:24px;--power-glow-opacity:26%;--power-edge:3px;--block-opacity:.09}
html[data-power='4']{--power-glow:32px;--power-glow-opacity:33%;--power-edge:4px;--block-opacity:.12}
html[data-power='5']{--power-glow:44px;--power-glow-opacity:42%;--power-edge:4px;--block-opacity:.19}
html[data-power]{--neon-soft:color-mix(in srgb,var(--neon) var(--power-glow-opacity),transparent)}
html[data-power]::after{border-width:var(--power-edge);box-shadow:inset 0 0 var(--power-glow) var(--neon-soft),inset 0 0 8px var(--neon-soft)}
html[data-power] .composer{box-shadow:0 0 var(--power-glow) var(--neon-soft),inset 0 1px 0 #ffffff12!important}
html[data-power] .sidebar{box-shadow:6px 0 var(--power-glow) var(--neon-soft)!important}
html.power-color-sweep::before{border-width:var(--power-edge)}
html.power-color-sweep .sidebar::after{animation:clyde-sidebar-sweep 5s cubic-bezier(.25,.1,.25,1) both}
@keyframes clyde-sidebar-sweep{from{clip-path:circle(0 at 100vw 100dvh)}to{clip-path:circle(145vmax at 100vw 100dvh)}}
html[data-power='3'] .composer::before,html[data-power='4'] .composer::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 23px,var(--neon-soft) 23px 24px);opacity:var(--block-opacity);mask-image:linear-gradient(90deg,transparent,#000)}
html[data-power='5'] .sidebar::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 90%,#c390ff15 90%) 0 0/32px 32px,linear-gradient(transparent 90%,#c390ff12 90%) 0 0/32px 32px;mask-image:linear-gradient(#0008,transparent 75%);animation:apex-block-flow 16s linear infinite}
html[data-power='5'] .composer::before{opacity:1;background:linear-gradient(90deg,transparent 70%,#c084fc18 70%) 0 0/20px 20px,linear-gradient(transparent 70%,#c084fc12 70%) 0 0/20px 20px;animation-duration:8s}
html[data-power='5'] .composer-tools{border-top:1px solid #c390ff20;padding-top:6px}
html[data-power='5'] .welcome .mascot::before{box-shadow:17px -12px 0 #ad6df0,-22px 9px 0 #e1c1ff,25px 17px 0 #734b96,-14px -20px 0 #9061bb,40px -8px 0 #684788,-38px -14px 0 #b68ddb;filter:drop-shadow(0 0 6px #c084fc66)}
html[data-power='5'] .brand{border-color:#c390ff55;box-shadow:inset 0 0 24px #a36aff0d}
@media(max-width:700px){html[data-power]{--power-edge:2px;--power-glow:16px}html[data-power='5']{--power-edge:3px;--power-glow:24px}}
@media(prefers-reduced-motion:reduce){html.power-color-sweep .sidebar::after,html[data-power='5'] .sidebar::before{animation:none}}

.sidebar .legacy-nav-label,.sidebar .legacy-nav-item{display:none!important}
.sidebar nav>button:not(.legacy-nav-item),.sidebar #new-chat{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;font-size:13px;font-weight:400;color:var(--ink)}
.sidebar nav>button svg,.sidebar #new-chat svg{flex:none;opacity:.85}
#sidebar-saved-groups .nav-label,.sidebar .recent-label{text-transform:none;font-size:11px;letter-spacing:0;color:var(--muted);margin:24px 10px 8px}
#sidebar-pinned .session-row{margin:0 4px}#sidebar-pinned .session-row>button:first-child{min-width:0;flex:1;text-align:left;display:flex;gap:8px;padding:8px;font-size:12px}
.sidebar-empty{margin:8px 10px;font-size:10px;color:var(--muted)}
.sidebar-section-button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;margin-top:16px;color:var(--ink);font-size:12px;text-align:left}.sidebar-section-button:hover{background:var(--soft);border-radius:8px}
#sidebar-project-list>button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:12px;text-align:left;border-radius:8px}#sidebar-project-list>button:hover{background:var(--soft)}#sidebar-project-list>button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-collapsed #sidebar-saved-groups{display:none}
.academy{--academy-bg:var(--surface);max-width:1500px;margin:auto;padding-bottom:32px}.academy-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0!important;background:transparent!important;height:auto!important;border:0!important}.academy-head small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}.academy-head h1{font:600 clamp(25px,3vw,40px)/1.12 system-ui;margin:10px 0;letter-spacing:-1.2px}.academy-head p{font-size:12px;color:var(--muted)}.academy-head>div:last-child{flex:none;text-align:right}.academy-head b{font-size:23px;color:var(--power-accent)}.academy-lessons{display:flex;gap:6px;overflow-x:auto;padding:8px 0 16px}.academy-lessons button{flex:none;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:11px}.academy-lessons button.active{border-color:var(--power-accent);background:var(--soft)}.academy-split{display:grid;grid-template-columns:minmax(0,var(--academy-left,48%)) 10px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--academy-bg)}.academy-left{min-width:0;padding:24px}.academy-left h2{font:600 22px system-ui;margin:0 0 12px}.academy-left>p,.academy-challenge p,.academy-reference p{font-size:12px;line-height:1.65;color:var(--muted)}.academy-challenge{padding:12px;border-left:3px solid var(--power-accent);background:var(--soft);border-radius:0 9px 9px 0;margin:16px 0}.academy-challenge b{font-size:11px}.academy-challenge p{margin:4px 0}.academy-editor{position:relative;height:220px;border:1px solid var(--line);border-radius:10px;background:#0a0d12;overflow:hidden}.academy-editor pre,.academy-editor textarea{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;margin:0;padding:16px;border:0;white-space:pre;overflow:auto;tab-size:2;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:0;border-radius:0}.academy-editor pre{color:#c9d8e8;pointer-events:none}.academy-editor textarea{background:transparent;color:transparent;caret-color:#fff;resize:none;-webkit-text-fill-color:transparent}.academy-editor textarea::selection{background:#9977ff44}.academy-editor .keyword{color:#caa4ff}.academy-editor .string{color:#a7d8b3}.academy-editor .comment{color:#7b8a9a}.academy-actions{display:flex;gap:8px;margin:12px 0}.academy-actions button{padding:8px 14px;font-size:11px}.academy-teacher{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.academy-teacher label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.academy-teacher textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font:12px system-ui;resize:vertical}.academy-teacher button{margin-top:8px;padding:9px 12px}.academy-teacher p{font-size:12px;line-height:1.6;white-space:pre-wrap}.academy-reference{font-size:12px;margin-top:16px}.academy-reference pre{white-space:pre-wrap;padding:12px;background:var(--soft);border-radius:9px;font:11px/1.7 monospace}.academy-resizer{background:var(--soft);cursor:col-resize;touch-action:none}.academy-resizer:hover{background:var(--power-accent)}.academy-right{min-width:0;display:flex;flex-direction:column;background:var(--bg);padding-bottom:18px}.academy-right>header{height:auto!important;min-height:48px;padding:12px 16px!important;display:flex;justify-content:space-between;background:transparent!important;font-size:12px}.academy-right>header span{font-size:10px;color:var(--muted)}#academy-world{width:100%;height:300px;min-height:300px;border:0;background:#122c3b}.academy-quiz,.academy-achievements{margin:20px 20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;font-size:12px}.academy-quiz button{padding:7px 10px;font-size:11px;margin:0 6px 6px 0}.academy-achievements p{color:var(--muted)}#academy-save{margin:18px 20px;color:var(--muted);font-size:10px}.academy-future{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted)}.academy-future p{font-size:11px}.academy-lessons button,.academy-quiz button{transition:background .18s,border-color .18s}
@media(max-width:850px){.academy-split{display:flex;flex-direction:column}.academy-resizer{display:none}.academy-right{border-top:1px solid var(--line)}.academy-head{align-items:start}.academy-head h1{font-size:28px}.academy-left{padding:18px}.academy-head>div:last-child{min-width:65px}.academy-head small{font-size:8px}}
.academy-mentor{display:flex;align-items:start;gap:16px;margin:0 0 24px;padding:18px 14px;border:1px solid color-mix(in srgb,var(--power-accent) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--power-accent) 5%,var(--surface))}.academy-tutor-avatar{position:relative;flex:none;width:68px;height:80px;display:grid;place-items:center}.academy-tutor-avatar img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 8px 12px #0004);animation:academy-tutor-hover 3s ease-in-out infinite}.academy-tutor-avatar span{position:absolute;left:21px;top:1px;width:30px;height:12px;transform:rotate(-15deg);background:#28323e;border:1px solid #8996a2;box-shadow:0 3px 0 #17202a;pointer-events:none}.academy-tutor-avatar span:after{content:'';position:absolute;right:-4px;top:6px;width:2px;height:16px;background:#e0bf69}.academy-tutor-dialog{min-width:0;flex:1}.academy-tutor-dialog small{font-size:8px;letter-spacing:1px;color:var(--power-accent)}.academy-tutor-dialog p{font-size:13px;line-height:1.7;margin:9px 0}.academy-tutor-dialog button{padding:7px 9px;font-size:10px}.academy-tutor-dialog .text-link{display:block;padding-left:0;color:var(--muted)}
.academy-hologram-label{display:flex;justify-content:space-between;gap:8px;color:#8de6eb;font:9px/1.5 ui-monospace,monospace;padding:9px 12px;background:#0c252c;border:1px solid #4aa2b266;border-bottom:0;border-radius:10px 10px 0 0}.academy-hologram-label small{font-size:8px;color:#9fbcc6}.academy-editor.academy-hologram{border-radius:0 0 12px 12px;border:1px solid #60c5d488;background:linear-gradient(#081b25ee,#07151f),repeating-linear-gradient(0deg,transparent 0 23px,#7de1f411 23px 24px);box-shadow:0 12px 32px #49bfdd12,inset 0 0 24px #53bddb08;transform:perspective(1200px) rotateX(1deg);transform-origin:top}.academy-hologram textarea:focus{outline:2px solid #8de6eb88;outline-offset:-3px}.academy-next{margin:14px 0}.academy-next p{font-size:12px;line-height:1.6;color:var(--muted)}.academy-next button{padding:10px 14px;font-size:11px}.academy-next button:disabled{opacity:.45;cursor:not-allowed}.academy-lessons button:disabled{opacity:.35;cursor:default}.academy-finale{text-align:center;padding:16px}.academy-finale img{width:90px;height:90px}.academy-finale p{font-size:13px;line-height:1.7}@keyframes academy-tutor-hover{50%{translate:0 -5px}}@media(max-width:600px){.academy-mentor{gap:10px;padding:14px 10px}.academy-tutor-avatar{width:50px}.academy-tutor-avatar img{width:48px;height:48px}.academy-tutor-avatar span{left:13px;top:8px}.academy-hologram-label{flex-direction:column;gap:0}}@media(prefers-reduced-motion:reduce){.academy-tutor-avatar img{animation:none}.academy-editor.academy-hologram{transform:none}}
@media(max-width:700px){#sidebar-saved-groups{display:none}.sidebar nav>button:not(.legacy-nav-item){justify-content:center}}
.meeting-dot .academy-intro-center>img{animation:none!important}
@media(min-width:701px){html.inline-site-active #study-view>.workspace-grid{grid-template-columns:minmax(0,var(--inline-site-left,calc((100% - 8px)*.6))) 8px minmax(0,1fr)!important}}
@media(min-width:1001px){.code-app>.code-layout{grid-template-columns:minmax(0,var(--code-left,40%)) 8px minmax(0,1fr)}}
@media(max-width:700px){html.inline-site-active #study-view>.workspace-grid{grid-template-columns:minmax(0,1fr)!important}html.inline-site-active .workspace-grid>.inline-site-panel{grid-column:1;grid-row:1}html.inline-site-active .workspace-grid>.chat-panel{grid-column:1;grid-row:2}}
.code-library{max-width:1100px;margin:24px auto}.code-library>p{color:var(--muted);font-size:13px}.code-library>.artifact-list{margin:22px 0}.code-app{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.code-top{height:auto!important;min-height:55px;padding:10px!important;gap:8px;background:var(--surface)!important;display:flex;flex-wrap:wrap}.code-top input{flex:1;min-width:120px;border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:600}.code-top small{font-size:9px;color:var(--muted)}.code-top button{padding:7px 10px;font-size:10px}.code-layout{display:grid;grid-template-columns:minmax(0,var(--code-left,60%)) 8px minmax(0,1fr);min-height:720px}.code-work,.code-preview{min-width:0}.code-work{display:flex;flex-direction:column}.code-files-editor{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:330px;border-bottom:1px solid var(--line)}.code-files{min-width:0;padding:10px;border-right:1px solid var(--line);overflow:auto;max-height:440px}.code-files input{width:100%;min-width:0;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:10px}.code-files button{width:100%;padding:8px 5px;font:10px/1.4 ui-monospace,monospace;text-align:left;overflow-wrap:anywhere;border-radius:6px}.code-files button.active,.code-files button:hover{background:var(--soft);color:var(--power-accent)}#code-search-results small{display:block;color:var(--muted)}.code-edit{min-width:0}.code-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.code-tabs button{white-space:nowrap;flex:none;padding:10px;font:10px ui-monospace,monospace;border-bottom:2px solid transparent}.code-tabs button.active{border-bottom-color:var(--power-accent)}.code-editor{height:290px;position:relative;background:#090d12}.code-editor pre,.code-editor textarea{position:absolute;inset:0;white-space:pre;overflow:auto;width:100%;height:100%;padding:15px;margin:0;border:0;background:transparent;resize:none;font:12px/1.7 ui-monospace,monospace;letter-spacing:0;tab-size:2}.code-editor pre{pointer-events:none;color:#c8d3de}.code-editor pre span{color:#bfa8f6}.code-editor textarea{color:transparent;-webkit-text-fill-color:transparent;caret-color:#fff}.code-editor textarea::selection{background:#a075ff44}.code-edit>details{max-height:200px;overflow:auto;padding:10px;font-size:10px}#code-diff pre{margin:0;padding:3px 7px;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.5 monospace}.diff-added{background:#24704425;color:#8cd3a9}.diff-removed{background:#a1404025;color:#e99c9c}.code-agent{padding:14px}.code-mode-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.code-mode-row select{padding:7px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px}.code-mode-row button,.code-mode-row label{font-size:10px}.code-agent>p{color:var(--muted);font-size:10px;margin:10px 0}.code-chat{max-height:210px;overflow:auto}.code-chat article{padding:9px 0;border-bottom:1px solid var(--line)}.code-chat small{font-size:8px;color:var(--muted)}.code-chat pre{font:12px/1.6 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.code-agent>textarea{width:100%;padding:10px;background:var(--soft);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:12px;margin-top:12px;resize:vertical}.code-agent-actions{display:flex;align-items:center;gap:8px;margin:12px 0}.code-agent-actions button{padding:9px 14px;font-size:11px}#code-estimate{font-size:8px;color:var(--muted);line-height:1.6}.code-limits{font-size:10px;margin-top:10px}.code-limits label{display:inline-grid;gap:4px;margin:10px 10px 10px 0}.code-limits input{max-width:90px;padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:var(--ink)}.code-limits small{display:block;color:var(--muted)}#code-resize{background:var(--soft);cursor:col-resize;touch-action:none}#code-resize:hover{background:var(--power-accent)}.code-layout.resizing iframe{pointer-events:none}.code-preview{border-left:1px solid var(--line)}.code-preview>header{height:auto!important;min-height:50px;padding:10px!important;display:flex;gap:6px;background:var(--surface)!important;font-size:10px}.code-preview select{padding:6px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);font-size:10px}.code-preview button{padding:7px 9px;font-size:10px}#code-build-status{min-height:35px;margin:0;padding:10px;font-size:10px;color:var(--muted)}.code-preview-stage{height:370px;background:#151515;overflow:auto;display:flex;justify-content:center}.code-preview-stage iframe{width:100%;height:100%;border:0;background:#fff}.code-preview-stage.mobile iframe{width:375px;max-width:100%}.code-preview>details{padding:12px;font-size:11px}#code-activity{max-height:300px;overflow:auto}#code-activity>div{padding:9px 0;border-bottom:1px solid var(--line)}#code-activity b{font:10px monospace;color:var(--power-accent)}#code-activity pre{font:10px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.code-error pre{color:#eea1a1}.code-patch-review{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:12px}.code-patch-review pre{white-space:pre-wrap;max-height:250px;overflow:auto;font:10px/1.6 monospace}.code-patch-review button{padding:8px;font-size:10px;margin-right:6px}@media(max-width:1000px){.code-layout{display:block}.code-preview{border-top:1px solid var(--line)}#code-resize{display:none}.code-files-editor{grid-template-columns:125px minmax(0,1fr)}}@media(max-width:500px){.code-top input{order:-1;flex-basis:100%}.code-files-editor{grid-template-columns:95px minmax(0,1fr)}.code-agent{padding:10px}.code-top{gap:5px}.code-editor pre,.code-editor textarea{font-size:11px;padding:10px}}@media(prefers-reduced-motion:reduce){.code-app *{scroll-behavior:auto!important;transition:none!important}}
.brand img{image-rendering:auto}.brand b{letter-spacing:-1.1px}.pip-home{display:flex;align-items:center;gap:20px;padding:8px 0 18px}.pip-mascot{width:130px;flex:none}.pip-mascot svg{width:100%;height:auto}.pip-home small{color:var(--power-accent);font-size:9px;letter-spacing:1.5px}.pip-home h3{font:600 24px/1.2 system-ui;margin:10px 0}.pip-home b{font-size:11px;color:var(--power-accent)}.pip-actions{display:flex;flex-wrap:wrap;gap:8px}.pip-actions button{padding:10px 14px;font-size:12px}.pip-missions{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:12px}.pip-missions h3{font-size:13px;margin:0 0 10px}.pip-missions>div{display:flex;justify-content:space-between;padding:10px 0;font-size:12px;border-top:1px solid var(--line)}.pip-missions small{color:var(--muted)}#pet-companion{border:1px solid color-mix(in srgb,var(--power-accent) 40%,var(--line));box-shadow:0 5px 22px #0005,0 0 18px var(--neon-soft);transition:border-color .2s,box-shadow .2s}#pet-companion.pip-focusing{border-color:var(--power-accent)}#pet-companion.pip-focusing:before{content:attr(data-timer);position:absolute;bottom:-9px;left:50%;translate:-50% 0;padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font:9px/1.2 ui-monospace,monospace;color:var(--ink)}#pet-companion.pip-celebrate .pet-art{animation:pip-happy .6s ease 2}#pet-companion.pip-celebrate:after{content:attr(data-message);position:absolute;right:0;bottom:calc(100% + 12px);width:210px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 30px #0005;font:12px/1.5 system-ui;text-align:left}.pip-breath{text-align:center;padding:20px}.pip-breath>div{width:160px;margin:10px auto 30px;border:1px solid var(--power-accent);border-radius:50%;background:var(--soft);animation:pip-breathe 10s ease-in-out infinite}.pip-breath svg{width:100%;height:auto}.pip-breath h3{font:600 25px system-ui}.pip-breath button{padding:10px 18px}@keyframes pip-happy{50%{transform:translateY(-10px) rotate(8deg)}}@keyframes pip-breathe{0%,100%{scale:.85}40%{scale:1.12}}@media(max-width:600px){.pip-home{gap:10px}.pip-mascot{width:90px}.pip-home h3{font-size:20px}#pet-companion.pip-celebrate:after{bottom:auto;top:calc(100% + 12px)}}@media(prefers-reduced-motion:reduce){#pet-companion.pip-celebrate .pet-art,.pip-breath>div{animation:none}}#pet-companion.pet-still .pet-art{animation:none}

/* One calm voice surface on desktop and mobile. */
#voice-stage.mobile-voice-screen{position:fixed!important;inset:0!important;z-index:1200!important;width:100%!important;height:100dvh!important;min-height:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important;overflow:hidden;color:#f4f4f0}
#voice-stage.mobile-voice-screen .voice-stage-top{display:contents}
#voice-stage.mobile-voice-screen .voice-stage-top>span,#voice-stage.mobile-voice-screen .voice-center h2,#voice-stage.mobile-voice-screen .voice-disclosure,#voice-stage.mobile-voice-screen .voice-actions{display:none!important}
#voice-stage.mobile-voice-screen .voice-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 150px!important;gap:20px}
#voice-stage.mobile-voice-screen .voice-orb{position:relative;display:grid;place-items:center;flex:none;width:156px!important;height:156px!important;margin:0!important;border:0!important;border-radius:50%;background:radial-gradient(circle,#ffffff08,transparent 70%)!important;box-shadow:none!important;animation:voice-object-float 4s ease-in-out infinite}
.voice-orb>img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 18px var(--neon-soft));z-index:1}.voice-object-ring{position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--neon) 28%,transparent);border-radius:50%;transition:box-shadow .3s,border-color .3s}
#voice-stage .voice-orb.listening .voice-object-ring{border-color:var(--neon);box-shadow:0 0 22px var(--neon-soft);animation:voice-ring-listen 2.2s ease-in-out infinite}
#voice-stage .voice-orb.speaking .voice-object-ring{border-width:2px;animation:voice-ring-listen .85s ease-in-out infinite}
#voice-stage .voice-orb.thinking .voice-object-ring{border-color:var(--neon) transparent transparent;animation:spin 1.4s linear infinite}
#voice-stage.mobile-voice-screen #voice-status{max-width:420px;margin:0;text-align:center;color:#a9aaa8;font-size:13px;line-height:1.6}
#voice-stage.mobile-voice-screen .voice-transcript{position:static!important;translate:none!important;transform:none!important;width:min(520px,90vw)!important;max-height:72px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#ddddda;font:14px/1.6 system-ui;text-align:center!important;overflow:auto}
#voice-stage.mobile-voice-screen #exit-voice{position:fixed!important;top:20px!important;right:20px!important;left:auto!important;bottom:auto!important;transform:none!important;translate:none!important;width:42px!important;height:42px!important;min-height:42px!important;border:1px solid #303030;border-radius:50%;background:#111;color:#fff;font-size:25px;display:grid;place-items:center}
#voice-stage.mobile-voice-screen #mobile-voice-settings{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:24px;top:auto;right:auto;z-index:6;background:#111;border:1px solid #333;border-radius:24px;padding:12px 18px;color:#ddd;font-size:12px}
#voice-pause{position:absolute;right:24px;bottom:max(32px,env(safe-area-inset-bottom));z-index:6;padding:12px 18px;border:1px solid #333;border-radius:24px;background:#111;color:#ddd;font-size:12px}
#voice-stage.mobile-voice-screen .voice-bottom{position:static;padding:0!important;background:transparent!important}
#voice-stage.mobile-voice-screen .voice-options{display:none!important}
#voice-stage.mobile-voice-screen.voice-settings-open .voice-options{display:block!important;position:absolute;left:50%;bottom:92px;translate:-50% 0;width:min(520px,calc(100vw - 32px));max-height:60dvh;overflow:auto;padding:18px;border:1px solid #333;border-radius:18px;background:#101010;box-shadow:0 15px 80px #000b;z-index:10;animation:mention-menu-in .18s ease}
#voice-stage .voice-options>summary{font-size:14px;font-weight:600;list-style:none;pointer-events:none;margin-bottom:12px}
#voice-stage .voice-options>div{display:block}
#voice-stage .voice-options .field{margin:12px 0;font-size:12px}
#voice-stage .voice-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#voice-stage .voice-card{display:flex;align-items:center;gap:10px;min-height:68px;padding:10px;border:1px solid #303030;border-radius:12px;background:#171717;color:#eee;text-align:left}
#voice-stage .voice-card.selected{border-color:var(--neon);background:color-mix(in srgb,var(--neon) 8%,#111)}
#voice-stage .voice-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#272727;border-radius:50%;color:var(--neon);font-size:12px}
#voice-stage .voice-card b{font-size:12px}#voice-stage .voice-card small{display:block;margin-top:4px;font-size:9px;color:#a9a9a9}#voice-stage .voice-check{margin-left:auto;color:var(--neon)}
#voice-stage.mobile-voice-screen .voice-orb{left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;translate:none!important}
#voice-stage.mobile-voice-screen .voice-center{pointer-events:auto}
#voice-stage.mobile-voice-screen #mobile-voice-resume{pointer-events:auto}
#voice-stage.mobile-voice-screen .voice-orb{position:absolute!important;left:50%!important;top:50%!important;translate:-50% -50%!important}
#voice-stage.mobile-voice-screen #voice-status{position:absolute;top:calc(50% + 100px);left:50%;translate:-50% 0;width:min(420px,90vw)}
#voice-stage.mobile-voice-screen .voice-transcript{position:absolute!important;top:calc(50% + 140px);left:50%;translate:-50% 0!important}
#voice-stage.mobile-voice-screen #mobile-voice-resume{position:absolute;top:calc(50% + 224px);left:50%;translate:-50% 0;margin:0}
.voice-pace{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;padding-top:12px;border-top:1px solid #333}.voice-pace input{grid-column:1/3;grid-row:2;height:5px}.voice-pace output{font-size:11px;color:#aaa}
@keyframes voice-object-float{50%{translate:0 -7px}}@keyframes voice-ring-listen{50%{scale:1.08;opacity:.5}}
@media(prefers-reduced-motion:reduce){#voice-stage .voice-orb,#voice-stage .voice-object-ring{animation:none!important}}
.academy-editor #academy-ghost{z-index:0;color:#8de6eb55;text-shadow:0 0 8px #6cd6e622;user-select:none;pointer-events:none}.academy-editor #academy-highlight{z-index:1}.academy-editor #academy-code{z-index:2}
.academy-intro-center{position:relative}.academy-intro-center>img{transition:translate .9s cubic-bezier(.22,.8,.2,1),rotate .9s ease}.meeting-dot .academy-intro-center>img{translate:130px -8px;rotate:12deg}.academy-dot{position:absolute;top:12px;left:calc(50% - 22px);width:44px;height:98px;animation:academy-dot-enter .95s cubic-bezier(.2,.8,.2,1) both}.academy-dot .dot-head{position:absolute;top:0;left:9px;width:26px;height:27px;border-radius:8px;background:#eed8bb;box-shadow:inset -5px 0 #dfc29d}.academy-dot .dot-head:after{content:'';position:absolute;left:7px;top:11px;width:3px;height:4px;border-radius:2px;background:#283743;box-shadow:9px 0 #283743}.academy-dot .dot-body{position:absolute;left:4px;top:25px;width:36px;height:45px;border-radius:9px;background:#78beec;box-shadow:inset -7px 0 #509bcd,0 0 24px #78beec22}.academy-dot .dot-feet{position:absolute;top:65px;left:7px;width:12px;height:10px;background:#284459;border-radius:3px;box-shadow:18px 0 #284459}.academy-dot>small{position:absolute;top:83px;left:0;width:100%;color:#b8dff5;text-align:center;letter-spacing:1px}@keyframes academy-dot-enter{from{opacity:0;transform:translate(-120px,18px) scale(.8)}65%{opacity:1;transform:translate(8px,-4px) scale(1.03)}to{opacity:1;transform:none}}@media(max-width:600px){.meeting-dot .academy-intro-center>img{translate:90px -5px}.academy-dot{top:0;transform-origin:top;scale:.85}}@media(prefers-reduced-motion:reduce){.academy-intro-center>img{transition:none}.academy-dot{animation:none}}
.academy.academy-focused{position:fixed;inset:0;z-index:1100;max-width:none;overflow:auto;padding:64px max(20px,calc((100vw - 1240px)/2)) 32px;background:#000;color:var(--ink)}.academy-exit{position:fixed;top:14px;right:18px;z-index:1103;width:40px;height:40px;border:1px solid #414141;border-radius:50%;background:#141414;color:#fff;font:28px/1 system-ui}.academy-exit:hover{background:#292929}.academy-focused .academy-head,.academy-focused .academy-lessons,.academy-focused .academy-future,.academy-focused .academy-achievements,.academy-focused .academy-quiz,.academy-focused .academy-reference,.academy-focused #academy-basics-next{display:none}.academy-focused .academy-split{border-color:#303030}.academy-focused .academy-left h2{font-size:18px}.academy-focused .academy-mentor{padding:12px}.academy-focused .academy-teacher{margin-top:12px}.academy-intro-stage{position:fixed;inset:0;z-index:1101;display:grid;place-items:center;overflow:auto;background:#000;padding:64px 24px}.academy-intro-center{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;animation:academy-stage-enter .5s ease both}.academy-intro-center>img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 24px var(--neon-soft));animation:academy-tutor-hover 3s ease-in-out infinite}.academy-intro-center small{color:var(--muted);font-size:10px;letter-spacing:1px}.academy-intro-center h2{font:600 clamp(26px,4vw,38px)/1.15 system-ui;margin:0;letter-spacing:-1px}.academy-intro-center p{min-height:100px;font:16px/1.8 system-ui;color:#d4d4d4;margin:0}.academy-intro-center button{min-width:190px;padding:14px 24px}.academy-intro .academy-split{visibility:hidden}@keyframes academy-stage-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:600px){.academy.academy-focused{padding:64px 12px 24px}.academy-intro-center p{font-size:14px}.academy-intro-center>img{width:88px;height:88px}}@media(prefers-reduced-motion:reduce){.academy-intro-center,.academy-intro-center>img{animation:none}}

/* Work progress and first-visit orientation */
.site-task{padding:16px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--soft)!important;max-width:100%;margin:16px 0}.site-task-heading{display:flex;align-items:center;gap:8px}.site-task-heading b{font-size:14px}.site-task time{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.site-task-phase{font-size:13px;margin:12px 0 4px}.site-task small{font-size:12px;color:var(--muted)}.site-task-pulse{width:8px;height:8px;border-radius:50%;background:var(--power-accent);animation:site-working 1.6s ease-in-out infinite}#inline-site-elapsed{font-variant-numeric:tabular-nums}.clyde-tour{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);overflow:auto;box-shadow:0 24px 90px #0006}.clyde-tour::backdrop{background:#0009;backdrop-filter:blur(8px)}.tour-close{position:absolute;top:12px;right:12px;z-index:1;width:36px;height:36px;background:transparent;border:0;color:var(--muted);font-size:24px;border-radius:50%}.tour-close:hover,.tour-back:hover,.tour-skip:hover{background:var(--soft)}.tour-demo{height:200px;display:flex;justify-content:center;align-items:center;gap:12px;background:var(--soft);border-bottom:1px solid var(--line);position:relative;overflow:hidden;animation:tour-enter .2s ease both}.tour-wasp{width:60px;height:60px;object-fit:contain;animation:tour-float 3s ease-in-out infinite}.tour-wordmark{font-size:42px;letter-spacing:-2px;font-weight:650}.tour-copy{padding:24px 24px 16px;animation:tour-enter .2s ease both}.tour-eyebrow{color:var(--power-accent);font-size:12px;font-weight:650;margin:0 0 8px}.tour-copy h2{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:0 0 12px}.tour-copy>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.tour-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 24px;gap:16px}.tour-footer>div:last-child{display:flex;gap:8px}.tour-footer button{min-height:44px;padding:0 16px;border-radius:10px;border:0;font-weight:600}.tour-next{background:var(--ink);color:var(--surface)}.tour-back,.tour-skip{color:var(--muted);background:transparent}.tour-dots{display:flex;gap:6px}.tour-dots i{width:6px;height:6px;border-radius:4px;background:var(--line);transition:width .2s,background .2s}.tour-dots i.current{width:20px;background:var(--power-accent)}.tour-mode-row{display:flex;gap:8px;padding:16px;width:100%}.tour-mode-row>span{flex:1;border:1px solid var(--line);border-radius:12px;padding:20px 8px;text-align:center;font-size:15px;font-weight:650;background:var(--surface);animation:tour-enter .3s both}.tour-mode-row>span:nth-child(2){animation-delay:.1s}.tour-mode-row>span:nth-child(3){animation-delay:.2s}.tour-mode-row small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:8px}.tour-chat-sample{position:absolute;left:24px;top:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px;padding:12px;animation:tour-enter .3s both}.tour-site-sample{width:58%;height:110px;position:absolute;right:24px;bottom:20px;padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:10px;box-shadow:0 8px 24px #0002;animation:tour-enter .4s .12s both}.tour-site-sample i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--muted);margin-right:3px;opacity:.5}.tour-site-sample b{display:block;margin-top:12px;font-size:15px}.tour-site-sample>span{display:block;margin-top:12px;width:40%;height:8px;border-radius:4px;background:var(--power-accent)}.tour-power-track{position:absolute;left:40px;right:40px;height:6px;border-radius:8px;background:var(--line)}.tour-power-track>span{display:block;height:100%;border-radius:8px;background:var(--power-accent);animation:tour-power 1.5s ease both}.tour-power-labels{display:flex;justify-content:space-between;position:absolute;left:40px;right:40px;top:120px;font-size:12px;color:var(--muted)}.clyde-tour button:focus-visible{outline:2px solid var(--power-accent);outline-offset:3px}@keyframes site-working{50%{opacity:.35}}@keyframes tour-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tour-float{50%{transform:translateY(-5px)}}@keyframes tour-power{from{width:15%}to{width:100%}}@media(prefers-reduced-motion:reduce){.tour-demo,.tour-copy,.tour-wasp,.tour-mode-row>span,.tour-chat-sample,.tour-site-sample,.tour-power-track>span,.site-task-pulse{animation:none!important}.tour-power-track>span{width:100%}}@media(max-width:480px){.tour-demo{height:168px}.tour-copy{padding:20px 20px 12px}.tour-copy h2{font-size:24px}.tour-footer{padding:12px 20px 20px}}

/* Observable work in the conversation */
.clyde-activity{display:block!important;width:100%;max-width:620px;margin:8px 0 16px;padding:0!important;background:transparent!important;border:0!important;border-radius:12px;color:var(--muted);font-size:13px;animation:tour-enter .18s ease}.clyde-activity>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 0;cursor:pointer;font-weight:500}.clyde-activity>summary::-webkit-details-marker{display:none}.clyde-activity>summary:focus-visible{outline:2px solid var(--power-accent);outline-offset:3px;border-radius:8px}.activity-orb{width:15px;height:15px;flex-shrink:0;border:1.5px solid color-mix(in srgb,var(--power-accent) 30%,transparent);border-top-color:var(--power-accent);border-radius:50%}.clyde-activity[data-status=running] .activity-orb{animation:spin 1.1s linear infinite}.clyde-activity[data-status=running] .activity-label{background:linear-gradient(100deg,var(--muted) 20%,var(--ink) 45%,var(--muted) 70%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:activity-shimmer 2s linear infinite}.activity-time{font-variant-numeric:tabular-nums;font-size:12px;margin-left:4px!important}.activity-chevron{margin-left:4px;transition:transform .18s}.clyde-activity[open] .activity-chevron{transform:rotate(180deg)}.clyde-activity[data-status=complete] .activity-orb{border-color:var(--power-accent);background:color-mix(in srgb,var(--power-accent) 20%,transparent)}.clyde-activity[data-status=error] .activity-orb{border-color:#d77864}.activity-current{margin:0 0 8px 24px;font-size:13px;color:var(--muted)}.clyde-activity ol{list-style:none;padding:0 0 0 24px;margin:0;max-height:280px;overflow:auto;overscroll-behavior:contain}.clyde-activity li{display:flex;gap:10px;padding:8px 0;border-left:1px solid var(--line);padding-left:12px;line-height:1.5}.clyde-activity li>span{font-size:12px;color:var(--power-accent)}.clyde-activity li>div{min-width:0;flex:1}.clyde-activity li b{font-weight:500;color:var(--ink);font-size:12px}.clyde-activity li pre{white-space:pre-wrap!important;overflow-wrap:anywhere;font:11px/1.6 ui-monospace,monospace;color:var(--muted);margin:4px 0!important}.clyde-activity .activity-step-error>span{color:#d77864}.clyde-activity>small{display:block;margin:10px 0 4px 24px;font-size:10px;color:var(--muted)}.clyde-activity:not([open])>.activity-current,.clyde-activity:not([open])>ol,.clyde-activity:not([open])>small{display:none}.clyde-activity.site-task{padding:12px 16px!important;background:var(--soft)!important;border:1px solid var(--line)!important}.clyde-activity.thinking-message{margin-left:0!important}.code-chat .clyde-activity{max-width:100%}@keyframes activity-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.clyde-activity,.clyde-activity[data-status=running] .activity-orb,.clyde-activity[data-status=running] .activity-label{animation:none!important}.clyde-activity[data-status=running] .activity-label{background:none;color:var(--muted)}.activity-chevron{transition:none}}

/* A compact, aligned navigation rail */
.sidebar .brand{display:flex;align-items:center;gap:8px;min-height:44px;letter-spacing:normal}.sidebar .brand img{display:block;width:30px!important;height:30px!important;object-fit:contain;filter:none!important;transform:none!important;flex:0 0 30px}.sidebar .brand b{font-size:23px;font-weight:650;line-height:1;letter-spacing:-1px}.sidebar .brand small:empty{display:none}.sidebar-search{display:flex;align-items:center;gap:10px;min-height:40px}.sidebar-search svg{flex:0 0 18px}.sidebar-search span{white-space:nowrap}.sidebar-search kbd{margin-left:auto}.sidebar .profile .avatar{display:grid;place-items:center}.sidebar .profile .avatar img{width:26px;height:26px;filter:none;object-fit:contain}@media(min-width:701px){.sidebar-collapsed .sidebar .brand,.sidebar-collapsed .sidebar .new,.sidebar-collapsed .sidebar .sidebar-search{width:44px;height:44px;min-height:44px;margin-inline:auto;padding:0;justify-content:center;gap:0}.sidebar-collapsed .sidebar .brand b,.sidebar-collapsed .sidebar .brand small,.sidebar-collapsed .sidebar .brand>span,.sidebar-collapsed .sidebar-search span,.sidebar-collapsed .sidebar-search kbd{display:none!important}.sidebar-collapsed .sidebar-search svg{width:20px;height:20px;flex-basis:20px}.sidebar-collapsed .sidebar-search{margin-bottom:8px}.sidebar-collapsed .mode-switcher{width:100%}.sidebar-collapsed .sidebar nav button{width:44px;min-height:44px;margin-inline:auto;padding:10px;gap:0}.sidebar-collapsed .sidebar nav button svg{flex-shrink:0}.sidebar-collapsed #mode-menu{left:52px;top:0;right:auto}}@media(max-width:700px){.sidebar .sidebar-search{display:none}}
/* Public sign-in homescreen; existing account routing remains intact. */
#account-gate.account-gate{z-index:60;display:block;padding:0;background:var(--bg);color:var(--ink);backdrop-filter:none;overflow:auto;overscroll-behavior:contain}#account-gate.hidden{display:none!important}#account-gate>.home-shell{max-width:1280px;width:100%;min-height:100%;margin:0 auto;padding:0 48px;text-align:left;display:flex;flex-direction:column;box-sizing:border-box}.home-header{display:flex;align-items:center;justify-content:space-between;min-height:96px;border-bottom:1px solid var(--line)}.home-header>span{font-size:12px;color:var(--muted)}.home-brand{display:flex!important;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:28px;font-weight:650;letter-spacing:-1.2px}.home-brand img{width:36px!important;height:36px!important;object-fit:contain}.home-main{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:80px;padding:64px 0}.home-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted)}#account-gate .home-intro h1{font-size:clamp(42px,5.5vw,72px);font-weight:550;letter-spacing:-3px;line-height:1.06;margin:24px 0}#account-gate .home-intro>p{max-width:440px;margin:0;font-size:16px;line-height:1.8;color:var(--muted)}.home-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.home-capabilities span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.home-example{margin-top:48px;padding:20px 0;border-top:1px solid var(--line);max-width:440px}.home-example-label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}#account-gate .home-example p{font-size:17px;color:var(--ink);margin:12px 0;line-height:1.6}.home-example>div{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.home-example-dot{width:6px;height:6px;border-radius:50%;background:var(--power-accent)}.home-signin{border:1px solid var(--line);border-radius:24px;padding:32px;background:var(--surface);animation:tour-enter .25s ease}.home-signin-mascot{width:44px!important;height:44px!important;object-fit:contain}#account-gate .home-signin h2{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:20px 0 0;line-height:1.25}#account-gate .home-signin>p{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 24px}.home-login{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:500 13px/1.3 inherit;padding:12px;box-sizing:border-box;text-decoration:none;transition:background .18s,border-color .18s}.home-login+.home-login{margin-top:8px}.home-login-primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.home-login-primary:hover{opacity:.9}.home-login:focus-visible,.home-brand:focus-visible{outline:2px solid var(--power-accent);outline-offset:4px}.home-login:disabled{cursor:not-allowed;color:var(--muted);opacity:.65;justify-content:flex-start}.home-login>span{font-size:9px;margin-left:auto}.home-login-separator{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:var(--muted);margin:20px 0}.home-login-separator:before,.home-login-separator:after{content:'';height:1px;background:var(--line);flex:1}#account-gate .home-signin .home-auth-note{font-size:10px;margin:16px 0 0;line-height:1.6}#account-gate #account-status{font-size:11px;margin:20px 0 0;min-height:18px;color:var(--muted)}.home-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}@media(max-width:900px){#account-gate>.home-shell{padding:0 32px}.home-main{gap:32px;padding:48px 0}.home-signin{padding:24px}#account-gate .home-intro h1{letter-spacing:-2px}}@media(max-width:700px){#account-gate>.home-shell{padding:0 24px}.home-header{min-height:80px}.home-header>span{display:none}.home-main{grid-template-columns:1fr;gap:32px;padding:32px 0}.home-intro{text-align:center}#account-gate .home-intro h1{font-size:44px;margin:20px 0}#account-gate .home-intro>p{font-size:14px;margin:0 auto;max-width:350px}.home-eyebrow{font-size:8px;letter-spacing:1.2px}.home-capabilities{justify-content:center;margin-top:20px}.home-example{display:none}.home-signin{max-width:400px;width:100%;margin:auto;box-sizing:border-box}.home-footer{justify-content:center;text-align:center;font-size:9px}.home-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.home-signin{animation:none}.home-login{transition:none}}

/* Settings: independent navigation and content, using Clyde's shared theme. */
dialog.settings-modal{width:min(1060px,calc(100vw - 32px));height:min(780px,calc(100dvh - 32px));max-width:none;padding:0;overflow:hidden;border-radius:18px;background:var(--bg);color:var(--ink)}.settings-modal>.modal-header{position:absolute;right:8px;top:8px;margin:0;padding:0;border:0;background:transparent;z-index:3}.settings-modal>.modal-header h2{display:none}.settings-modal>.modal-header button{width:32px;height:32px;font-size:21px}.settings-modal>#modal-body{height:100%}.settings-layout{height:100%;display:grid;grid-template-columns:256px minmax(0,1fr)}.settings-nav{padding:16px 12px;background:var(--surface);border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column;overflow:hidden}.settings-back{min-height:40px;display:flex;align-items:center;background:transparent;border:0;color:var(--ink);padding:8px;font-size:12px;text-align:left}.settings-search{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--soft);border:1px solid var(--line);border-radius:999px;margin:12px 0}.settings-search input{border:0!important;background:transparent!important;min-width:0;width:100%;padding:0!important;color:var(--ink);box-shadow:none!important;font-size:12px}.settings-search svg{width:14px;height:14px;flex:none;color:var(--muted)}.settings-nav>small{color:var(--muted);font-size:11px;margin:4px 8px 10px}.settings-nav nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0;padding-right:4px}.settings-nav nav button{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 10px;color:var(--ink);text-align:left;border:0;border-radius:9px;background:transparent;font-size:12px;flex:none;transition:background .18s}.settings-nav nav button[hidden]{display:none}.settings-nav nav button:hover,.settings-nav nav button.selected{background:var(--soft)}.settings-nav nav button svg{flex:none;color:var(--muted)}#settings-no-results{font-size:12px;color:var(--muted);padding:8px}#settings-content{padding:40px 40px 32px;overflow:auto;min-width:0;overscroll-behavior:contain}#settings-content h2{font-size:24px;letter-spacing:-.7px;font-weight:600;margin:0 0 24px;padding-right:24px}#settings-content h3{font-size:14px;font-weight:600;margin:24px 0 8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.settings-row>div{min-width:0}.settings-row b{font-size:13px;font-weight:500;overflow-wrap:anywhere}.settings-row p{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0 0}.settings-row>button,.settings-row>a{flex:none;white-space:nowrap;font-size:11px;min-height:36px}.settings-row select{max-width:220px;min-height:36px;padding:8px 10px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:12px}.settings-row input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--power-accent)}.settings-row input[type=range]{max-width:150px;accent-color:var(--power-accent)}.settings-row kbd{font-size:11px;background:var(--soft);padding:6px 8px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}.settings-note{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0}.settings-row button:disabled{opacity:.5;cursor:not-allowed}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.wallpaper-option{display:block;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--ink);transition:border-color .18s,transform .18s}.wallpaper-option:hover{border-color:var(--power-accent)}.wallpaper-option.selected{border-color:var(--power-accent);box-shadow:0 0 0 1px var(--power-accent)}.wallpaper-swatch{height:72px;width:100%;display:block;background-color:var(--bg);border-radius:7px;opacity:.7}.wallpaper-option b{display:block;font-size:11px;font-weight:500;padding:9px 4px 4px}.settings-upload{display:block;font-size:12px;color:var(--ink);margin-top:20px}.settings-upload input{display:block;width:100%;font-size:11px;margin-top:12px;color:var(--muted)}.settings-upload input::file-selector-button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);margin-right:12px}.settings-chats .settings-row{padding:12px 0}.settings-modal button:focus-visible,.settings-modal select:focus-visible{outline:2px solid var(--power-accent);outline-offset:2px}.workspace-grid{position:relative}#workspace-wallpaper{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit}html:not([data-wallpaper=none])[data-wallpaper] .workspace-grid>.chat-panel{background:transparent!important;position:relative;z-index:1}html:not([data-wallpaper=none])[data-wallpaper] .conversation{background:transparent!important}html.clyde-reduce-motion *,html.clyde-reduce-motion *:before,html.clyde-reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:700px){dialog.settings-modal{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none;border-radius:14px}.settings-layout{display:flex;flex-direction:column}.settings-nav{padding:8px 12px 0;border-right:0;border-bottom:1px solid var(--line);overflow:visible;flex:none}.settings-back{min-height:36px;padding-right:40px}.settings-search{margin:8px 0}.settings-nav>small{display:none}.settings-nav nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;gap:4px}.settings-nav nav button{white-space:nowrap;min-height:40px;font-size:11px}.settings-nav nav button svg{width:16px;height:16px}.settings-modal>.modal-header{top:6px;right:6px}.settings-row{gap:12px;align-items:flex-start;flex-wrap:wrap;padding:16px 0}.settings-row>div{flex:1;min-width:140px}.settings-row select{max-width:100%;font-size:11px}#settings-content{padding:24px 20px;flex:1;min-height:0}#settings-content h2{font-size:22px;margin-bottom:16px}.wallpaper-grid{gap:8px}.wallpaper-swatch{height:60px}.settings-row input[type=range]{width:100px}.settings-row kbd{font-size:10px}}@media(prefers-reduced-motion:reduce){.wallpaper-option,.settings-nav nav button{transition:none}}

/* Personal backgrounds: restrained artwork, optional ambient motion, and model lighting. */
html[data-style-accent=pink]{--power-accent:#ed9fc4!important;--power-start:#fbd8e8!important;--neon:#ee9fc4!important;--neon-soft:#ed9fc430!important}html[data-style-accent=ice]{--power-accent:#84c6e5!important;--power-start:#c2e9fc!important;--neon:#84c6e5!important;--neon-soft:#84c6e530!important}html[data-style-accent=mint]{--power-accent:#86c8b1!important;--power-start:#c0e8d7!important;--neon:#86c8b1!important;--neon-soft:#86c8b130!important}#workspace-wallpaper{overflow:hidden;isolation:isolate;transition:opacity .3s ease;background-repeat:repeat;mask-image:radial-gradient(ellipse at 50% 45%,#0003 0%,#000 95%)}html[data-wallpaper=custom] #workspace-wallpaper,html[data-wallpaper=model] #workspace-wallpaper,html[data-wallpaper=aurora] #workspace-wallpaper,html[data-wallpaper=ocean] #workspace-wallpaper{mask-image:none;background-repeat:no-repeat}#workspace-wallpaper::before{content:'';position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(ellipse at 25% 40%,#73c8bfa0,transparent 45%),radial-gradient(ellipse at 75% 70%,#997cc4b0,transparent 50%);opacity:0}#workspace-wallpaper[data-motion=aurora]::before{opacity:.8;filter:blur(28px);animation:ambient-drift 22s ease-in-out infinite alternate}#workspace-wallpaper[data-motion=stars]::before{inset:0;background:radial-gradient(circle at 23% 27%,#aec9ff 0 1px,transparent 2px),radial-gradient(circle at 75% 63%,#aec9ff 0 1px,transparent 2px),radial-gradient(circle at 63% 12%,#aec9ff 0 2px,transparent 3px);background-size:230px 210px,310px 270px,410px 390px;opacity:.8;animation:starlight-breathe 7s ease-in-out infinite alternate}#workspace-wallpaper[data-motion=ocean]::before{background:repeating-radial-gradient(ellipse at 20% 100%,transparent 0 60px,#74b6cf44 61px 62px,transparent 63px 100px);opacity:.6;animation:ambient-tide 26s ease-in-out infinite alternate}#workspace-wallpaper[data-motion=model]::before{background:linear-gradient(color-mix(in srgb,var(--neon) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--neon) 35%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent 15%,#000);opacity:.5;animation:model-field 24s linear infinite}#workspace-wallpaper[data-model='5'][data-motion=model]::before{background-size:40px 40px;animation-duration:14s;opacity:.8}#workspace-wallpaper[data-model=claude][data-motion=model]{background-image:radial-gradient(ellipse at 80% 20%,#d89c7766,transparent 65%)!important}#workspace-wallpaper[data-paused=true]::before{animation-play-state:paused}.wallpaper-option{position:relative;overflow:hidden}.wallpaper-swatch{height:88px;border:1px solid var(--line);opacity:.85;background-position:center}.wallpaper-option small{display:block;font-size:9px;font-weight:400;color:var(--muted);padding:0 4px 5px}.wallpaper-option b{font-weight:550}.wallpaper-swatch[data-motion=aurora],.wallpaper-swatch[data-motion=ocean],.wallpaper-swatch[data-motion=model]{background-size:cover!important}.wallpaper-swatch[data-motion=stars]{background-color:#111a29}.wallpaper-swatch[data-motion=model]{background-color:color-mix(in srgb,var(--neon) 8%,var(--bg))}.workspace-style-form{display:flex;align-items:center;gap:8px;max-width:390px;margin:6px auto 0;padding:4px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);position:relative;min-width:0}.workspace-style-form>label{color:var(--muted);font-size:9px;white-space:nowrap}.workspace-style-form>input{font-family:inherit;font-size:10px;line-height:1.5;flex:1;min-width:0;width:150px;border:0;padding:4px;background:transparent;color:var(--ink);outline-offset:0}.workspace-style-form>button{min-width:28px;min-height:28px;flex:none;padding:4px;background:transparent;color:var(--muted);border:0;border-radius:6px;font-size:11px}.workspace-style-form>button:hover{background:var(--soft);color:var(--ink)}.workspace-style-form>button:focus-visible,.workspace-style-form>input:focus-visible{outline:2px solid var(--power-accent);outline-offset:2px}#workspace-style-label{display:none}#workspace-style-status{position:absolute;left:0;right:0;bottom:calc(100% + 8px);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:11px;box-shadow:0 4px 20px #0002;pointer-events:none}#workspace-style-status:empty{display:none}.style-celebration{position:fixed;inset:0;z-index:1100;pointer-events:none;overflow:hidden}.style-celebration>span{position:absolute;left:var(--x);top:var(--y);width:clamp(48px,6vw,90px);transform:translate(-50%,-50%);animation:rose-arrival 2.5s ease both;animation-delay:calc(var(--i)*30ms)}.style-celebration svg{width:100%;height:auto;filter:drop-shadow(0 0 10px #ed9fc428)}@keyframes ambient-drift{from{transform:translate(-4%,-3%) rotate(-8deg)}to{transform:translate(5%,4%) rotate(8deg)}}@keyframes starlight-breathe{from{opacity:.25}to{opacity:.9}}@keyframes ambient-tide{from{transform:translate(-20px,0) rotate(-3deg)}to{transform:translate(20px,-30px) rotate(3deg)}}@keyframes model-field{to{transform:translate(64px,64px)}}@keyframes rose-arrival{0%{opacity:0;translate:0 16px;scale:.7}20%,65%{opacity:.9;translate:0 0;scale:1}100%{opacity:0;translate:0 -16px;scale:1.04}}@media(max-width:700px){.workspace-style-form{margin-top:4px;max-width:320px;gap:4px;padding:2px 6px}.workspace-style-form>label{font-size:8px}.workspace-style-form>input{font-size:10px}.workspace-style-form>button{min-width:32px;min-height:32px}.wallpaper-swatch{height:70px}.style-celebration>span{width:50px}}@media(prefers-reduced-motion:reduce){#workspace-wallpaper::before,.style-celebration>span{animation:none!important}.style-celebration>span{opacity:.65}#workspace-wallpaper{transition:none}}html.clyde-reduce-motion #workspace-wallpaper::before,html.clyde-reduce-motion .style-celebration>span{animation:none!important}

/* Style codes live quietly inside Appearance, away from the chat composer. */
#settings-section-body .workspace-style-form{max-width:none;margin:24px 0 4px;padding:8px 12px;gap:12px;background:var(--surface)}#settings-section-body .workspace-style-form>label{font-size:11px}#settings-section-body .workspace-style-form>input{font-size:12px;width:auto;min-height:32px}#settings-section-body .workspace-style-form>button{min-width:36px;min-height:36px;font-size:17px}#settings-section-body #workspace-style-status{position:static;flex-basis:100%;border:0;box-shadow:none;padding:4px 0;background:transparent;font-size:11px}#settings-section-body .workspace-style-form{flex-wrap:wrap}#settings-section-body .workspace-style-form>input{flex-basis:100px}#account-appearance{display:flex;align-items:center;gap:8px}#account-appearance:before{content:'';width:12px;height:12px;border-radius:50%;border:1px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%);opacity:.75}

/* The composer follows the selected LED palette instead of fixed black fills. */
html[data-power][data-style-accent]{--composer-base:#fafafa;--composer-fill:color-mix(in srgb,var(--neon) 10%,var(--composer-base))}html[data-power][data-style-accent][data-theme=dark]{--composer-base:#171717;--composer-fill:color-mix(in srgb,var(--neon) 16%,var(--composer-base))}html[data-power][data-style-accent] .chat-panel>.composer-wrap{background:transparent!important}html[data-power][data-style-accent] .chat-panel .composer{background:var(--composer-fill)!important;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}html[data-power][data-style-accent]:not(.power-color-sweep) .chat-panel .composer{border-color:color-mix(in srgb,var(--neon) 80%,var(--line))!important}html[data-power][data-style-accent]:not(.power-color-sweep) .chat-panel .composer:focus-within{border-color:var(--neon)!important}html[data-power][data-style-accent] .chat-panel .composer textarea{background:transparent!important;color:var(--ink)}
.home-footer #home-browse-models{border:0;border-radius:8px;padding:8px 10px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.home-footer #home-browse-models:hover{background:var(--soft);color:var(--ink)}.anything-create-shortcuts{margin-top:20px;flex-wrap:wrap}.anything-create-shortcuts button{font-size:11px;min-height:36px}#public-model-list{max-height:50dvh;overflow:auto}#public-model-list>div{gap:16px}#public-model-list b{font-size:10px;text-align:right}#server-usage-history>div{gap:16px}#server-usage-history small{overflow-wrap:anywhere}
.marketplace-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:24px 0}.marketplace-controls .local-note{grid-column:1/-1;margin:0}.marketplace-controls select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.marketplace-section{margin:32px 0}.plugin-connection-status{display:block;color:var(--muted);font-size:11px;margin:12px 0}.plugin-card[hidden]{display:none!important}@media(max-width:700px){.marketplace-controls{grid-template-columns:1fr}.marketplace-controls .local-note{grid-column:1}.marketplace-controls select{min-height:44px}}

/* Plan comparison and cost-based usage, in Clyde's existing visual system. */
.billing-page{max-width:1450px;margin:0 auto;padding:24px 0 48px}.billing-heading{display:block!important;height:auto!important;padding:24px 0!important;background:transparent!important;border:0!important}.billing-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;line-height:1.15;margin:16px 0}.billing-heading>p{font-size:14px;color:var(--muted);line-height:1.7}.billing-current{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--line);border-radius:14px;padding:20px;margin:12px 0 24px;background:var(--surface)}.billing-current b{font-size:14px;font-weight:600}.billing-current p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0;max-width:750px}.billing-preview-badge{white-space:nowrap;font-size:10px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted)}.billing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:32px 0 48px}.billing-plan{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.billing-plan.billing-featured{border-color:var(--power-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--power-accent) 20%,transparent)}.billing-plan>small{font-size:8px;letter-spacing:1.2px;color:var(--muted);min-height:12px}.billing-plan h2{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:20px 0 12px}.billing-price{font-size:29px;letter-spacing:-1.1px;font-weight:600;white-space:nowrap}.billing-price span{font-size:10px;color:var(--muted);letter-spacing:0;font-weight:400}.billing-plan>p{font-size:11px;color:var(--power-accent);line-height:1.7;margin:16px 0 8px}.billing-plan ul{padding:0;list-style:none;margin:12px 0 24px;flex:1}.billing-plan li{font-size:11px;line-height:1.8;color:var(--muted);padding:5px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 40%,transparent)}.billing-plan>button{width:100%;min-height:40px;font-size:12px;margin-top:auto}.billing-comparison h2{font-size:26px;letter-spacing:-.8px}.billing-comparison .comparison{min-width:1050px}.billing-comparison td{font-size:11px;max-width:180px}.billing-comparison .comparison th:first-child{position:sticky;left:0;background:var(--surface);z-index:1;min-width:170px}.billing-explanation{padding:20px 0;border-top:1px solid var(--line);font-size:13px}.billing-explanation summary{min-height:36px;cursor:pointer;font-weight:500}.billing-explanation p{color:var(--muted);font-size:12px;line-height:1.9;max-width:1000px}.billing-consent{display:flex;gap:12px;font-size:12px;line-height:1.8;padding:20px 0;align-items:flex-start}.billing-consent input{margin-top:5px;flex:none;width:18px;height:18px;accent-color:var(--power-accent)}.billing-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.billing-usage-grid article{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px;min-width:0}.billing-usage-grid small{font-size:10px;color:var(--muted)}.billing-usage-grid b{display:block;margin:12px 0;font-size:19px;font-weight:600}.billing-usage-grid b>span{font-size:12px;color:var(--muted);font-weight:400}.billing-usage-grid progress{width:100%;height:5px;appearance:none;border:0;background:var(--line);border-radius:8px;overflow:hidden}.billing-usage-grid progress::-webkit-progress-bar{background:var(--line)}.billing-usage-grid progress::-webkit-progress-value{background:var(--power-accent);border-radius:8px}.billing-usage-grid progress::-moz-progress-bar{background:var(--power-accent)}.billing-usage-grid p{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0 0}.billing-page button:focus-visible,.billing-page summary:focus-visible{outline:2px solid var(--power-accent);outline-offset:3px}.billing-alert{padding:16px;border:1px solid #b97757;border-radius:12px;color:var(--ink);font-size:12px;line-height:1.7;margin:16px 0}@media(max-width:700px){.billing-page{padding-top:8px}.billing-heading{padding:16px 0!important}.billing-heading h1{font-size:32px}.billing-current{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.billing-plan{padding:16px 12px}.billing-plan h2{font-size:20px}.billing-price{font-size:23px}.billing-price span{display:block;margin-top:6px}.billing-plan>small{font-size:7px;letter-spacing:.6px}.billing-plan li{font-size:10px}.billing-plan>button{font-size:10px;min-height:44px}.billing-usage-grid{grid-template-columns:1fr}.billing-comparison .comparison th:first-child{min-width:130px;font-size:11px}.billing-current>div{min-width:0}}@media(max-width:350px){.billing-plan-grid{grid-template-columns:1fr}}

/* Holographic activity uses small transform/opacity layers; status changes are real events. */
.clyde-activity .activity-orb{position:relative;display:block;flex:none;width:32px;height:32px;border:0!important;background:none!important;animation:none!important;perspective:100px;overflow:visible}.holo-orb-core{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--neon) 30%,#fff),var(--neon) 38%,color-mix(in srgb,var(--neon) 25%,var(--surface)) 80%);box-shadow:0 0 10px var(--neon-soft),inset -2px -2px 4px #0002}.holo-orb-ring{position:absolute;inset:2px;border:1px solid color-mix(in srgb,var(--neon) 65%,transparent);border-radius:50%;transform:rotateX(62deg) rotateZ(-25deg)}.holo-orb-particles{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 12% 40%,var(--neon) 0 1px,transparent 1.8px),radial-gradient(circle at 80% 15%,var(--neon) 0 1.2px,transparent 2px),radial-gradient(circle at 75% 82%,var(--neon) 0 1px,transparent 1.8px)}.clyde-activity[data-status=running] .holo-orb-core{animation:holo-orb-hover 3.4s ease-in-out infinite}.clyde-activity[data-status=running] .holo-orb-ring{animation:holo-orb-orbit 5s linear infinite}.clyde-activity[data-status=running] .holo-orb-particles{animation:spin 11s linear infinite}.clyde-activity[data-status=complete] .activity-time,.clyde-activity[data-status=stopped] .activity-time,.clyde-activity[data-status=error] .activity-time{display:none}.clyde-activity[data-status=complete] .activity-orb{opacity:.65}.clyde-activity>summary{gap:10px}.clyde-activity[data-status=running]{background:color-mix(in srgb,var(--surface) 95%,transparent)!important;border:1px solid color-mix(in srgb,var(--neon) 14%,var(--line))!important;padding:10px 14px!important;border-radius:14px!important}.composer-holo-led{position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:2;opacity:0;transition:opacity .45s ease;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.composer-holo-led::before{content:'';position:absolute;width:150%;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;background:conic-gradient(transparent 0deg,transparent 190deg,color-mix(in srgb,var(--neon) 40%,transparent) 225deg,var(--neon) 260deg,transparent 300deg);animation:spin 8s linear infinite;animation-play-state:paused}html[data-ai-activity=thinking] .composer-holo-led,html[data-ai-activity=analyzing] .composer-holo-led,html[data-ai-activity=saving] .composer-holo-led{opacity:.5;animation:holo-border-breathe 3s ease-in-out infinite}html[data-ai-activity=generating] .composer-holo-led{opacity:.8}html[data-ai-activity=thinking] .composer-holo-led::before,html[data-ai-activity=analyzing] .composer-holo-led::before,html[data-ai-activity=saving] .composer-holo-led::before,html[data-ai-activity=generating] .composer-holo-led::before{animation-play-state:running}html[data-ai-activity=generating] .composer-holo-led::before{animation-duration:3.6s}html[data-ai-activity=settling] .composer-holo-led{opacity:.15}.provider-card{transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.provider-card:hover:not(:disabled){transform:translateY(-1px)}.message.new-message{animation:message-enter .2s ease both}@keyframes holo-orb-hover{50%{transform:translateY(-1.5px) scale(1.04)}}@keyframes holo-orb-orbit{from{transform:rotateX(62deg) rotateZ(-25deg)}to{transform:rotateX(62deg) rotateZ(335deg)}}@keyframes holo-border-breathe{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.clyde-activity .holo-orb-core,.clyde-activity .holo-orb-ring,.clyde-activity .holo-orb-particles,.composer-holo-led,.composer-holo-led::before,.message.new-message{animation:none!important}.composer-holo-led,.provider-card{transition:none!important}.composer-holo-led::before{background:var(--neon)}}html.clyde-reduce-motion .composer-holo-led::before{background:var(--neon)}

/* Compact status requested for Clyde: text and spinner, with real tool details on demand. */
.clyde-activity>summary{min-height:24px;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}
.clyde-activity[data-status=running] .activity-label{background:none;color:var(--ink);-webkit-text-fill-color:currentColor;animation:none}
.activity-spinner{display:inline-block;width:12px;height:12px;flex:none;border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);border-top-color:var(--ink);border-radius:50%;animation:spin .9s linear infinite}
@media(prefers-reduced-motion:reduce){.activity-spinner{animation:none}}
.kofi-membership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.kofi-membership-grid article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.kofi-membership-grid h2,.kofi-membership-grid p{margin:0}.kofi-membership-grid button{margin-top:auto}.kofi-reference{display:block;padding:16px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;user-select:all;font:14px monospace}.kofi-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0}.kofi-row input,.kofi-row select{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);max-width:100%}.kofi-status{padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);line-height:1.6}.kofi-team-member{padding:16px 0;border-bottom:1px solid var(--line)}.kofi-team-member small{display:block;color:var(--muted)}

.kofi-awaiting{max-width:680px!important;margin:64px auto!important}.kofi-awaiting>img{display:block;margin-bottom:24px;object-fit:contain}.kofi-awaiting>.eyebrow{display:block;margin-bottom:16px}.kofi-awaiting>h1{font-size:clamp(26px,4vw,40px);letter-spacing:-1px}.kofi-awaiting>p{line-height:1.7;margin:24px 0;color:var(--muted)}.kofi-awaiting>a.primary{display:inline-flex;padding:12px 20px;text-decoration:none;border-radius:12px}.kofi-awaiting .kofi-status{color:var(--ink)}@media(max-width:600px){.kofi-awaiting{margin:24px auto!important;padding:16px!important}}

/* One membership experience, with a separate Teams collection. */
.plans-page{max-width:1240px;padding:16px 16px 56px}.plans-page .billing-heading{text-align:center;padding:32px 0 24px!important}.plans-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:9px;letter-spacing:1.6px}.plans-brand img{object-fit:contain}.plans-page .billing-heading h1{font-size:clamp(32px,4.5vw,52px);font-weight:550;letter-spacing:-1.7px;margin:24px 0 16px}.plans-navigation{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 8px}.plans-navigation a,.plans-navigation button{padding:10px 16px;min-height:40px;border:1px solid var(--line);border-radius:999px;font-size:12px;text-decoration:none;color:var(--ink);background:var(--surface);transition:background .18s,border-color .18s}.plans-navigation a:hover,.plans-navigation button:hover{background:var(--soft);border-color:var(--power-accent)}.plans-page .billing-current{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 0}.plans-page .billing-current p{max-width:640px}.plans-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:32px 0 24px;scroll-margin-top:24px}.plans-section-heading h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.8px;font-weight:550;margin:12px 0 0}.plans-section-heading .eyebrow{font-size:9px;color:var(--muted);letter-spacing:1.2px}.plans-section-heading>p{font-size:12px;color:var(--muted);line-height:1.7;max-width:270px;margin:0}.plans-page .billing-plan-grid{gap:16px;margin:0 0 24px;grid-template-columns:repeat(3,minmax(0,1fr))}.plans-page .plan-card{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:24px;background:var(--surface);border-color:var(--line);animation:plan-arrive .35s both;animation-delay:calc(var(--plan-order,0)*35ms);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.plan-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--plan-color,var(--power-accent)) 9%,transparent),transparent 65%);opacity:0;transition:opacity .2s}.plan-card::after{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--plan-color,var(--power-accent)),transparent);transform:scaleX(.25);opacity:0;transition:transform .3s ease,opacity .2s}.plans-page .plan-card:hover,.plans-page .plan-card:focus-within{transform:translateY(-4px);border-color:color-mix(in srgb,var(--plan-color,var(--power-accent)) 55%,var(--line));box-shadow:0 12px 28px #00000012}.plan-card:hover::before,.plan-card:focus-within::before{opacity:1}.plan-card:hover::after,.plan-card:focus-within::after{transform:scaleX(1);opacity:.85}.plans-page .billing-featured{border-color:color-mix(in srgb,var(--power-accent) 60%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--power-accent) 8%,transparent)}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.plan-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--plan-color);transition:transform .2s}.plan-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.plan-card:hover .plan-mark{transform:translateY(-2px)}.plan-tag{font-size:9px;line-height:1.5;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px;white-space:nowrap}.plans-page .plan-card h2{font-size:25px;margin:24px 0 8px;letter-spacing:-.8px}.plans-page .plan-card .plan-description{font-size:12px;color:var(--muted);line-height:1.7;min-height:40px;margin:0 0 24px}.plans-page .billing-price{font-size:36px;letter-spacing:-1.2px}.plans-page .billing-price span{font-size:11px;display:inline}.plan-provider-name{font-size:9px!important;letter-spacing:0!important;color:var(--muted);margin-top:8px}.plan-credit-line{display:flex;flex-direction:column;gap:4px;margin:24px 0 4px;padding-top:20px;border-top:1px solid var(--line)}.plan-credit-line b{font-size:17px;font-weight:550;color:var(--ink)}.plan-credit-line span{font-size:10px;color:var(--muted);line-height:1.6}.plans-page .plan-card ul{margin:12px 0 24px}.plans-page .plan-card li{font-size:11px;border:0;padding:5px 0;line-height:1.7}.plans-page .plan-card li::before{content:'✓';font-size:10px;color:var(--plan-color,var(--muted));margin-right:8px}.plans-page .plan-card>button{border-radius:10px;min-height:44px;font-weight:500;transition:background .18s,border-color .18s,transform .15s}.plans-page .plan-card>button:active{transform:scale(.98)}.plans-page .plan-free>small{min-height:32px;display:flex;align-items:center;font-size:9px}.plans-page .plan-free>p{min-height:40px;margin:16px 0 8px}.plans-team-section{margin:40px 0;border-top:1px solid var(--line);padding-top:8px;scroll-margin-top:24px}.plans-page .team-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.team-plan-grid .plan-card{padding:20px}.team-plan-grid .billing-price{font-size:28px}.team-plan-grid .billing-price span{font-size:10px}.team-plan-grid .plan-card h2{font-size:23px}.team-plan-grid .plan-card .plan-description{min-height:60px}.plans-footnote{font-size:11px;line-height:1.8;color:var(--muted);max-width:780px}.plans-page .billing-comparison .comparison{min-width:820px}.plans-page a:focus-visible{outline:2px solid var(--power-accent);outline-offset:4px}@keyframes plan-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.plans-page .team-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.plans-page .billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.plans-section-heading>p{max-width:none}.plans-page .plan-card{padding:20px}}@media(max-width:520px){.plans-page{padding:8px 0 40px}.plans-page .billing-plan-grid{grid-template-columns:minmax(0,1fr)}.plans-page .billing-heading{padding:16px 8px 24px!important}.plans-navigation a,.plans-navigation button{padding:9px 12px;font-size:11px}.plans-page .plan-card{padding:24px}.plans-page .plan-card .plan-description{min-height:0;margin-bottom:20px}.plans-page .billing-price{font-size:34px}}@media(prefers-reduced-motion:reduce){.plans-page .plan-card,.plans-page .plan-card::before,.plans-page .plan-card::after,.plans-page .plan-mark,.plans-page .plan-card>button,.plans-navigation a,.plans-navigation button{animation:none!important;transition:none!important;transform:none!important}}html.clyde-reduce-motion .plans-page .plan-card,html.clyde-reduce-motion .plans-page .plan-card::before,html.clyde-reduce-motion .plans-page .plan-card::after,html.clyde-reduce-motion .plans-page .plan-mark,html.clyde-reduce-motion .plans-page .plan-card>button{animation:none!important;transition:none!important;transform:none!important}

/* Local preview polish: shared theme tokens preserve wallpapers and power colors. */
:root{--interaction-time:180ms;--focus-ring:color-mix(in srgb,var(--power-accent) 76%,var(--ink))}
:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
:where(.sidebar,.conversation,.code-files,.code-tabs,.code-chat,.code-editor pre,.code-editor textarea,.command-results){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 22%,transparent) transparent;overscroll-behavior:contain}
:where(.sidebar,.conversation,.code-files,.code-tabs,.code-chat,.command-results)::-webkit-scrollbar{width:6px;height:6px}
:where(.sidebar,.conversation,.code-files,.code-tabs,.code-chat,.command-results)::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 22%,transparent);border-radius:8px}
.sidebar :is(nav button,.new,.sidebar-search,.session-row,.profile){transition:background-color var(--interaction-time),color var(--interaction-time),border-color var(--interaction-time)}
.sidebar nav button{border-radius:10px;min-height:40px;gap:12px}
.sidebar nav button svg{flex-shrink:0}
.sidebar nav button.active{box-shadow:inset 2px 0 var(--power-accent)}
.sidebar :is(.brand img,.avatar img){object-fit:contain;flex-shrink:0}
.sidebar .session-row{border-radius:10px}
.chat-panel .conversation{scrollbar-gutter:stable;overflow-anchor:none}
.message{line-height:1.7;overflow-wrap:anywhere}
.message-content{min-width:0}
.message-content h3{margin:24px 0 10px;line-height:1.35;letter-spacing:-.02em}
.message-content .md-bullet{gap:10px;margin:5px 0}
.message-content .md-line>code{padding:2px 5px;border-radius:5px;background:var(--soft);font-size:.88em}
.message-actions{gap:4px;flex-wrap:wrap}
.message-actions button{border-radius:7px;min-height:30px;transition:background-color var(--interaction-time),color var(--interaction-time)}
.message-actions button:hover{background:var(--soft);color:var(--ink)}
.code-block{margin:16px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.code-block>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--soft);font:12px/1.4 system-ui}
.code-block pre{margin:0;padding:16px;overflow:auto;tab-size:2;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.code-block .copy-code{min-height:32px;padding:4px 8px;border-radius:6px;color:var(--ink)}
.code-block .copy-code:hover{background:var(--surface)}
.syntax-keyword{color:#7d3eb0}.syntax-string{color:#277246}.syntax-number{color:#9a530d}.syntax-comment{color:#656b75;font-style:italic}
html[data-theme=dark] .syntax-keyword{color:#c6a2f3}html[data-theme=dark] .syntax-string{color:#9acb9f}html[data-theme=dark] .syntax-number{color:#e9b57e}html[data-theme=dark] .syntax-comment{color:#a1a7b1}
#code-highlight .syntax-keyword{color:#c6a2f3}#code-highlight .syntax-string{color:#9acb9f}#code-highlight .syntax-number{color:#e9b57e}#code-highlight .syntax-comment{color:#a1a7b1}
.composer:focus-within{box-shadow:0 0 0 1px color-mix(in srgb,var(--power-accent) 35%,transparent),0 8px 24px #0000000a}
.composer textarea{line-height:1.55;scrollbar-width:thin}
.composer-holo-led{--neon:var(--power-accent);transition:opacity 220ms ease}
.clyde-activity>summary{min-height:36px;gap:8px;align-items:center}
.clyde-activity .activity-orb{width:26px;height:26px}
.clyde-activity[data-status=running]{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0!important}
.clyde-activity ol{max-height:260px;overflow:auto;border-left:1px solid var(--line);margin-left:12px;padding-left:20px}
.command-results{max-height:min(55dvh,480px);overflow:auto;scroll-padding:8px}
.command-results>button{min-height:52px;border-radius:10px;padding:12px;transition:background-color var(--interaction-time)}
.command-results>button:focus-visible{outline-offset:-2px;background:var(--soft)}
.code-app{border-radius:16px;isolation:isolate}
.code-top{gap:8px;padding:12px;min-width:0}
.code-top input{min-width:100px;font-weight:600}
.code-top button,.code-preview header button{min-height:36px;border-radius:8px}
.code-files{padding:12px 8px}
.code-files button{min-height:34px;border-radius:7px;text-align:left;overflow:hidden;text-overflow:ellipsis}
.code-files button.active{background:var(--soft);box-shadow:inset 2px 0 var(--power-accent)}
.code-tabs{min-height:40px;align-items:stretch;overflow:auto;gap:2px}
.code-tabs button{border-radius:7px 7px 0 0;padding:10px 14px;white-space:nowrap}
.code-tabs button.active{box-shadow:inset 0 -2px var(--power-accent)}
.code-edit{min-width:0}
.code-editor :is(pre,textarea){tab-size:2;font-variant-ligatures:none}
#code-resize{touch-action:none;position:relative}
#code-resize:after{content:'';position:absolute;inset:40% 1px;background:var(--line);border-radius:4px;transition:background-color var(--interaction-time)}
#code-resize:hover:after,#code-resize:focus-visible:after{background:var(--power-accent)}
.code-agent textarea{border-radius:12px;padding:12px;line-height:1.55}
.code-preview-stage{background:var(--soft)}
.code-preview-stage iframe{border-radius:8px}
.code-chat article{padding:12px 0;line-height:1.6}
@media(hover:hover){:is(.secondary,.small-button,.command-results>button):hover{background:color-mix(in srgb,var(--surface) 90%,var(--ink))}:is(.primary,.secondary,.small-button):active{transform:translateY(1px)}}
@media(max-width:700px){.code-top{flex-wrap:wrap}.code-top #code-title{flex:1}.code-top #code-save-status{width:100%;order:2}.code-top button{min-height:40px}.code-block pre{font-size:12px;padding:12px}.composer textarea{font-size:16px}.message-actions button{min-height:36px}.code-files button{min-height:40px}.command-results{max-height:50dvh}}
@media(prefers-reduced-motion:reduce){.sidebar *,.composer-holo-led,.composer-holo-led:before,.clyde-activity .activity-orb *,.message.new-message{animation:none!important;transition:none!important}}
html.clyde-reduce-motion :is(.composer-holo-led,.composer-holo-led:before,.activity-orb *,.message.new-message){animation:none!important;transition:none!important}
/* Release 1 accessibility quick wins: skip link, and visible keyboard focus where component styles removed outlines.
   Text fields whose container already shows a focus state (.composer, .sheet-grid td, .composer-strength-rail) keep it. */
.skip-link{position:fixed;left:12px;top:-80px;z-index:1000;padding:10px 16px;border-radius:10px;background:var(--ink);color:var(--bg);font-weight:600;text-decoration:none;box-shadow:0 6px 20px #0003;transition:top .15s}
.skip-link:focus,.skip-link:focus-visible{top:12px;outline:3px solid color-mix(in srgb,var(--focus) 70%,transparent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}
#main-content:focus,#account-gate:focus{outline:none}
.search-field input:focus-visible{outline:none}
.search-field:focus-within{border-color:color-mix(in srgb,var(--focus) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 30%,transparent)}
.context-menu button:focus-visible{outline:2px solid color-mix(in srgb,var(--focus) 70%,transparent);outline-offset:-2px}
#document-editor:focus{outline:none}
#document-editor:focus-visible{outline:2px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:4px}
.tools-search input:focus-visible,.artifact-search input:focus-visible,.document-topbar #document-name:focus-visible,.creative-topbar #creative-name:focus-visible,.sheet-formula input:focus-visible,.slide-canvas textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:2px;border-radius:6px}
#study-draft:focus-visible{outline:2px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:-2px}