:root{--legend:#f97316;--quest:#8b5cf6;--sidequest:#3b82f6;--objective:#22c55e;--task:#fff;--ink:#1a1a1a;--ink-light:#fff;--radius:16px;--gap:12px;--bg:#14141a;--surface:#22222c;--muted:#a5a5b4}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink-light);overflow-wrap:anywhere;margin:0;font:1rem/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[hidden]{display:none!important}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #facc15}.screen{min-height:100dvh}.home{padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.home-top{z-index:5;background:var(--bg);padding:calc(12px + env(safe-area-inset-top)) 16px 8px;position:sticky;top:0}.domain-bar{grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:6px;display:grid}.domain-nav{justify-content:space-between;align-items:center;display:flex}.domain-bar .icon-btn{color:var(--ink-light);font-size:1.8rem}.domain-bar .menu-btn,.feature-bar .menu-btn{color:var(--ink-light);font-size:1.5rem}.domain-bar .sync-btn{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;font-size:1.15rem;transition:transform .15s,background .15s;display:flex}.domain-bar .sync-btn:hover{background:#ffffff1a}.domain-bar .sync-btn:active{transform:scale(.92)}.domain-bar .sync-btn.sync-synced .sync-icon{color:#22c55e}.domain-bar .sync-btn.sync-syncing .sync-icon{color:#3b82f6}.domain-bar .sync-btn.sync-offline .sync-icon{color:#f59e0b}.domain-bar .sync-btn.sync-error .sync-icon{color:#ef4444;font-weight:800}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin,.spin-inline{animation:1s linear infinite spin-anim;display:inline-block}.drawer-backdrop{z-index:60;background:#0000008c;position:fixed;inset:0}.drawer{z-index:70;width:min(300px,82vw);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);color:var(--ink-light);visibility:hidden;background:#1c1c25;border-right:1px solid #34343f;flex-direction:column;transition:transform .22s ease-out,visibility 0s .22s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer.open{visibility:visible;transition:transform .22s ease-out;transform:none}.drawer-head{justify-content:space-between;align-items:center;padding:12px 8px 12px 20px;display:flex}.drawer-brand{letter-spacing:.04em;text-transform:uppercase;font-size:1.15rem;font-weight:800}.drawer .icon-btn{color:var(--ink-light);font-size:1.2rem}.drawer-nav{flex-direction:column;gap:4px;padding:8px 12px;display:flex;overflow-y:auto}.nav-item{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 12px;font-weight:600;display:flex}.nav-item:hover{background:#ffffff12}.nav-item[aria-current=page]{background:#ffffff24}.nav-icon{text-align:center;flex:none;width:28px;font-size:1.3rem}.feature-body .empty{padding-top:64px}.h-group{color:var(--ink-light);align-items:center;gap:8px;margin:20px 0 8px;font-size:1rem;display:flex}.h-dot{background:var(--c);border:1px solid #ffffff80;border-radius:50%;width:12px;height:12px}.h-count{color:var(--muted);font-size:.85rem;font-weight:500}.h-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.h-row{background:var(--surface);color:var(--ink-light);border:1px solid #34343f;border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.h-row .edge{background:var(--c);border-right:1px solid #00000040;flex:none;width:10px}.h-open{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex}.h-title{font-weight:700}.h-title.struck{opacity:.75;text-decoration:line-through}.h-sub{margin:8px 0 0 18px}.h-chev{width:48px;color:var(--ink-light);background:0 0;border:0;border-left:1px solid #34343f;flex:none;font-size:1.6rem;line-height:1}.h-chev:hover{background:#ffffff14}.chev-ico{transition:transform .2s;display:inline-block}.h-chev[aria-expanded=true] .chev-ico{transform:rotate(90deg)}.h-meta{color:var(--muted);font-size:.75rem}.h-restore{color:var(--ink-light);background:0 0;border:0;border-left:1px solid #34343f;flex:none;padding:0 14px;font-size:.85rem;font-weight:600}.h-restore:hover{background:#ffffff14}.ov-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ov-top .seg button{min-height:40px;padding:0 14px;font-size:.85rem}.ov-tools{gap:14px;display:flex}.ov-link{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:.85rem;font-weight:700;text-decoration:underline}.o-list,.o-sub{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.o-sub{margin:8px 0 0 20px}.o-row{align-items:stretch;gap:4px;display:flex}.o-chev{width:40px;color:var(--ink-light);background:0 0;border:0;flex:none;place-items:center;font-size:1.6rem;line-height:1;display:grid}.o-chev:hover{background:#8080802e;border-radius:10px}.o-chev[aria-expanded=true] .chev-ico{transform:rotate(90deg)}.o-ph{cursor:default}.o-card{text-align:left;background:var(--surface);min-width:0;color:var(--ink-light);border:1px solid #34343f;border-radius:12px;flex:1;align-items:stretch;padding:0;display:flex;overflow:hidden}.o-card:hover{border-color:var(--muted)}.o-card .edge{background:var(--c);border-right:1px solid #00000040;flex:none;width:10px}.o-body{flex-direction:column;flex:1;gap:4px;min-width:0;padding:10px 12px;display:flex}.o-title{font-weight:700;line-height:1.25}.o-meta{align-items:center;gap:10px;display:flex}.o-meta .ctier{background:var(--c);color:var(--ci);border:1px solid #00000040;border-radius:999px;flex:none;padding:1px 9px;font-size:.7rem;font-weight:700}.o-meta .prog{color:var(--muted);flex:1;align-items:center;gap:8px;max-width:200px;font-size:.75rem;display:flex}[data-theme=light] .o-card{border-color:#d8d8e0}.ov-tools{margin-bottom:8px}.ov-note{color:var(--muted);margin:12px 0;font-size:.85rem}.due{white-space:nowrap;color:var(--muted);background:#80808038;border-radius:999px;flex:none;padding:1px 8px;font-size:.7rem;font-weight:700}.due.overdue{color:#fff;background:#b91c1c}.d-due{letter-spacing:0;border:2px solid;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700}.d-due.overdue{color:#fff;background:#b91c1c;border-color:#b91c1c}.card .meta,.o-meta{flex-wrap:wrap}.due-presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.preset{min-height:36px;color:var(--ink);background:#fff;border:1.5px solid #b9b9c4;border-radius:999px;padding:0 12px;font-size:.85rem;font-weight:700}.preset:hover{background:#eeeef4}.preset.clear{color:#b91c1c;border-color:#e5b5b5}.field input[type=datetime-local]{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1.5px solid #b9b9c4;border-radius:12px;padding:10px 12px}.dl-modes{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.dl-modes button{min-height:36px;color:var(--ink);background:#fff;border:1.5px solid #b9b9c4;border-radius:999px;padding:0 12px;font-size:.85rem;font-weight:700}.dl-modes.sep{border-bottom:1.5px solid #c9c9d3;margin-bottom:14px;padding-bottom:14px}.dl-modes button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.tg-row{gap:8px;display:flex}.tg-row select{min-width:0;min-height:44px;font:inherit;color:var(--ink);background:#fff;border:1.5px solid #b9b9c4;border-radius:12px;flex:1;padding:0 10px}.due.target{border:1px dashed}.ov-filter{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.ov-filter-label{color:var(--ink-light);font-size:.85rem;font-weight:700}.ov-filter select{min-height:36px;font:inherit;background:var(--surface);color:var(--ink-light);border:1.5px solid #5a5a70;border-radius:10px;padding:0 8px;font-size:.85rem}.preset-dark{min-height:36px;color:var(--ink-light);background:0 0;border:1.5px solid #5a5a70;border-radius:999px;padding:0 12px;font-size:.85rem;font-weight:700}.preset-dark[aria-pressed=true]{background:var(--ink-light);color:var(--bg)}.o-node.dim>.o-row{opacity:.55}[data-theme=light] .ov-filter select,[data-theme=light] .preset-dark{border-color:#b9b9c4}.focus{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 0;padding:14px 16px;display:flex}.sess{border-top:1px solid #80808066;flex-basis:100%;padding-top:4px}.sess-head{min-height:40px;color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:.9rem;font-weight:700;display:flex}.sess-head .chev-ico{font-size:1.3rem;line-height:1}.sess-head[aria-expanded=true] .chev-ico{transform:rotate(90deg)}.sess-list{margin:0 0 4px;padding:0;list-style:none}.sess-list li{border-top:1px solid #80808040;justify-content:space-between;gap:12px;padding:8px 0;font-size:.85rem;display:flex}.sess-dur{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.sess-live{font-weight:700}.focus-label{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:.75rem;font-weight:700}.focus-clock{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:800;line-height:1.1}.focus-sub{opacity:.9;font-size:.8rem}.focus.running .focus-sub{font-weight:700}.focus-btn{min-height:48px;color:inherit;background:0 0;border:2px solid;border-radius:999px;flex:none;padding:0 18px;font-weight:800}.focus.running .focus-btn{color:#fff;background:#b91c1c;border-color:#b91c1c}.timer-pill{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:44;color:#fff;background:#111;border:1px solid #555;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 180px);min-height:44px;padding:0 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.tp-dot{background:#ef4444;border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s infinite tp-pulse}@keyframes tp-pulse{50%{opacity:.3}}.tp-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.85rem;font-weight:600;overflow:hidden}.tp-clock{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.tl-bar.target{background-image:repeating-linear-gradient(45deg,#fff3 0 6px,#0000 6px 12px);border-style:dashed}.cal-head{align-items:center;gap:4px;margin-bottom:8px;display:flex}.cal-head .icon-btn{color:var(--ink-light);font-size:1.6rem}.cal-title{text-align:center;color:var(--ink-light);flex:1;margin:0;font-size:1.1rem}.cal-week,.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-week span{text-align:center;color:var(--muted);padding-bottom:4px;font-size:.75rem;font-weight:700}.cal-cell{text-align:left;background:var(--surface);min-height:54px;color:var(--ink-light);border:1px solid #34343f;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:4px;display:flex;overflow:hidden}.cal-cell.out{opacity:.4}.cal-cell.selected{outline:2px solid var(--ink-light)}.cal-cell.today .cal-n{color:#1a1a1a;background:#facc15;border-radius:999px;padding:0 6px}.cal-n{font-size:.8rem;font-weight:700}.cal-dots{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.cal-dots i{border:1px solid #808080b3;border-radius:50%;width:8px;height:8px}.cal-dots b{color:var(--muted);font-size:.65rem}.cal-titles{display:none}.cal-day-title{color:var(--ink-light);margin:20px 0 8px;font-size:1rem}.cal-item{text-align:left;background:var(--surface);width:100%;color:var(--ink-light);border:1px solid #34343f;border-radius:12px;align-items:stretch;padding:0;display:flex;overflow:hidden}.cal-item .edge{background:var(--c);border-right:1px solid #00000040;flex:none;width:10px}.cal-time{flex:none;align-self:center;padding:0 12px;font-size:.85rem;font-weight:800}.cal-time.overdue{color:#f87171}.cal-item .ctier{background:var(--c);color:var(--ci);border:1px solid #00000040;border-radius:999px;flex:none;padding:1px 9px;font-size:.7rem;font-weight:700}@media (width>=640px){.cal-cell{min-height:96px}.cal-dots{display:none}.cal-titles{flex-direction:column;gap:2px;width:100%;display:flex}.cal-t{white-space:nowrap;text-overflow:ellipsis;background:var(--c);color:var(--ci);border:1px solid #0003;border-radius:6px;padding:1px 5px;font-size:.7rem;font-weight:600;overflow:hidden}.cal-t.overdue{outline:2px solid #b91c1c}.cal-more{color:var(--muted);font-size:.65rem}}.tl-scroll{background:var(--surface);border:1px solid #34343f;border-radius:12px;overflow-x:auto}.tl-grid{--lw:120px;width:calc(var(--lw) + var(--w));min-width:100%;position:relative}.tl-head,.tl-row{display:flex}.tl-corner,.tl-label{width:var(--lw);z-index:3;background:var(--surface);flex:none;position:sticky;left:0}.tl-corner{border-right:1px solid #34343f;height:52px}.tl-axis{width:var(--w);flex:none;height:52px;position:relative}.tl-months,.tl-days{position:relative}.tl-months{height:24px}.tl-days{height:28px}.tl-month{white-space:nowrap;color:var(--ink-light);padding-left:6px;font-size:.75rem;font-weight:800;position:absolute;top:4px}.tl-day{text-align:center;color:var(--muted);font-size:.7rem;position:absolute;top:4px}.tl-day.wknd{opacity:.6}.tl-day.today{color:var(--ink-light);font-weight:800}.tl-row{border-top:1px solid #34343f;height:48px}.tl-label{text-align:left;color:var(--ink-light);border:0;border-right:1px solid #34343f;flex-direction:column;justify-content:center;padding:4px 8px;display:flex;overflow:hidden}.tl-name,.tl-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-name{font-size:.8rem;font-weight:700}.tl-label small{color:var(--muted);font-size:.65rem}.tl-track{width:var(--w);background-image:repeating-linear-gradient(to right, #80808033 0, #80808033 1px, transparent 1px, transparent var(--px));flex:none;position:relative}.tl-bar{white-space:nowrap;background:var(--c);height:28px;color:var(--ci);border:1px solid #00000059;border-radius:8px;align-items:center;padding:0 8px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:10px;overflow:hidden}.tl-bar.overdue{box-shadow:0 0 0 2px #b91c1c}.tl-now{z-index:2;pointer-events:none;background:#ef4444;width:2px;position:absolute;top:0;bottom:0}[data-theme=light] .cal-cell,[data-theme=light] .cal-item,[data-theme=light] .tl-scroll,[data-theme=light] .tl-corner,[data-theme=light] .tl-label,[data-theme=light] .tl-row{border-color:#d8d8e0}[data-theme=light] .cal-time.overdue{color:#b91c1c}.settings{max-width:480px}.settings h2{color:var(--ink-light);margin:24px 0 8px;font-size:1.1rem}.settings p{margin:0 0 12px}.xp-card{background:var(--surface);color:var(--ink-light);border:1px solid #34343f;border-radius:16px;padding:16px}.xp-level{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.85rem;font-weight:700}.xp-total{margin-bottom:8px;font-size:2rem;font-weight:800}.xp-card .bar{display:block}.xp-card small{color:var(--muted);margin-top:6px;display:block}.seg{border:2px solid var(--muted);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{min-height:44px;color:var(--ink-light);background:0 0;border:0;padding:0 20px;font-weight:700}.seg button[aria-pressed=true]{background:var(--ink-light);color:var(--bg)}.xp-row{min-height:52px;color:var(--ink-light);align-items:center;gap:10px;display:flex}.xp-name{flex:1;font-weight:700}.xp-input{text-align:right;background:var(--surface);width:96px;min-height:44px;color:var(--ink-light);border:1.5px solid #5a5a70;border-radius:10px;padding:0 10px}.settings .bk-btn{margin-top:16px}.sync-card{background:var(--surface);border:1px solid #34343f;border-radius:16px;flex-direction:column;gap:12px;margin-top:6px;margin-bottom:20px;padding:16px;display:flex}.sync-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sync-card-title{color:var(--ink-light);font-size:.95rem;font-weight:700}.sync-status-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-synced{color:#4ade80;background:#22c55e29}.status-synced .status-dot{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-syncing{color:#60a5fa;background:#3b82f629}.status-syncing .status-dot{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.status-offline{color:#fbbf24;background:#f59e0b29}.status-offline .status-dot{background:#f59e0b}.status-error{color:#f87171;background:#ef444429}.status-error .status-dot{background:#ef4444}.sync-card-body{flex-direction:column;gap:8px;font-size:.85rem;display:flex}.sync-meta-row{justify-content:space-between;align-items:center;display:flex}.sync-meta-label{color:var(--muted)}.sync-meta-val{color:var(--ink-light);font-weight:600}.sync-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;padding:8px 12px;font-size:.8rem;line-height:1.35}.sync-actions{gap:10px;margin-top:2px;display:flex}.sync-actions .bk-btn{justify-content:center;align-items:center;gap:8px;margin-top:0;display:inline-flex}.kb-group{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px;font-size:.85rem}.kb-list{margin:0;padding:0;list-style:none}.kb-list li{min-height:40px;color:var(--ink-light);align-items:center;gap:12px;display:flex}.kb-list kbd{text-align:center;background:var(--surface);border:1px solid #5a5a70;border-bottom-width:3px;border-radius:8px;flex:none;min-width:44px;padding:3px 8px;font:700 .85rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}[data-theme=light] .kb-list kbd{border-color:#b9b9c4}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f7;--surface:#fff;--muted:#5f5f70;--ink-light:#1a1a1a}[data-theme=light] .drawer{background:#fff;border-right-color:#d8d8e0}[data-theme=light] .nav-item:hover{background:#0000000f}[data-theme=light] .nav-item[aria-current=page]{background:#0000001a}[data-theme=light] .card,[data-theme=light] .h-row,[data-theme=light] .xp-card{border-color:#d8d8e0}[data-theme=light] .h-chev,[data-theme=light] .h-restore{border-left-color:#d8d8e0}[data-theme=light] .h-chev:hover,[data-theme=light] .h-restore:hover{background:#0000000f}[data-theme=light] .h-restore.danger,[data-theme=light] .ctx-item.danger b,[data-theme=light] .ctx-item.danger .ctx-icon{color:#b91c1c}[data-theme=light] .h-dot{border-color:#00000059}[data-theme=light] .bk-btn{color:#fff;background:#1a1a1a;border-color:#1a1a1a}[data-theme=light] .bk-btn.warn{color:#b91c1c;background:0 0;border-color:#b91c1c}[data-theme=light] #search{border-color:#c9c9d3}[data-theme=light] .dots i{background:#c4c4d0}[data-theme=light] .dots i.on{background:#1a1a1a}[data-theme=light] .chip[style*="--c:#FFFFFF"]{border-color:#9a9aaa}[data-theme=light] .card.selected{background:#eeeef6;outline-color:#1a1a1a}[data-theme=light] .card.ctx-open{outline-color:#1a1a1a}[data-theme=light] .card.drop-hover{background:#f0f0f8}[data-theme=light] .select-bar,[data-theme=light] .ctx-menu{background:#fff;border-color:#c9c9d3}[data-theme=light] .sel-btn{border-color:#b9b9c4}[data-theme=light] .ctx-item:hover,[data-theme=light] .ctx-item:focus-visible{background:#0000000f}[data-theme=light] .drop-top{color:#1a1a1a;background:#fffffff2}[data-theme=light] .xp-input,[data-theme=light] .empty .btn.ghost{border-color:#b9b9c4}[data-theme=light] .domain-bar .icon-btn,[data-theme=light] .menu-btn{color:#1a1a1a}[data-theme=light] .domain-bar .sync-btn:hover{background:#0000000f}[data-theme=light] .sync-card{border-color:#d8d8e0}[data-theme=light] .sync-error-banner{color:#b91c1c;background:#ef444414;border-color:#ef444440}.trash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.trash-head p{margin:0}.trash-head .bk-btn{min-height:40px;padding:0 14px}.h-restore.danger{color:#f87171}div.h-open{cursor:default}.backup{max-width:480px}.backup h2{color:var(--ink-light);margin:24px 0 6px;font-size:1.1rem}.backup h2:first-child{margin-top:0}.backup p{margin:0 0 12px}.backup b{color:var(--ink-light)}.bk-btn{background:var(--ink-light);min-height:48px;color:var(--ink);border:2px solid var(--ink-light);border-radius:12px;padding:0 20px;font-weight:700}.bk-btn.warn{color:#fca5a5;background:0 0;border-color:#f87171}.undo-toast{left:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;color:#fff;background:#111;border:1px solid #555;border-radius:14px;align-items:center;gap:4px;max-width:min(100vw - 100px,380px);padding:4px 4px 4px 16px;animation:.15s ease-out ctx-pop;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.undo-msg{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.9rem}.undo-btn{color:#facc15;background:0 0;border:0;min-height:44px;padding:0 14px;font-weight:800}.undo-x{color:#aaa;background:0 0;border:0;min-width:36px;min-height:44px}.feature-bar{padding:calc(12px + env(safe-area-inset-top)) 12px 8px;align-items:center;gap:8px;display:flex}.feature-bar h1{margin:0;font-size:1.3rem}.feature-body{color:var(--muted);max-width:720px;padding:16px 20px}.domain-center{text-align:center}.domain-center h1{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.3rem}.dots{justify-content:center;gap:6px;margin-top:4px;display:flex}.dots i{background:#55556a;border-radius:50%;width:7px;height:7px}.dots i.on{background:#fff}.cards.slide-next{animation:.22s ease-out slide-in-r}.cards.slide-prev{animation:.22s ease-out slide-in-l}@keyframes slide-in-r{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes slide-in-l{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}#search{background:var(--surface);border:1px solid #3a3a48;border-radius:999px;width:100%;min-height:44px;padding:0 14px}#search::placeholder{color:var(--muted)}.chips{scrollbar-width:none;gap:8px;padding:12px 0 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1.5px solid var(--c,#777);min-height:30px;color:var(--ink-light);background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:.8rem;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--c);color:var(--ci,#fff)}.chip.all{--c:#888;--ci:#fff}.cards{flex-direction:column;flex:1;gap:8px;width:100%;max-width:720px;margin:0 auto;padding:8px 16px 96px;display:flex}.card{text-align:left;background:var(--surface);width:100%;color:inherit;border:1px solid #34343f;border-radius:12px;flex:none;align-items:stretch;padding:0;transition:transform .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-1px)}.card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}.selecting .fab{display:none}.sel-circle{border:2px solid var(--muted);color:#14141a;border-radius:50%;flex:none;align-self:center;place-items:center;width:24px;height:24px;margin:0 4px 0 12px;font-size:.85rem;font-weight:800;line-height:1;display:grid}.card.selected{background:#2e2e3b;outline:2px solid #fff}.card.selected .sel-circle{background:#facc15;border-color:#facc15}.select-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;background:#2b2b38;border:1px solid #4a4a5c;border-radius:16px;align-items:center;gap:4px;max-width:696px;margin:0 auto;padding:6px;display:flex;position:fixed;box-shadow:0 10px 28px #0000008c}.sel-x{width:44px;min-height:44px;color:var(--ink-light);background:0 0;border:0;flex:none;font-size:1.1rem}.sel-count{white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:700}.sel-btn{min-height:44px;color:var(--ink-light);background:0 0;border:1.5px solid #5a5a70;border-radius:12px;flex:none;padding:0 10px;font-size:.85rem;font-weight:700}.sel-btn.good{color:#0b1f12;background:#22c55e;border-color:#22c55e}.sel-btn.bad{color:#fff;background:#b91c1c;border-color:#b91c1c}.sel-btn:disabled{opacity:.35}.card.ctx-open{outline-offset:1px;outline:3px solid #fff}.ctx-menu{z-index:80;color:var(--ink-light);background:#2b2b38;border:1px solid #4a4a5c;border-radius:14px;padding:6px;animation:.12s ease-out ctx-pop;position:fixed;box-shadow:0 12px 32px #0009}@keyframes ctx-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.ctx-item{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 10px;display:flex}.ctx-item:hover,.ctx-item:focus-visible{background:#ffffff1a}.ctx-icon{text-align:center;flex:none;width:26px;font-size:1.2rem}.ctx-text{flex-direction:column;min-width:0;display:flex}.ctx-text b{font-weight:700}.ctx-text small{color:var(--muted);font-size:.75rem}.ctx-item.danger b,.ctx-item.danger .ctx-icon{color:#f87171}body.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.card.dragging{opacity:.3}body.is-dragging .card:not(.dragging):not(.can-drop){opacity:.4}.card.can-drop{border-style:dashed;border-color:#facc15}.card.drop-hover{background:#33333f;outline:3px solid #facc15;transform:scale(1.02)}.drag-ghost{z-index:100;pointer-events:none;opacity:.95;margin:0;position:fixed;transform:scale(1.03)rotate(1deg);box-shadow:0 10px 28px #0009}.drop-top{left:16px;right:96px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;text-align:center;background:#14141aeb;border:2px dashed #facc15;border-radius:14px;place-items:center;min-height:60px;padding:8px 12px;font-weight:700;display:grid;position:fixed}.drop-top.drop-hover{color:#1a1a1a;background:#facc15}.card .band{background:var(--c);border-right:1px solid #00000040;flex:none;width:10px}.card .body{flex-direction:column;flex:1;gap:2px;min-width:0;padding:8px 12px;display:flex}.card .crumb{color:var(--muted);font-size:.65rem;line-height:1.3}.card .ctitle{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.card.done .ctitle{opacity:.6;text-decoration:line-through}.card .meta{align-items:center;gap:10px;margin-top:2px;display:flex}.card .ctier{background:var(--c);color:var(--ci);border:1px solid #00000040;border-radius:999px;flex:none;padding:1px 9px;font-size:.7rem;font-weight:700}.card .prog{color:var(--muted);flex:1;align-items:center;gap:8px;max-width:200px;font-size:.75rem;display:flex}.bar{background:#8080804d;border-radius:99px;flex:1;height:8px;overflow:hidden}.bar i{background:var(--c,currentColor);border-radius:99px;height:100%;display:block}.empty{text-align:center;color:var(--muted);max-width:320px;margin:auto;padding:48px 24px}.empty .btn{margin-top:16px}.fab{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--legend);color:#fff;border:0;border-radius:50%;width:60px;height:60px;font-size:2rem;line-height:1;position:fixed;box-shadow:0 6px 18px #00000073}.detail{--item-color:#fff;--item-ink:#1a1a1a;--panel:#ffffff2e;--panel-border:transparent;background:var(--item-color);color:var(--item-ink);transition:background-color .25s,color .25s}.detail[data-tier="4"]{--panel:#0000001a}.detail[data-tier="5"]{--panel:#f1f1f3;--panel-border:#d4d4da}.detail-inner{max-width:720px;padding:calc(12px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.detail-bar{align-items:center;gap:4px;display:flex}.spacer{flex:1}.icon-btn{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:1.3rem;display:inline-flex}.icon-btn:hover{background:#0000001f}.icon-btn .lbl{font-size:1rem;font-weight:600}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:2px 4px;margin-top:12px;display:flex}.crumb-link{max-width:100%;min-height:22px;color:inherit;text-overflow:ellipsis;white-space:nowrap;background:#0000001f;border:0;border-radius:999px;padding:0 7px;font-size:.7rem;font-weight:600;overflow:hidden}.crumb-link:hover{background:#0000003d;text-decoration:underline}.crumb-sep{opacity:.7;font-size:.75rem;font-weight:700}.breadcrumbs+.d-title{margin-top:8px}.d-title{text-transform:uppercase;margin:16px 0 6px;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.05}.d-title.done{opacity:.65;text-decoration:line-through}.d-meta{letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:12px;font-weight:700;display:flex}.d-meta .crumb{opacity:.85;letter-spacing:0;flex-basis:100%;font-weight:500}.d-notes{white-space:pre-wrap;opacity:.92;margin:12px 0 0}.d-prog{align-items:center;gap:8px;max-width:320px;margin-top:12px;display:flex}.d-prog .bar{--c:currentColor;background:#0000002e}.done-toggle{background:0 0;border:2px solid;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.tree{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.tree .tree{margin:8px 0 0 18px}.row{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;align-items:stretch;display:flex;overflow:hidden}.row .edge{background:var(--c);border-right:1px solid #00000059;flex:none;width:10px}.row .chk,.row .fold{width:44px;min-height:52px;color:inherit;background:0 0;border:0;flex:none;place-items:center;display:grid}.box{border:2px solid;border-radius:7px;place-items:center;width:24px;height:24px;font-size:.95rem;font-weight:800;line-height:1;display:grid}.row .open{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;padding:8px 6px;display:flex}.row .rt{font-weight:700}.row .rtier{opacity:.8;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.node.done>.row .rt{opacity:.6;text-decoration:line-through}.node.done>.row{opacity:.75}.row .fold{font-size:1rem;transition:transform .2s}.node.collapsed>.row .fold{transform:rotate(-90deg)}.node.collapsed>.tree{display:none}.add-inside{background:0 0;border:2px dashed;border-radius:14px;width:100%;min-height:52px;margin-top:20px;font-weight:700}.add-inside:hover{background:#00000014}.no-children{opacity:.8;margin:20px 0 0}dialog{color:var(--ink);background:#fff;border:0;border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;padding:0}dialog::backdrop{background:#0009}dialog[open]{animation:.22s ease-out slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}#sheet-form,.confirm-form{padding:20px 20px calc(20px + env(safe-area-inset-bottom))}dialog h2{margin:0 0 14px;font-size:1.3rem}.field{border:0;min-width:0;margin:0 0 14px;padding:0;display:block}.field>span,.field>legend{margin-bottom:6px;padding:0;font-size:.9rem;font-weight:700;display:block}.field em{color:#666;font-weight:400}.field input[type=text],.field textarea{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1.5px solid #b9b9c4;border-radius:12px;padding:10px 12px}.field textarea{resize:vertical}.error{color:#b91c1c;margin:-6px 0 12px;font-size:.9rem;font-weight:600}.tier-picker{flex-wrap:wrap;gap:8px;display:flex}.tier-btn{background:var(--c);min-height:44px;color:var(--ci);border:2px solid #00000059;border-radius:999px;padding:0 14px;font-weight:700}.tier-btn[aria-checked=true]{outline:3px solid var(--ink);outline-offset:2px}.tier-btn:disabled{opacity:.3;cursor:not-allowed}.sheet-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.btn{border:2px solid #0000;border-radius:12px;min-height:44px;padding:0 20px;font-weight:700}.btn.primary{background:var(--ink);color:#fff}.btn.danger{color:#fff;background:#b91c1c}.btn.ghost{color:var(--ink);background:0 0;border-color:#b9b9c4}.empty .btn.ghost{color:var(--ink-light);border-color:#666}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));color:#fff;z-index:50;text-align:center;background:#111;border:1px solid #555;border-radius:12px;max-width:min(92vw,420px);padding:12px 18px;position:fixed;transform:translate(-50%)}@media (width>=640px){.home-top{padding-left:32px;padding-right:32px}dialog{border-radius:20px;max-width:480px;margin:auto}.detail-inner{padding-left:24px;padding-right:24px}}@media (width>=1024px){.home-top{width:100%;max-width:720px;margin:0 auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}