:root{color-scheme:light;--bg: oklch(99% .002 240);--surface: oklch(100% 0 0);--surface-2: oklch(97.5% .003 250);--fg: oklch(18% .012 250);--fg-soft: oklch(35% .015 250);--muted: oklch(54% .012 250);--border: oklch(92% .005 250);--border-strong: oklch(85% .008 250);--accent: oklch(58% .18 255);--accent-soft: oklch(95% .03 255);--accent-fg: oklch(100% 0 0);--ok: oklch(58% .14 155);--ok-soft: oklch(95% .04 155);--warn: oklch(62% .13 75);--warn-soft: oklch(95% .05 85);--danger: oklch(58% .18 25);--danger-soft: oklch(95% .04 25);--parch: oklch(96.5% .017 92);--parch-2: oklch(93% .024 93);--ink: oklch(30% .028 58);--ink-soft: oklch(43% .026 60);--ink-faint: oklch(43% .026 60 / .4);--rule: oklch(46% .075 72 / .28);--bronze: oklch(52% .08 74);--gold: oklch(72% .115 85);--gold-hi: oklch(83% .105 90);--seal-fg: oklch(24% .03 70);--rank-s: oklch(60% .13 82);--rank-a: oklch(56% .16 255);--rank-b: oklch(54% .13 155);--rank-c: oklch(55% .015 250);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: var(--font-sans);--font-body: var(--font-sans);--font-label: var(--font-sans);--font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "SF Mono", Menlo, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow-pop: 0 8px 30px oklch(20% .02 250 / .12);--shadow-edict: 0 18px 50px oklch(20% .02 250 / .14);--sidebar-w: 236px;--tabbar-h: 58px}[data-theme=dark]{color-scheme:dark;--bg: oklch(16.5% .012 255);--surface: oklch(20.5% .013 255);--surface-2: oklch(24% .014 255);--fg: oklch(95% .005 250);--fg-soft: oklch(84% .008 250);--muted: oklch(66% .014 250);--border: oklch(30% .012 255);--border-strong: oklch(38% .014 255);--accent: oklch(70% .15 255);--accent-soft: oklch(30% .055 255);--accent-fg: oklch(16% .02 255);--ok: oklch(70% .13 155);--ok-soft: oklch(29% .05 155);--warn: oklch(75% .12 80);--warn-soft: oklch(30% .05 80);--danger: oklch(69% .16 25);--danger-soft: oklch(30% .06 25);--shadow-pop: 0 8px 30px oklch(0% 0 0 / .5);--shadow-edict: 0 22px 60px oklch(0% 0 0 / .55);--rank-s: oklch(75% .12 82);--rank-a: oklch(70% .14 255);--rank-b: oklch(70% .12 155);--rank-c: oklch(68% .015 250)}[style*=--hue]{--c: oklch(58% .16 var(--hue));--c-soft: color-mix(in oklch, var(--c) 13%, var(--surface))}[data-theme=dark] [style*=--hue]{--c: oklch(72% .14 var(--hue));--c-soft: color-mix(in oklch, var(--c) 18%, var(--surface))}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}code{font-family:var(--font-mono);font-size:.92em;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:99px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:18px 12px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100dvh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{width:26px;height:26px;border-radius:7px;flex:none;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-family:var(--font-display);font-size:14px}.brand-name{font-family:var(--font-display);letter-spacing:.06em;font-size:15px}.brand-name span{color:var(--muted);letter-spacing:.02em;font-family:var(--font-body);font-size:12.5px}.nav{display:flex;flex-direction:column;gap:1px}.nav-label{font-family:var(--font-label);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 8px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-sm);color:var(--muted);font-weight:500;width:100%;text-align:left;transition:background .12s,color .12s}.nav-item svg{width:15px;height:15px;flex:none}.nav-item:hover{background:var(--bg);color:var(--fg)}.nav-item.is-active{background:var(--accent-soft);color:var(--accent)}.side-areas{display:flex;flex-direction:column;gap:8px;padding:0 8px}.side-area{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 6px;margin:0 -6px;border-radius:var(--r-sm)}.side-area:hover{background:var(--surface-2)}.side-area.is-active{background:var(--accent-soft);color:var(--accent)}.side-area .lvl{margin-left:auto;font-family:var(--font-label);font-size:10px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--c, var(--muted))}.side-xp{margin-top:auto;border:1px solid var(--border);border-radius:var(--r-md);padding:12px;background:var(--bg)}.side-xp .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.side-xp .lvl-num{font-family:var(--font-display);font-size:17px;letter-spacing:.04em}.side-xp .lvl-num small{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0;margin-left:5px}.side-xp .xp-val{font-family:var(--font-label);font-size:10px;color:var(--muted)}.bar{height:5px;border-radius:99px;background:var(--border);overflow:hidden;display:block}.bar>i{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .35s ease}.bar.dom>i{background:var(--c)}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 28px;background:color-mix(in oklch,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);padding:6px 10px;width:260px;color:var(--muted)}.search svg{width:13px;height:13px;flex:none}.search input{border:0;outline:0;background:none;width:100%;color:var(--fg)}.streak-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:99px;padding:5px 12px;font-family:var(--font-label);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.streak-pill svg{width:13px;height:13px;color:var(--warn)}.topbar .spacer{flex:1}.avatar{width:28px;height:28px;border-radius:50%;flex:none;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-size:11px;font-weight:600;font-family:var(--font-label)}.btn{border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 12px;font-weight:550;color:var(--muted);display:inline-flex;align-items:center;gap:7px;-webkit-user-select:none;user-select:none;transition:color .12s,background .12s,border-color .12s;white-space:nowrap}.btn:hover{color:var(--fg);background:var(--bg)}.btn svg{width:14px;height:14px;flex:none}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;border-radius:var(--r-sm);padding:7px 14px;font-weight:550;display:inline-flex;align-items:center;gap:7px;-webkit-user-select:none;user-select:none;transition:filter .12s;white-space:nowrap}.btn-primary:hover{filter:brightness(1.08);color:var(--accent-fg);background:var(--accent)}.btn-primary svg{width:14px;height:14px;flex:none}.btn-primary:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-danger{color:var(--danger);border-color:color-mix(in oklch,var(--danger) 40%,transparent)}.btn-danger:hover{color:var(--danger);background:var(--danger-soft)}.btn-sm{padding:4px 9px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--r-sm);color:var(--muted)}.btn-icon:hover{background:var(--bg);color:var(--fg)}.btn-icon svg{width:15px;height:15px;display:block}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-family:var(--font-label);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.input,.textarea,.select{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:76px;line-height:1.55}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chip{font-family:var(--font-label);font-size:10px;letter-spacing:.02em;padding:3px 8px;border-radius:99px;white-space:nowrap;display:inline-block}.chip-active{background:var(--accent-soft);color:var(--accent)}.chip-todo{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.chip-done{background:var(--ok-soft);color:var(--ok)}.chip-blocked{background:var(--danger-soft);color:var(--danger)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.seg button{padding:5px 11px;font-size:12px;color:var(--muted);border-right:1px solid var(--border)}.seg button:last-child{border-right:0}.seg button.is-on{background:var(--accent-soft);color:var(--accent)}.check{width:18px;height:18px;border-radius:50%;flex:none;border:1.5px solid var(--border-strong);display:grid;place-items:center;color:#fff;font-size:10px;line-height:1;transition:all .15s;cursor:pointer;background:transparent}.check:hover{border-color:var(--accent)}.check.is-done{background:var(--ok);border-color:var(--ok);color:#fff}.check.is-blocked{border-style:dashed;border-color:var(--muted);cursor:not-allowed}.check.is-blocked:hover{border-color:var(--muted)}.view{padding:24px 28px 40px;max-width:1180px;width:100%;margin:0 auto}.view-full{max-width:none;padding:0}.view-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;flex-wrap:wrap}.view-head h1{font-family:var(--font-display);font-size:24px;letter-spacing:.04em;font-weight:400}.view-head .sub{color:var(--muted);font-size:13px}.view-head .right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-label{font-family:var(--font-label);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:24px 0 10px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.empty{border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:28px 22px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.empty p{max-width:44ch;font-size:13px;line-height:1.6}.meta-foot{margin:34px 0 6px;font-family:var(--font-label);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.stat .k{font-family:var(--font-label);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.stat .v{font-family:var(--font-display);font-size:26px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.stat .v small{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0;margin-left:5px}.stat .foot{margin-top:10px}.stat .hint{font-size:11px;color:var(--muted);margin-top:6px}.task-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.task-row{display:grid;grid-template-columns:18px 1fr auto auto auto;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);transition:background .1s;text-align:left;width:100%}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--bg)}.t-main{min-width:0;text-align:left}.t-title{font-weight:550;font-size:13.5px;display:block}.task-row.is-done .t-title{color:var(--muted);text-decoration:line-through}.task-row.is-blocked{opacity:.66}.t-meta{font-size:11.5px;color:var(--muted);margin-top:2px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.t-meta .sep{opacity:.5}.t-xp{font-family:var(--font-label);font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}.t-due{font-family:var(--font-label);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.t-due.is-late{color:var(--danger)}.areas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.area-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px}.area-card .a-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:13px}.area-card .a-lvl{margin-left:auto;font-family:var(--font-label);font-size:10px;color:var(--muted)}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.proj-card{display:block;text-align:left;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;transition:border-color .12s,transform .12s}.proj-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.proj-card.is-open{border-color:var(--c-strong, var(--border-strong));transform:none;grid-column:1 / -1}.proj-card .p-open{display:block;width:100%;text-align:left}.proj-card .p-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.proj-card .p-titles{min-width:0;display:flex;flex-direction:column;gap:2px}.proj-card .p-area{font-family:var(--font-label);font-size:10px;color:var(--c, var(--muted));text-transform:uppercase;letter-spacing:.06em}.proj-card .p-name{font-family:var(--font-display);font-size:15.5px;letter-spacing:.02em;display:block;overflow-wrap:break-word}.proj-card .p-caret{width:15px;height:15px;margin-left:auto;flex:none;color:var(--muted);transition:transform .15s}.proj-card .p-caret.is-open{transform:rotate(90deg)}.proj-card .p-nums{display:flex;align-items:center;gap:8px;font-family:var(--font-label);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:7px}.proj-card .p-count{margin-left:auto}.proj-card .p-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.proj-card .p-btns{display:flex;gap:6px}.proj-card .p-dl{font-family:var(--font-label);font-size:10.5px;color:var(--muted)}.p-icon{flex:none;display:inline-grid;place-items:center;vertical-align:-3px;border-radius:var(--r-sm);overflow:hidden;line-height:1;background:color-mix(in oklch,var(--c, var(--muted)) 16%,transparent);color:var(--c, var(--fg));font-weight:600}.p-icon img{width:100%;height:100%;object-fit:cover;display:block}.l-meta .p-icon,.c-where .p-icon{margin-right:4px}.p-quests{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.pq-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-sm)}.pq-row:hover{background:var(--bg)}.pq-body{flex:1;min-width:0;text-align:left}.pq-title{font-size:13px;font-weight:550;line-height:1.35;display:block}.pq-row.is-done .pq-title{color:var(--muted);text-decoration:line-through}.pq-meta{display:block;font-family:var(--font-label);font-size:10px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}.pq-xp{font-family:var(--font-label);font-size:11px;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.pq-more{display:flex;gap:6px;flex-wrap:wrap;padding:8px 8px 2px}.task-list .pq-more{border-top:1px solid var(--border);margin-top:2px;padding:10px 14px}.p-add{display:flex;gap:8px;margin-top:8px}.p-add .input{font-size:13px}.p-hint{font-size:12.5px;color:var(--muted);margin:8px 0;line-height:1.5}.proj-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.fchip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-size:12px;border:1px solid var(--border);color:var(--muted);background:var(--surface);transition:border-color .12s,color .12s}.fchip:hover{border-color:var(--border-strong);color:var(--fg)}.fchip.is-on{border-color:var(--c, var(--accent));color:var(--c, var(--accent));background:var(--bg)}.seg.seg-sm{margin-left:auto}.seg.seg-sm button{padding:4px 9px;font-size:11.5px}.fsearch{display:flex;align-items:center;gap:7px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:99px;min-width:180px}.fsearch:focus-within{border-color:var(--border-strong)}.fsearch svg{width:13px;height:13px;flex:none;color:var(--muted)}.fsearch input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--fg);font-size:12.5px;padding:3px 0}.section-label .sl-link{display:inline-flex;align-items:center;gap:7px;color:var(--c, var(--fg))}.section-label .sl-link:hover{text-decoration:underline}.section-label .sl-count{color:var(--muted);font-variant-numeric:tabular-nums}.area-hero{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;margin-bottom:6px}.area-hero>.dot{width:10px;height:10px;margin-top:8px}.area-hero .ah-body{flex:1;min-width:220px}.area-hero h1{font-family:var(--font-display);font-size:23px;letter-spacing:.03em;margin-bottom:4px}.area-hero .ah-sub{display:block;font-family:var(--font-label);font-size:11px;color:var(--muted);margin-bottom:10px;font-variant-numeric:tabular-nums}.area-hero .ah-btns{display:flex;gap:8px;flex-wrap:wrap}.quick-add{display:flex;gap:8px;margin-bottom:10px}.area-chains{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.ac-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;border-bottom:1px solid var(--border)}.ac-row:last-child{border-bottom:0}.ac-row:hover{background:var(--bg)}.ac-name{font-size:13.5px;font-weight:550}.ac-num{margin-left:auto;font-family:var(--font-label);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.qpick{position:relative;display:inline-block}.qpick-panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(360px,78vw);max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 12px 28px #0f171f38;overflow:hidden}.qpick-search{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--border)}.qpick-search svg{width:13px;height:13px;flex:none;color:var(--muted)}.qpick-search input{flex:1;background:none;border:0;color:var(--fg);font-size:13px;outline:none}.qpick-chips{display:flex;gap:5px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--border)}.qpick-chips .fchip{padding:3px 9px;font-size:11.5px}.qpick-list{max-height:300px;overflow-y:auto;padding:4px 0}.qpick-group{font-family:var(--font-label);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 3px}.qpick-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 10px;font-size:13px}.qpick-item:hover{background:var(--bg)}.qpick-body{flex:1;min-width:0}.qpick-title{display:block;font-weight:550;line-height:1.3}.qpick-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-family:var(--font-label);font-size:10px;color:var(--muted);margin-top:2px}.qpick-meta .dot{width:5px;height:5px}.qpick-foot{display:block;width:100%;text-align:left;padding:8px 10px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.qpick-foot:hover{background:var(--bg);color:var(--fg)}.ph-thumb{display:inline-block;flex:none;border-radius:var(--r-sm);overflow:hidden;background:var(--bg);border:1px solid var(--border)}.ph-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ph-badge{position:relative;display:inline-flex;flex:none}.ph-badge .ph-count{position:absolute;right:-4px;bottom:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--fg);color:var(--surface);font-family:var(--font-label);font-size:9px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}.ph-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.ph-cell{position:relative;width:76px;height:76px}.ph-open{width:100%;height:100%;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border);display:block;background:var(--bg)}.ph-open img{width:100%;height:100%;object-fit:cover;display:block}.ph-open:hover{border-color:var(--border-strong)}.ph-cell.is-pending .ph-open{opacity:.72}.ph-cell .ph-flag{position:absolute;left:4px;bottom:4px;background:var(--warn-soft);color:var(--warn);border-radius:99px;font-size:10px;line-height:1;padding:3px 5px}.ph-cell .ph-del{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);display:grid;place-items:center}.ph-cell .ph-del:hover{color:var(--danger);border-color:var(--danger)}.ph-cell .ph-del svg{width:11px;height:11px}.ph-add{width:76px;height:76px;border-radius:var(--r-sm);border:1px dashed var(--border-strong);color:var(--muted);display:grid;place-items:center;background:transparent}.ph-add:hover{border-color:var(--accent);color:var(--accent)}.ph-add svg{width:18px;height:18px}.ph-note{font-size:12px;color:var(--warn);margin-top:6px;line-height:1.5}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#040609f0;display:grid;place-items:center;padding:max(env(safe-area-inset-top),16px) 16px max(env(safe-area-inset-bottom),16px)}.lb-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--r-sm)}.lb-missing{color:#fff;opacity:.8;font-size:13px;max-width:40ch;text-align:center;line-height:1.6}.lb-close,.lb-nav{position:absolute;width:40px;height:40px;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center}.lb-close:hover,.lb-nav:hover{background:#ffffff42}.lb-close{top:max(env(safe-area-inset-top),12px);right:12px}.lb-nav{top:50%;transform:translateY(-50%)}.lb-prev{left:12px}.lb-next{right:12px}.lb-close svg,.lb-nav svg{width:18px;height:18px}.lb-count{position:absolute;bottom:max(env(safe-area-inset-bottom),14px);left:50%;transform:translate(-50%);color:#fff;opacity:.75;font-family:var(--font-label);font-size:11px;font-variant-numeric:tabular-nums}.icon-picker{display:flex;flex-direction:column;gap:10px}.ip-row{display:flex;align-items:center;gap:10px}.ip-preview{width:44px;height:44px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;overflow:hidden;font-size:22px;line-height:1;border:1px solid var(--border);background:var(--bg);color:var(--muted)}.ip-preview img{width:100%;height:100%;object-fit:cover;display:block}.ip-actions{display:flex;gap:6px;flex-wrap:wrap}.ip-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.ip-glyph{aspect-ratio:1;border-radius:var(--r-sm);font-size:17px;line-height:1;display:grid;place-items:center;border:1px solid transparent;background:var(--bg)}.ip-glyph:hover{border-color:var(--border-strong)}.ip-glyph.is-on{border-color:var(--accent);background:var(--accent-soft)}.ip-error{font-size:12px;color:var(--danger)}.qlog{display:grid;grid-template-columns:minmax(340px,40%) 1fr;height:calc(100dvh - 53px)}.qlog-list{border-right:1px solid var(--border);overflow-y:auto;padding:20px 18px 40px 24px;display:flex;flex-direction:column}.qlog-detail{overflow-y:auto;padding:24px 28px 48px;background:var(--bg)}.qlog-filters{display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.qlog-count{margin-left:auto;font-family:var(--font-label);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rk{width:26px;height:26px;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:12px;border-radius:50%;border:1px solid currentColor;letter-spacing:.02em;background:color-mix(in oklch,currentColor 8%,transparent)}.rk-S{color:var(--rank-s);box-shadow:0 0 0 3px color-mix(in oklch,var(--rank-s) 12%,transparent)}.rk-A{color:var(--rank-a)}.rk-B{color:var(--rank-b)}.rk-C{color:var(--rank-c)}.log-row{display:flex;align-items:center;gap:11px;padding:10px 12px;margin-bottom:6px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .14s,box-shadow .14s,background .14s}.log-row:hover{border-color:var(--border-strong)}.log-row.is-selected{border-color:color-mix(in oklch,var(--gold) 60%,var(--border));box-shadow:inset 3px 0 0 var(--gold);background:var(--surface-2)}.log-row .l-body{flex:1;min-width:0;text-align:left}.log-row .l-title{font-size:13.5px;font-weight:550;line-height:1.35;display:block}.log-row.is-done .l-title{color:var(--muted);text-decoration:line-through}.log-row .l-meta{display:block;font-family:var(--font-label);font-size:10px;color:var(--muted);margin-top:3px}.log-row .l-chain{display:block;font-size:12px;color:var(--bronze);margin-top:1px}.log-row .l-xp{font-family:var(--font-label);font-size:11px;color:var(--accent);white-space:nowrap}.edict{position:relative;max-width:760px;color-scheme:light;background:linear-gradient(180deg,var(--parch),var(--parch-2));color:var(--ink);border:1px solid var(--bronze);border-radius:3px;box-shadow:var(--shadow-edict);padding-bottom:22px}.edict:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;border:1px solid var(--rule)}.ed-head{padding:22px 26px 16px;border-bottom:1px solid var(--rule);position:relative}.ed-kicker{font-family:var(--font-label);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);padding-right:76px}.ed-sub{padding-right:76px}.ed-title{font-family:var(--font-display);font-size:25px;letter-spacing:.02em;color:var(--ink);margin-top:8px;line-height:1.22;padding-right:76px;width:100%;background:none;border:0;outline:none;resize:none;overflow:hidden;border-bottom:1px solid transparent}.ed-title:focus{border-bottom-color:var(--rule)}.ed-sub{font-size:13.5px;color:var(--ink-soft);margin-top:6px}.ed-seal{position:absolute;top:20px;right:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 45%,var(--bronze));color:var(--seal-fg);font-family:var(--font-display);font-size:21px;box-shadow:0 4px 10px #1f130659,inset 0 0 0 3px #1f130638}.ed-grid{display:flex;border-bottom:1px solid var(--rule);flex-wrap:wrap}.ed-cell{flex:1 1 120px;padding:10px 14px;border-right:1px solid var(--rule)}.ed-cell:last-child{border-right:0}.ed-cell .v{font-family:var(--font-display);font-size:15px;color:var(--ink)}.ed-cell .k{font-family:var(--font-label);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}.ed-body{padding:16px 26px 0}.ed-desc{font-size:14.5px;line-height:1.6;color:var(--ink);width:100%;background:none;border:0;outline:none;resize:vertical;min-height:60px;border-bottom:1px solid transparent}.ed-desc:focus{border-bottom-color:var(--rule)}.ed-desc::placeholder{color:var(--ink-faint)}.ed-label{font-family:var(--font-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);margin:22px 0 8px;display:flex;align-items:center;gap:10px}.ed-label:after{content:"";flex:1;height:1px;background:var(--rule)}.chk{display:flex;align-items:center;gap:11px;padding:7px 0;border-bottom:1px dashed var(--rule)}.chk:last-of-type{border-bottom:0}.chk .c-box{width:16px;height:16px;flex:none;border:1.5px solid var(--bronze);display:grid;place-items:center;font-size:10px;color:var(--parch);background:none;border-radius:3px}.chk.is-done .c-box{background:var(--bronze)}.chk .c-t{flex:1;font-size:13.5px;color:var(--ink)}.chk.is-done .c-t{color:var(--ink-soft);text-decoration:line-through}.chk .c-del{color:var(--ink-faint);font-size:15px;line-height:1;padding:2px 4px}.chk .c-del:hover{color:var(--danger)}.chk-add{width:100%;background:none;border:0;border-bottom:1px dashed var(--rule);padding:8px 0 8px 27px;outline:none;color:var(--ink);font-size:13.5px}.chk-add::placeholder{color:var(--ink-faint)}.dep{display:flex;align-items:center;gap:10px;padding:7px 0}.dep .d-t{flex:1;font-size:13px;color:var(--ink)}.dep .d-st{font-family:var(--font-label);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.dep .d-st.done{color:#176938}.dep .d-st.open{color:var(--ink-faint)}.dep .d-del{color:var(--ink-faint);padding:2px 4px}.dep .d-del:hover{color:var(--danger)}.dep .d-del.is-fixed{cursor:help}.dep .d-del.is-fixed:hover{color:var(--ink-faint)}.ed-actions{padding:20px 26px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn-seal{padding:9px 20px;border-radius:3px;border:1px solid var(--bronze);font-family:var(--font-label);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--seal-fg);background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--bronze))}.btn-seal:hover{filter:brightness(1.06)}.btn-quill{padding:9px 16px;border-radius:3px;border:1px solid var(--rule);font-family:var(--font-label);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:none}.btn-quill:hover{color:var(--ink);border-color:var(--bronze)}.btn-quill.danger:hover{color:var(--danger);border-color:var(--danger)}.btn-quill svg,.btn-seal svg{width:15px;height:15px;display:block}.ed-input,.ed-select{background:color-mix(in oklch,var(--parch) 60%,#fff);border:1px solid var(--rule);border-radius:3px;color:var(--ink);padding:6px 8px;width:100%;outline:none;font-size:13px}.ed-input:focus,.ed-select:focus{border-color:var(--bronze)}.ed-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ed-field>label{display:block;font-family:var(--font-label);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}.cal-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.cal-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--border)}.cal-dow span{font-family:var(--font-label);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 12px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.day{min-height:104px;min-width:0;border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:7px 8px;display:flex;flex-direction:column;gap:4px;text-align:left;align-items:stretch;background:none}.day:nth-child(7n){border-right:0}.day:nth-last-child(-n+7){border-bottom:0}.day .d-num{font-family:var(--font-label);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.day.pad{background:var(--bg)}.day.today{background:var(--accent-soft)}.day.today .d-num{color:var(--accent);font-weight:700}.day.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.cal-ev{font-size:10.5px;line-height:1.3;padding:3px 6px;border-radius:5px;background:var(--c-soft, var(--bg));color:var(--c, var(--muted));font-weight:550;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%}.cal-ev.is-done{opacity:.45;text-decoration:line-through}.cal-more{font-family:var(--font-label);font-size:9.5px;color:var(--muted);text-align:left}.day-panel{margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}.day-panel h4{font-family:var(--font-display);font-size:14px;font-weight:400;letter-spacing:.04em;margin-bottom:10px}.chain-flow{display:flex;align-items:stretch;overflow-x:auto;padding:6px 2px 12px}.node{flex:1 0 176px;max-width:220px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px;position:relative;text-align:left;display:flex;flex-direction:column}.node .n-open{display:block;width:100%;text-align:left;flex:1}.node .n-ctl{display:flex;gap:2px;justify-content:center;margin:10px -6px -6px;opacity:.45;transition:opacity .12s}.node:hover .n-ctl,.node:focus-within .n-ctl{opacity:1}.node .n-ctl button:disabled{opacity:.3;cursor:default}.node .n-ctl button:disabled:hover{background:transparent;color:var(--muted)}.node:not(:first-child){margin-left:34px}.node:not(:first-child):before{content:"";position:absolute;left:-34px;top:50%;width:34px;height:1.5px;background:var(--border)}.node:not(:first-child):after{content:"";position:absolute;left:-7px;top:calc(50% - 3.5px);border:4px solid transparent;border-left-color:var(--border);border-right:0}.node .n-num{display:block;font-family:var(--font-label);font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.node .n-title{display:block;font-weight:600;font-size:13px;line-height:1.35;margin-bottom:10px;min-height:35px}.node .n-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.node .n-xp{font-family:var(--font-label);font-size:10px;color:var(--accent)}.node.node-done{border-color:var(--ok)}.node.node-done .n-num{color:var(--ok)}.node.node-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.node.node-locked{opacity:.6;border-style:dashed}.chain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;margin-bottom:12px}.chain-head{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.chain-head h3{font-family:var(--font-display);font-size:16px;font-weight:400;letter-spacing:.03em}.chain-head .c-steps{font-family:var(--font-label);font-size:11px;color:var(--muted)}.chain-head .c-where{display:inline-flex;align-items:center;font-family:var(--font-label);font-size:10.5px;color:var(--c, var(--muted));text-transform:uppercase;letter-spacing:.06em}.chain-head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.chain-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chain-foot .p-hint{margin:0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f171f6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:max(6vh,20px) 16px 20px;overflow-y:auto}.modal{width:640px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);overflow:hidden;margin-bottom:40px}.modal-wide{width:760px}.m-head{padding:18px 20px 0}.m-head .mk{font-family:var(--font-label);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze)}.m-head h3{font-family:var(--font-display);font-size:19px;font-weight:400;letter-spacing:.06em;margin-top:6px}.m-head p{color:var(--muted);font-size:12.5px;margin-top:6px;line-height:1.5}.m-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.m-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px;flex-wrap:wrap}.m-actions .left{margin-right:auto}.notice{border-radius:var(--r-sm);padding:9px 11px;font-size:12.5px;line-height:1.5;border:1px solid transparent}.notice-error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in oklch,var(--danger) 25%,transparent)}.notice-info{background:var(--accent-soft);color:var(--accent)}.notice-ok{background:var(--ok-soft);color:var(--ok)}.proposal{border:1px solid var(--border);border-radius:var(--r-sm);padding:11px 12px;transition:opacity .2s,border-color .2s,background .2s}.proposal.is-ok{border-color:var(--ok);background:var(--ok-soft)}.proposal.is-no{opacity:.42}.pr-top{display:flex;align-items:flex-start;gap:10px}.pr-title{flex:1;font-weight:600;font-size:13.5px;background:none;border:0;border-bottom:1px solid transparent;outline:none;padding:1px 0;color:var(--fg)}.pr-title:focus{border-bottom-color:var(--accent)}.pr-notes{font-size:12px;color:var(--muted);margin:6px 0 0 36px;line-height:1.5}.pr-meta{font-family:var(--font-label);font-size:10.5px;color:var(--muted);margin:6px 0 0 36px}.pr-actions{display:flex;gap:6px;margin:9px 0 0 36px;align-items:center;flex-wrap:wrap}.pr-actions .input{min-width:0;max-width:100%}.pr-state{font-family:var(--font-label);font-size:10px;letter-spacing:.06em}.pr-state.ok{color:var(--ok)}.pr-state.no{color:var(--danger)}.onb{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(120% 80% at 50% 0%,var(--accent-soft),transparent 60%),var(--bg)}.onb-card{width:520px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:30px 28px}.onb-card .mk{font-family:var(--font-label);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze)}.onb-card h1{font-family:var(--font-display);font-size:27px;font-weight:400;letter-spacing:.06em;margin:8px 0 6px}.onb-card p.lede{font-size:14.5px;color:var(--muted);line-height:1.55}.onb-areas{display:flex;flex-direction:column;gap:8px}.onb-area{display:flex;align-items:center;gap:10px}.onb-area .hue{width:26px;height:26px;border-radius:50%;flex:none;background:var(--c);border:1px solid var(--border)}.onb-area input[type=range]{width:92px;flex:none;accent-color:var(--c)}.onb-steps{display:flex;gap:6px;margin-top:4px}.onb-steps i{flex:1;height:3px;border-radius:99px;background:var(--border)}.onb-steps i.on{background:var(--accent)}.brand-mark,.brand-name,.side-xp .lvl-num,.view-head h1,.stat .v,.proj-card .p-name,.ed-title,.ed-cell .v,.day-panel h4,.chain-head h3,.m-head h3,.onb-card h1,.area-hero h1{font-weight:600;letter-spacing:-.015em}.rk,.ed-seal{font-weight:700;letter-spacing:0}.nav-label,.section-label,.field>label,.stat .k,.proj-card .p-area,.ed-kicker,.ed-label,.ed-cell .k,.ed-field>label,.dep .d-st,.cal-dow span,.node .n-num,.m-head .mk,.onb-card .mk,.pr-state{font-weight:600}.side-area .lvl,.side-xp .xp-val,.area-card .a-lvl,.proj-card .p-dl,.proj-card .p-nums,.log-row .l-meta,.log-row .l-xp,.node .n-xp,.chain-head .c-steps,.cal-more,.meta-foot,.pr-meta,.avatar,.chip{font-variant-numeric:tabular-nums}.tabbar,.mobile-only,.qlog-search{display:none}.wide-only{display:inline}@media(max-width:1180px){.stats{grid-template-columns:repeat(2,1fr)}.areas-grid{grid-template-columns:repeat(3,1fr)}.proj-grid{grid-template-columns:repeat(2,1fr)}.qlog{grid-template-columns:minmax(300px,42%) 1fr}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.mobile-only{display:inline-flex}.qlog-search{display:flex}.wide-only{display:none}.view{padding:16px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px)}.topbar{padding:10px 14px;gap:8px}.topbar .search{display:none}.topbar .spacer{flex:1}.streak-pill .s-label{display:none}.areas-grid{grid-template-columns:repeat(2,1fr)}.proj-grid{grid-template-columns:1fr}.seg.seg-sm{margin-left:0}.ip-grid{grid-template-columns:repeat(8,1fr)}.area-hero .ah-btns{width:100%}.task-row{grid-template-columns:18px 1fr auto;gap:10px}.task-row .t-due,.task-row .chip{display:none}.qlog{display:block;height:auto}.qlog-list{border-right:0;height:auto;overflow:visible;padding:16px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px)}.qlog-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);padding:14px 14px calc(env(safe-area-inset-bottom) + 24px);overflow-y:auto}.qlog-detail.is-hidden{display:none}.edict{max-width:none}.ed-title{padding-right:66px;font-size:22px}.ed-fields{grid-template-columns:1fr}.day{min-height:62px;padding:4px 5px}.cal-ev{font-size:9px;padding:2px 4px}.cal-dow span{padding:6px 5px;font-size:9px}.chain-flow{padding-bottom:8px}.node{flex-basis:158px}.modal-back{padding:0;align-items:stretch;overflow:hidden}.modal{width:100%;max-width:none;border-radius:0;border:0;margin-bottom:0;height:100dvh;overflow:hidden auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:0}.m-actions{position:sticky;bottom:0;z-index:2;margin:8px -20px 0;padding:10px 20px;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);background:var(--surface);border-top:1px solid var(--border)}.pr-notes,.pr-meta,.pr-actions{margin-left:0}.pr-actions .input{flex:1 1 132px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:color-mix(in oklch,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10px;letter-spacing:.02em}.tabbar button svg{width:19px;height:19px}.tabbar button.is-active{color:var(--accent)}}@media(max-width:560px){.stats{grid-template-columns:1fr 1fr}.row-2,.row-3{grid-template-columns:1fr}.view-head h1{font-size:21px}}@media print{.sidebar,.topbar,.tabbar,.qlog-list,.ed-actions{display:none!important}.qlog{grid-template-columns:1fr}.edict{box-shadow:none}}