/* Neutral surfaces are independent of the user's accent colour. */
:root{--bg:#ffffff;--panel:#f7f7f8;--surface:#ffffff;--surface-soft:#f5f5f6;--ink:#202124;--muted:#62656c;--faint:#777b84;--line:#e4e5e8;--on-accent:#ffffff;--shadow:0 5px 20px #00000004;--code-bg:#18191c;--code-ink:#e9eaed;--code-line:#34363c}
:root[data-theme=dark]{--bg:#171717;--panel:#111111;--surface:#202020;--surface-soft:#262626;--ink:#ededed;--muted:#b1b1b8;--faint:#94949d;--line:#373739;--shadow:0 5px 20px #00000015;--code-bg:#101010;--code-ink:#e8e8ed;--code-line:#38383d}
.main{background:var(--bg)}.main:before{display:none}.sidebar{border-right:1px solid var(--line);padding-top:24px;overflow-y:auto}.brand{font-size:26px;letter-spacing:-.8px}.brand img{border-radius:11px}.brand-caption{letter-spacing:1.3px}.new-chat{margin:26px 0 24px;box-shadow:none;border-radius:10px}.nav-item{min-height:42px;font-size:13px;padding-block:11px}.nav-item.active{background:var(--accent-soft)}.topbar{min-height:70px}.welcome{max-width:880px;padding-top:28px}.welcome-meta{margin-bottom:20px}.hero-mark{height:72px;width:72px;margin-bottom:22px}.hero-mark img{transform:none;border-radius:19px;box-shadow:none;width:60px;height:60px}.orbit,.hero-spark{display:none}.welcome h1{font-size:clamp(32px,3.1vw,45px);letter-spacing:-1.6px;font-weight:450}.welcome h1 strong{letter-spacing:-1.7px}.welcome-copy{font-size:13px;letter-spacing:.15px;margin-bottom:30px}.suggestions{gap:12px}.suggestions>button{min-height:84px;border-radius:14px;box-shadow:none;background:var(--surface);padding:18px}.suggestions>button:hover{background:var(--surface-soft);transform:translateY(-1px)}.suggestions>button>span:not(.suggestion-icon):not(.card-arrow){font-size:13px}.suggestions small{font-size:11px;color:var(--muted)}.voice-entry{background:var(--bg);border-color:var(--line)}.composer{background:var(--surface);box-shadow:0 4px 24px #00000006}.composer-wrap{background:var(--bg)}.user-bubble{background:var(--surface-soft);color:var(--ink)}.panel-dialog::backdrop{background:#00000066}.fallback-backdrop,.sidebar-scrim.open{background:#00000066}.toast{box-shadow:0 8px 30px #00000026}.local-note{padding-bottom:14px}.sidebar-footer{padding-block:15px}.recent-section{min-height:45px;flex:1}.brand,.new-chat,.nav-label,.sidebar nav,.sidebar-bottom{flex-shrink:0}
@media(min-width:1500px){.welcome{padding-top:38px}.suggestions>button{min-height:90px}}
@media(max-width:760px){.sidebar{padding-top:22px}.welcome{padding:15px 20px 24px}.welcome-meta{margin-bottom:18px}.hero-mark{width:56px;height:56px;margin-bottom:17px}.hero-mark img{width:48px;height:48px;border-radius:15px}.welcome h1{font-size:32px}.welcome-copy{font-size:12px;margin-bottom:24px}.suggestions>button{min-height:104px;padding:14px 12px}.suggestions>button>span:not(.suggestion-icon):not(.card-arrow){font-size:12px}.suggestions small{font-size:10px}.topbar{min-height:64px}.composer-wrap{padding-top:9px}.voice-entry{padding:11px 9px}.sidebar .recent-section{flex:none;max-height:170px;min-height:45px}.sidebar-bottom{margin-top:auto}}
@media(max-width:360px){.welcome h1{font-size:28px}.welcome{padding-inline:16px}.suggestions>button>span:not(.suggestion-icon):not(.card-arrow){font-size:11px}.suggestions small{font-size:9px}}

#tasksDialog form{display:grid;gap:12px}#tasksDialog label{margin:0}#tasksDialog .memory-item{flex-wrap:wrap}#tasksDialog .memory-content{min-width:150px}#tasksDialog .secondary-button{padding:8px 10px}#tasksDialog #taskStatus{font-size:12px;color:var(--muted)}