:root{--r:24px;--r-sm:16px;--r-lg:30px;--font:-apple-system,"SF Pro Display","SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.22,.61,.36,1);--bg:#08090D;--bg2:#0C0E14;--surface:rgba(255,255,255,.04);--surface-2:rgba(255,255,255,.06);--border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.13);--text:#F4F6FB;--dim:#9AA3B2;--faint:#5C6573;--a1:#7C5CFF;--a2:#22D3EE;--glow:rgba(124,92,255,.35);--grad:linear-gradient(135deg,#7C5CFF,#22D3EE);--fin:#10B981;--arb:#6366F1;--selb:#F59E0B;--fit:#FB5DA6;--ok:#10B981;--warn:#FB5DA6;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{color-scheme:dark}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;background-image:radial-gradient(900px 520px at 85% -8%,var(--glow),transparent 60%),radial-gradient(680px 520px at -10% 112%,rgba(34,211,238,.18),transparent 60%);background-attachment:fixed}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}.shell{height:100%;display:flex}.sidebar{display:none}.main{flex:1;min-width:0;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.page{padding:0 16px calc(112px + var(--safe-bot));max-width:760px;margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(20px + var(--safe-top)) 0 8px}.hello{font-size:13px;color:var(--dim);font-weight:600}.h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.date{font-size:13px;color:var(--faint);margin-top:3px}.carbtn{flex:0 0 auto;width:50px;height:50px;border-radius:16px;border:1px solid var(--border-2);background:var(--surface-2);display:grid;place-items:center;font-size:22px;transition:.2s var(--ease);position:relative}.carbtn:active{transform:scale(.93)}.carbtn:after{content:"AUTO";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:.1em;color:var(--faint);font-weight:800}.tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + var(--safe-bot));height:66px;border-radius:24px;background:#0c0e14c7;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:space-around;z-index:40;box-shadow:0 16px 44px #0000008c}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--faint);font-size:10px;font-weight:700;flex:1;padding:6px 0;background:none;border:none;transition:.15s}.tab .ic{font-size:21px;line-height:1}.tab.on{color:var(--text)}.tab.on .ic{filter:drop-shadow(0 0 10px var(--glow))}@media(min-width:900px){body{overflow:auto}.tabbar{display:none}.sidebar{display:flex;flex-direction:column;width:248px;flex:0 0 248px;height:100vh;position:sticky;top:0;padding:22px 14px;border-right:1px solid var(--border);background:#0a0b0f80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.logo{font-weight:800;letter-spacing:.2em;font-size:20px;padding:8px 12px 18px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:var(--dim);border:none;background:none;width:100%;text-align:left;font-weight:600;font-size:14px;transition:.16s}.nav-item .ic{width:22px;text-align:center;font-size:17px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.on{background:color-mix(in srgb,var(--a1) 18%,transparent);color:var(--text)}.sidesep{height:1px;background:var(--border);margin:12px 6px}.page{max-width:1180px;padding:0 30px 60px}.topbar{padding-top:30px}.main{overflow:visible}}.grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.span-all{grid-column:1/-1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card.click{transition:.16s var(--ease)}.card.click:active{transform:scale(.985)}.lab{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:800}.big{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}.sub{font-size:12px;color:var(--dim);margin-top:3px}@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr);gap:18px}.kpi-grid{grid-template-columns:repeat(4,1fr)}}.focuscard{background:linear-gradient(135deg,color-mix(in srgb,var(--a1) 24%,var(--surface)),color-mix(in srgb,var(--a2) 14%,var(--surface)));border:1px solid var(--border-2)}.sectitle{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:24px 2px 12px;display:flex;align-items:center;justify-content:space-between}.sectitle .add{font-size:13px;color:var(--a2);font-weight:700;background:none;border:none}.gauge{display:flex;flex-direction:column;align-items:center;gap:8px}.gwrap{position:relative;width:92px;height:92px}.gwrap svg{transform:rotate(-90deg)}.gval{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.gname{font-size:11px;color:var(--dim);font-weight:700;text-align:center;line-height:1.2}.ring{position:relative;flex:0 0 auto}.ring svg{transform:rotate(-90deg)}.ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:800}.bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:8px}.bar>i{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .5s var(--ease)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.areas{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:900px){.areas{grid-template-columns:repeat(4,1fr)}}.area{padding:14px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden;text-align:left}.area:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}.area .name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.area .score{font-size:26px;font-weight:800;margin-top:8px;font-variant-numeric:tabular-nums}.area .score small{font-size:13px;color:var(--faint);font-weight:600}.area .next{font-size:11px;color:var(--dim);margin-top:6px}.li{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);margin-top:10px}.chk{width:23px;height:23px;border-radius:7px;border:2px solid var(--border-2);flex:0 0 auto;display:grid;place-items:center;font-size:13px;color:transparent;background:none}.chk.done{background:var(--grad);border-color:transparent;color:#06070a}.li .t{flex:1;font-size:14px;font-weight:600}.li.done .t{color:var(--faint);text-decoration:line-through}.meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.tag{font-size:10px;font-weight:800;padding:3px 8px;border-radius:7px;background:var(--surface-2);color:var(--dim)}.goal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-top:12px;width:100%;text-align:left}.goal .gh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.goal .ttl{font-size:16px;font-weight:800;line-height:1.25}.cycle{font-size:11px;font-weight:800;letter-spacing:.02em}.kr{display:flex;align-items:center;gap:10px;margin-top:11px;font-size:13px;color:var(--dim)}.kr .b{flex:1}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px}.chip{flex:0 0 auto;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--dim)}.chip.on{color:var(--text);border-color:var(--border-2);background:var(--surface-2)}.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.col{flex:0 0 82vw;max-width:300px;min-width:260px}@media(min-width:900px){.col{flex:1;max-width:none}}.colh{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;font-weight:800;font-size:14px}.colh .cnt{font-size:12px;color:var(--faint);font-weight:700;background:var(--surface);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.col.inbox .colh{color:var(--a2)}.col.drop{outline:2px dashed var(--a1);outline-offset:3px;border-radius:var(--r-sm)}.kcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:13px;margin-bottom:10px;width:100%;text-align:left;display:block}.kcard:active{border-color:var(--border-2)}.kcard.dragging{opacity:.4}.kcard .kt{font-size:14px;font-weight:700}.kcard .kb{font-size:12px;color:var(--dim);margin-top:5px;line-height:1.4;white-space:pre-wrap}.kcard .kf{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.due{font-size:11px;font-weight:800;padding:3px 8px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--dim)}.due.soon{color:var(--fit);border-color:color-mix(in srgb,var(--fit) 40%,transparent)}.ctx{font-size:11px;color:var(--faint);display:flex;align-items:center;gap:4px}.vstate{background:linear-gradient(135deg,color-mix(in srgb,var(--a1) 20%,var(--surface)),color-mix(in srgb,var(--a2) 12%,var(--surface)));border:1px solid var(--border-2);border-radius:var(--r);padding:22px;font-size:19px;font-weight:700;line-height:1.42;letter-spacing:-.01em}.vstate small{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--a2);margin-bottom:10px}.masonry{columns:2;column-gap:12px;margin-top:14px}@media(min-width:900px){.masonry{columns:4}}.vtile{break-inside:avoid;margin-bottom:12px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border);position:relative}.vtile.img{height:var(--h,130px)}.vtile.quote{padding:16px;background:var(--surface);font-weight:700;font-size:14px;line-height:1.45}.wheel{display:grid;place-items:center;padding:6px}.rev{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-top:12px}.timeinput{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.timeinput:last-child{border-bottom:none}.stepper{display:flex;align-items:center;gap:10px}.stepper b{width:56px;text-align:center;font-variant-numeric:tabular-nums;font-weight:800}.stepper button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font-size:18px;font-weight:700}.energy{display:flex;gap:8px;margin-top:14px}.energy .e{flex:1;text-align:center;padding:10px 0;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:20px}.energy .e.on{background:var(--grad)}.btn{padding:12px 18px;border-radius:14px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font-weight:700;font-size:14px}.btn-primary{background:var(--grad);border:none;color:#06070a}.btn-ghost{background:none;border:none;color:var(--dim)}.btn-danger{background:none;border:1px solid color-mix(in srgb,var(--fit) 45%,transparent);color:var(--fit)}.btn-block{width:100%}.iconbtn{width:36px;height:36px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--dim);display:grid;place-items:center;font-size:16px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}@media(min-width:900px){.sheet-bg{align-items:center}}.sheet{width:100%;max-width:540px;background:var(--bg2);border:1px solid var(--border-2);border-radius:26px 26px 0 0;padding:18px 18px calc(20px + var(--safe-bot));max-height:90vh;overflow-y:auto;animation:up .28s var(--ease)}@media(min-width:900px){.sheet{border-radius:26px;animation:fade .2s}}.sheet h3{font-size:20px;font-weight:800;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.grab{width:40px;height:5px;border-radius:3px;background:var(--border-2);margin:0 auto 14px}@keyframes up{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.field{margin-bottom:14px}.field>label{display:block;font-size:12px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:13px;color:var(--text);font-size:16px;padding:13px 14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--a1)}.field textarea{resize:vertical;min-height:90px;line-height:1.5}.field .hintline{font-size:12px;color:var(--faint);margin-top:6px}.seg-field{display:flex;gap:8px;flex-wrap:wrap}.seg-field button{flex:1;min-width:70px;padding:11px 8px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--dim);font-weight:700;font-size:13px}.seg-field button.on{border-color:var(--border-2);background:var(--surface-2);color:var(--text)}.sheet-actions{display:flex;gap:10px;margin-top:6px}.sheet-actions .btn{flex:1}.auto{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#020203;display:flex;flex-direction:column;animation:fade .2s}.auto .ah{display:flex;align-items:center;justify-content:space-between;padding:calc(40px + var(--safe-top)) 22px 12px}.auto .amode{font-weight:800;letter-spacing:.18em;font-size:13px;color:#fb5da6;display:flex;align-items:center;gap:9px}.auto .live{width:9px;height:9px;border-radius:50%;background:#fb5da6;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #fb5da699}70%{box-shadow:0 0 0 16px #fb5da600}to{box-shadow:0 0 #fb5da600}}.auto .close{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:800;padding:11px 20px;border-radius:999px;font-size:15px}.auto .abody{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px}.plus{width:170px;height:170px;border-radius:46px;border:2px dashed rgba(255,255,255,.22);display:grid;place-items:center;font-size:96px;color:#fff;font-weight:200;background:radial-gradient(circle at 50% 40%,rgba(251,93,166,.18),transparent 70%);transition:.15s}.plus:active{transform:scale(.95)}.auto .hint{font-size:13px;color:#ffffff73;text-align:center;max-width:440px;line-height:1.5}.editor{display:flex;flex-direction:column;gap:14px;width:100%;max-width:640px;height:100%}.editor input{background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.15);color:#fff;font-size:28px;font-weight:800;padding:14px 4px;outline:none}.editor input::placeholder{color:#ffffff47}.editor textarea{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#eef;font-size:19px;line-height:1.55;padding:18px;outline:none;resize:none}.editor textarea::placeholder{color:#ffffff47}.savestate{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.savestate .d{width:8px;height:8px;border-radius:50%}.savestate.ok{color:var(--ok)}.savestate.ok .d{background:var(--ok);box-shadow:0 0 10px var(--ok)}.savestate.queued{color:var(--selb)}.savestate.queued .d{background:var(--selb)}.autolist{padding:0 22px calc(30px + var(--safe-bot));max-width:680px;margin:0 auto;width:100%;overflow-y:auto}.autolist .alh{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#fff6;font-weight:800;margin-bottom:12px}.anote{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;margin-bottom:10px}.anote .at{font-weight:700;color:#fff;font-size:15px}.anote .ap{font-size:13px;color:#ffffff8c;margin-top:4px;white-space:pre-wrap}.login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px}.login .brand{font-weight:800;letter-spacing:.26em;font-size:34px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login .tag{color:var(--dim);font-size:14px;margin-top:-12px}.login form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.login .err{color:var(--fit);font-size:13px;font-weight:700;text-align:center;min-height:18px}.toast{position:fixed;left:50%;bottom:calc(92px + var(--safe-bot));transform:translate(-50%);z-index:80;background:var(--bg2);border:1px solid var(--border-2);color:var(--text);font-weight:700;font-size:13px;padding:11px 18px;border-radius:999px;box-shadow:0 12px 30px #00000080;animation:fade .2s}@media(min-width:900px){.toast{bottom:24px}}.center-empty{text-align:center;color:var(--faint);font-size:13px;padding:30px 16px;line-height:1.6}.offline-dot{position:fixed;top:calc(8px + var(--safe-top));right:14px;z-index:50;font-size:11px;font-weight:800;color:var(--selb);background:var(--surface-2);border:1px solid var(--border);padding:5px 11px;border-radius:999px}.spin{width:34px;height:34px;border:3px solid var(--border-2);border-top-color:var(--a1);border-radius:50%;animation:rot 1s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.loadwrap{height:100%;display:grid;place-items:center}.footernote{text-align:center;color:var(--faint);font-size:12px;padding:28px 16px 10px}.linkish{color:var(--a2);font-weight:700;background:none;border:none;font-size:13px}