:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;color:#dce9f0;background:#07131f;--muted:#91a8b8;--cyan:#81e5df;--line:#20394a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 18%,#12303a55,transparent 55%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#132736;border-radius:10px;padding:12px 16px;min-height:44px}button:hover,button.active{border-color:var(--cyan);color:var(--cyan)}button.primary{background:var(--cyan);color:#092228;border:0;font-weight:700}button.danger{color:#ffa7a7}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}input,select,textarea{width:100%;background:#091824;color:#e6f1f8;border:1px solid #345264;border-radius:8px;padding:12px;min-height:44px}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--cyan)}label{display:grid;gap:7px;color:#bdceda;font-size:13px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 5vw;border-bottom:1px solid var(--line)}.brand{font-size:22px;letter-spacing:7px;font-weight:600}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--cyan);text-transform:uppercase}.muted,small{color:var(--muted)}nav{display:flex;gap:8px;flex-wrap:wrap}main{max-width:1440px;margin:auto;padding:36px 5vw 80px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}h1{font-size:30px;font-weight:500;margin:10px 0}h2{font-size:17px;font-weight:500;margin:0 0 20px}.dashboard{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;align-items:start}.panel{border:1px solid var(--line);background:#0d1d2bba;border-radius:18px;padding:24px}.core-wrap{text-align:center;padding:20px 0}/* The core keeps its existing button geometry and click target. */
.core{position:relative;isolation:isolate;width:240px;height:240px;margin:28px auto;padding:0;background:radial-gradient(circle,#284a5720 0%,#07131f45 65%,transparent 72%);border:0;border-radius:50%;box-shadow:0 12px 32px #02081066,0 0 50px #41c8d00b;display:grid;place-items:center}
.core:hover{border:0;color:inherit}
.core::before{content:"";position:absolute;inset:12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#96fff02a 0%,#45c5d011 40%,transparent 70%);animation:core-breathe 7s ease-in-out infinite alternate;pointer-events:none}
.core::after{content:"";position:absolute;z-index:-2;left:-22%;right:-22%;top:81%;height:35%;background:radial-gradient(ellipse,#53c7dc12,transparent 68%);pointer-events:none}
.core-hud{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}
.hud-boundary{stroke:#80cdd5;stroke-opacity:.22;stroke-width:.6}
.hud-ticks{stroke:#87d8df;stroke-opacity:.32;stroke-width:.65}
.hud-ticks .major{stroke-opacity:.65;stroke-width:1}
.hud-orbit{transform-origin:50% 50%;transform-box:view-box;animation:orbit 52s linear infinite}
.hud-outer{stroke:#84e5df;stroke-opacity:.72;stroke-width:1.8}
.hud-inner{stroke:#86d7e6;stroke-opacity:.57;stroke-width:1.1;animation-duration:36s;animation-direction:reverse}
.hud-trace{stroke-opacity:.26;stroke-width:.7}
.hud-guide{stroke:#6da9bb;stroke-opacity:.27;stroke-width:.55}
.hud-center{stroke:#7dbec7;stroke-opacity:.24;stroke-width:.7}
.hud-reticle{stroke:#b0fff1;stroke-opacity:.45;stroke-width:1}
.core span{position:relative;z-index:1;text-shadow:0 0 18px #87f5ec28}
@keyframes core-breathe{from{opacity:.4}to{opacity:.85}}
.core span{font-size:16px;letter-spacing:4px;color:#b5f7ed}.core small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.reduced *{animation:none!important;transition:none!important}.row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row .body{flex:1;min-width:0}.row strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.row small{display:block;font-size:11px;margin-top:7px;line-height:1.6}.row .edit{border:0;padding:10px;background:transparent;color:var(--muted)}.done{text-decoration:line-through;color:var(--muted)}.tag{display:inline-block;color:var(--cyan);font-size:10px;border:1px solid #34575c;border-radius:4px;padding:3px 6px}.empty{padding:28px 0;color:var(--muted);font-size:14px;line-height:1.8}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.tools input,.tools select{width:auto;max-width:100%}.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.cell{min-height:125px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.cell.today{background:#173838}.cell>button{display:block;width:100%;padding:6px;margin-top:6px;min-height:36px;font-size:11px;text-align:left;border-radius:5px;overflow-wrap:anywhere}.weekday{text-align:center;padding:12px;color:var(--muted);font-size:12px}.date-number{font-size:13px;color:#c5d8df}.notice{color:#f1c27d;padding:12px 0;line-height:1.7}dialog{width:min(640px,calc(100% - 24px));max-height:90dvh;border:1px solid #3c626d;border-radius:18px;background:#0e202f;color:#dfebf2;padding:26px}dialog::backdrop{background:#020911c9;backdrop-filter:blur(5px)}form{display:grid;gap:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:10px}.settings{max-width:720px;display:grid;gap:24px}.settings button{margin:5px}.conversation{max-width:600px;text-align:center;margin:30px auto}.error{color:#ffabab;white-space:pre-wrap}.compact .row{padding:8px 0}@media(max-width:900px){.dashboard{grid-template-columns:1fr 1fr}.core-wrap{grid-column:1/-1;grid-row:1}.core{width:200px;height:200px;margin:10px auto}.cell{min-height:100px;padding:4px}header{flex-direction:column;gap:20px}}@media(max-width:540px){main{padding:24px 16px 100px}.dashboard{grid-template-columns:1fr}.heading{align-items:flex-start}h1{font-size:25px}.fields{grid-template-columns:1fr}.panel{padding:19px}nav{gap:4px}nav button{padding:10px;font-size:12px}.cell{min-height:84px}.cell>button{font-size:10px;padding:4px}.brand{font-size:20px}.grid.week{display:block}.grid.week .cell{min-height:90px}.weekday{font-size:10px;padding:10px 1px}}

.heading>button{flex-shrink:0;white-space:nowrap}.heading>div{min-width:0}@media(max-width:540px){.heading{flex-wrap:wrap}.heading h1{line-height:1.4}.heading .primary{padding:12px 16px}.cell>button{min-height:44px}}

@keyframes page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main{animation:page-enter .22s ease-out}

/* Static depth: a dark volume, a distant floor, and peripheral HUD marks. */
body{background:radial-gradient(ellipse at 50% 36%,#3a829414 0%,transparent 38%),radial-gradient(ellipse at 50% 8%,#1b4a6022,transparent 65%),radial-gradient(ellipse at 50% 35%,transparent 30%,#01060e88 100%),#07131f;background-attachment:fixed;isolation:isolate}
#app{position:relative;z-index:1}
body::before{content:"";position:fixed;z-index:0;inset:48% -30% -36%;background-image:linear-gradient(#64cfde0c 1px,transparent 1px),linear-gradient(90deg,#64cfde0c 1px,transparent 1px);background-size:64px 64px;transform:perspective(650px) rotateX(62deg);transform-origin:50% 0;mask-image:radial-gradient(ellipse at 50% 20%,#0009,transparent 65%);pointer-events:none}
body::after{content:"";position:fixed;z-index:0;inset:18px;background:linear-gradient(#79d4e536,#79d4e536) left top/34px 1px no-repeat,linear-gradient(#79d4e536,#79d4e536) left top/1px 14px no-repeat,linear-gradient(#79d4e536,#79d4e536) right top/34px 1px no-repeat,linear-gradient(#79d4e536,#79d4e536) right top/1px 14px no-repeat,linear-gradient(#79d4e526,#79d4e526) left bottom/34px 1px no-repeat,linear-gradient(#79d4e526,#79d4e526) left bottom/1px 14px no-repeat,linear-gradient(#79d4e526,#79d4e526) right bottom/34px 1px no-repeat,linear-gradient(#79d4e526,#79d4e526) right bottom/1px 14px no-repeat;pointer-events:none}
.core-wrap{position:relative;isolation:isolate}
.core-wrap::before{content:"";position:absolute;z-index:-1;width:150%;height:340px;top:0;left:-25%;background:radial-gradient(ellipse,#53b7cd13 0%,#367ba908 35%,transparent 68%);pointer-events:none}
@media(max-width:540px){body::after{inset:9px}.core-wrap::before{width:100%;left:0}}

.reduced .core::before{animation:none}@media(prefers-reduced-motion:reduce){.core::before{animation:none}}

.assistant {max-width:900px;margin:auto;}
.assistant-reply {white-space:pre-wrap;line-height:1.8;margin:24px 0;overflow-wrap:anywhere;}
#command-form {display:flex;align-items:end;gap:12px;}
#command-form label {flex:1;}
@media(max-width:600px){#command-form{display:block;}#command-form button{margin-top:12px;}}

.history {border-top:1px solid var(--line);margin-top:28px;padding-top:20px;}
.history-turn {background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere;}
.history-turn p {white-space:pre-wrap;line-height:1.7;}
.history .tools label {min-width:0;max-width:100%;}
.history input[type=file] {width:100%;min-width:0;max-width:100%;box-sizing:border-box;}