:root{--hue: 250;--bg: oklch(.995 .002 var(--hue));--bg-subtle: oklch(.975 .004 var(--hue));--bg-muted: oklch(.955 .006 var(--hue));--surface: oklch(1 0 var(--hue));--surface-2: oklch(.985 .003 var(--hue));--border: oklch(.915 .007 var(--hue));--border-strong: oklch(.855 .01 var(--hue));--ink: oklch(.205 .018 var(--hue));--ink-2: oklch(.38 .014 var(--hue));--ink-3: oklch(.56 .012 var(--hue));--ink-4: oklch(.7 .01 var(--hue));--accent: oklch(.55 .16 255);--accent-hover: oklch(.5 .17 255);--accent-soft: oklch(.95 .03 255);--accent-ink: oklch(.4 .17 255);--accent-ring: oklch(.55 .16 255 / .3);--success: oklch(.6 .14 150);--success-soft: oklch(.95 .03 150);--success-ink: oklch(.42 .15 150);--warning: oklch(.7 .14 75);--warning-soft: oklch(.96 .04 75);--warning-ink: oklch(.48 .13 60);--danger: oklch(.58 .18 25);--danger-soft: oklch(.96 .03 25);--danger-ink: oklch(.45 .18 25);--neutral: oklch(.6 .01 var(--hue));--neutral-soft: oklch(.95 .005 var(--hue));--shadow-xs: 0 1px 1px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 8px -2px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .12), 0 4px 8px -4px rgba(15, 23, 42, .06);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-2xl: 18px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--sidebar-w: 240px;--sidebar-w-collapsed: 64px}[data-theme=dark]{--bg: oklch(.155 .012 var(--hue));--bg-subtle: oklch(.185 .014 var(--hue));--bg-muted: oklch(.215 .016 var(--hue));--surface: oklch(.195 .014 var(--hue));--surface-2: oklch(.225 .016 var(--hue));--border: oklch(.29 .016 var(--hue));--border-strong: oklch(.36 .018 var(--hue));--ink: oklch(.965 .005 var(--hue));--ink-2: oklch(.8 .01 var(--hue));--ink-3: oklch(.64 .014 var(--hue));--ink-4: oklch(.5 .014 var(--hue));--accent: oklch(.68 .17 255);--accent-hover: oklch(.74 .17 255);--accent-soft: oklch(.3 .1 255 / .35);--accent-ink: oklch(.8 .16 255);--accent-ring: oklch(.68 .17 255 / .35);--success: oklch(.72 .15 150);--success-soft: oklch(.35 .1 150 / .3);--success-ink: oklch(.82 .16 150);--warning: oklch(.78 .15 75);--warning-soft: oklch(.38 .1 75 / .3);--warning-ink: oklch(.84 .14 75);--danger: oklch(.7 .18 25);--danger-soft: oklch(.35 .12 25 / .3);--danger-ink: oklch(.82 .16 25);--neutral: oklch(.65 .01 var(--hue));--neutral-soft: oklch(.3 .006 var(--hue));--shadow-xs: 0 1px 1px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .5), 0 4px 8px -4px rgba(0, 0, 0, .3)}[data-density=compact]{--sp-3: 8px;--sp-4: 12px;--sp-5: 14px;--sp-6: 18px;--sp-8: 24px;--fs-base: 12px;--fs-md: 13px}[data-density=comfortable]{--sp-3: 14px;--sp-4: 18px;--sp-5: 22px;--sp-6: 28px;--sp-8: 36px}[data-accent=indigo]{--accent: oklch(.55 .18 275);--accent-hover: oklch(.5 .18 275);--accent-soft: oklch(.95 .03 275);--accent-ink: oklch(.42 .18 275);--accent-ring: oklch(.55 .18 275 / .3)}[data-accent=emerald]{--accent: oklch(.58 .14 165);--accent-hover: oklch(.53 .14 165);--accent-soft: oklch(.95 .03 165);--accent-ink: oklch(.42 .15 165);--accent-ring: oklch(.58 .14 165 / .3)}[data-accent=violet]{--accent: oklch(.56 .18 295);--accent-hover: oklch(.51 .18 295);--accent-soft: oklch(.95 .03 295);--accent-ink: oklch(.44 .18 295);--accent-ring: oklch(.56 .18 295 / .3)}[data-accent=amber]{--accent: oklch(.65 .15 55);--accent-hover: oklch(.6 .15 55);--accent-soft: oklch(.96 .04 55);--accent-ink: oklch(.48 .15 55);--accent-ring: oklch(.65 .15 55 / .3)}[data-theme=dark][data-accent=indigo]{--accent: oklch(.7 .17 275);--accent-soft: oklch(.3 .1 275 / .35);--accent-ink: oklch(.82 .16 275);--accent-ring: oklch(.7 .17 275 / .35)}[data-theme=dark][data-accent=emerald]{--accent: oklch(.72 .14 165);--accent-soft: oklch(.32 .1 165 / .3);--accent-ink: oklch(.82 .15 165);--accent-ring: oklch(.72 .14 165 / .35)}[data-theme=dark][data-accent=violet]{--accent: oklch(.7 .17 295);--accent-soft: oklch(.32 .1 295 / .35);--accent-ink: oklch(.82 .16 295);--accent-ring: oklch(.7 .17 295 / .35)}[data-theme=dark][data-accent=amber]{--accent: oklch(.78 .15 55);--accent-soft: oklch(.35 .1 55 / .35);--accent-ink: oklch(.85 .14 55);--accent-ring: oklch(.78 .15 55 / .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-feature-settings:"cv11","ss01","ss03"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;background:var(--bg-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-3);gap:var(--sp-2)}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-4)}.brand-mark{width:30px;height:30px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 40%,transparent),var(--shadow-sm);letter-spacing:-.02em}.brand-name{font-size:var(--fs-md);font-weight:600;color:var(--ink);letter-spacing:-.01em}.brand-sub{font-size:var(--fs-xs);color:var(--ink-3);margin-top:1px}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:7px var(--sp-3);border-radius:var(--r-md);color:var(--ink-2);font-size:var(--fs-base);font-weight:500;width:100%;text-align:left;transition:background .12s,color .12s;position:relative}.nav-item:hover{background:var(--bg-muted);color:var(--ink)}.nav-item.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--border)}.nav-item.active:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:2px}.nav-item .ic{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}.nav-item.active .ic{color:var(--accent)}.nav-item .count{margin-left:auto;font-size:10.5px;color:var(--ink-3);background:var(--bg-muted);padding:1px 6px;border-radius:999px;font-variant-numeric:tabular-nums}.nav-item.active .count{background:var(--accent-soft);color:var(--accent-ink)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border)}.worker-status{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--bg-muted);font-size:var(--fs-xs);color:var(--ink-2)}.worker-status .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in oklab,var(--success) 25%,transparent)}.worker-status.busy .dot{background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.worker-status.idle .dot{background:var(--neutral);box-shadow:0 0 0 3px color-mix(in oklab,var(--neutral) 25%,transparent)}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--accent) 50%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--accent) 0%,transparent)}}.user-chip{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--ink-3)}.user-chip .avatar{width:22px;height:22px;border-radius:50%;background:var(--bg-muted);border:1px solid var(--border);display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--ink-2)}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;min-height:58px}.crumbs{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-3)}.crumbs .sep{color:var(--ink-4)}.crumbs .here{color:var(--ink);font-weight:500}.topbar-spacer{flex:1}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--ink-2);transition:background .12s}.icon-btn:hover{background:var(--bg-muted);color:var(--ink)}.icon-btn .ic{width:16px;height:16px}.view{padding:var(--sp-6) var(--sp-8);max-width:1320px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.page-title{font-size:var(--fs-2xl);font-weight:600;color:var(--ink);letter-spacing:-.02em;margin:0}.page-sub{color:var(--ink-3);font-size:var(--fs-md);margin-top:var(--sp-1)}.page-actions{display:flex;gap:var(--sp-2);align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:7px var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-base);font-weight:500;line-height:1;height:32px;transition:all .12s;border:1px solid transparent;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.btn .ic{width:14px;height:14px}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs),inset 0 1px color-mix(in oklab,white 20%,transparent)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-muted)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--bg-muted);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.05)}.btn-success{background:var(--success);color:#fff}.btn-sm{height:26px;padding:4px 10px;font-size:var(--fs-sm)}.btn-lg{height:38px;padding:10px var(--sp-5);font-size:var(--fs-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.card-title{font-size:var(--fs-md);font-weight:600;color:var(--ink)}.card-body{padding:var(--sp-5)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:500;line-height:1.4;border:1px solid transparent}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-neutral{background:var(--neutral-soft);color:var(--ink-2);border-color:var(--border)}.badge-accent{background:var(--accent-soft);color:var(--accent-ink)}.badge-success{background:var(--success-soft);color:var(--success-ink)}.badge-warning{background:var(--warning-soft);color:var(--warning-ink)}.badge-danger{background:var(--danger-soft);color:var(--danger-ink)}.level-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--r-sm);font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;border:1px solid transparent}.level-1{background:#e9f3ff;background:oklch(.96 .03 255);color:#0053a5;color:oklch(.45 .16 255)}.level-2{background:#f2efff;background:oklch(.96 .03 295);color:#5e3ba3}.level-3{background:#ffefdb;background:oklch(.96 .04 75);color:#925000;color:oklch(.5 .14 60)}.level-4{background:#ffecea;background:oklch(.96 .03 25);color:#ac3031}[data-theme=dark] .level-1{background:#002d5e4d;background:oklch(.3 .1 255 / .3);color:#91c1ff;color:oklch(.8 .16 255)}[data-theme=dark] .level-2{background:#331f5a4d;color:#c3afff;color:oklch(.8 .16 295)}[data-theme=dark] .level-3{background:#4e28004d;background:oklch(.32 .1 60 / .3);color:#f9b64f}[data-theme=dark] .level-4{background:#5c17174d;color:#ffaba3;color:oklch(.82 .16 25)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:var(--fs-sm);font-weight:500;color:var(--ink-2)}.hint{font-size:var(--fs-xs);color:var(--ink-3)}.input,.select{height:34px;padding:0 var(--sp-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);font-size:var(--fs-base);color:var(--ink);width:100%;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input::placeholder{color:var(--ink-4)}.switch{position:relative;width:34px;height:20px;background:var(--border-strong);border-radius:999px;transition:background .15s;cursor:pointer;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(14px)}.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tbl th{text-align:left;font-size:var(--fs-xs);font-weight:500;color:var(--ink-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-subtle);text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0}.tbl td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--fs-base);color:var(--ink)}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--bg-subtle)}.mono{font-family:var(--font-mono);font-size:12px}.progress{position:relative;width:100%;height:8px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.progress>.fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress.running>.fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,white 30%,transparent) 50%,transparent 100%);animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-seg{display:flex;width:100%;height:8px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.progress-seg>span{height:100%;transition:width .4s ease}.progress-seg>.s-ok{background:var(--success)}.progress-seg>.s-err{background:var(--danger)}.progress-seg>.s-skip{background:var(--neutral)}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.anim-in{animation:slideFadeIn .24s ease-out both}:focus-visible{outline:none}.kbd{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--r-xs)}.divider{height:1px;background:var(--border);border:none;margin:var(--sp-5) 0}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--fs-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.stat-value{font-size:var(--fs-xl);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-delta{font-size:var(--fs-xs);color:var(--ink-3)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-6);color:var(--ink-3);text-align:center;gap:var(--sp-2)}.empty-title{font-size:var(--fs-md);font-weight:500;color:var(--ink-2)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:var(--fs-xs);background:var(--bg-muted);color:var(--ink-2);border-radius:var(--r-sm);border:1px solid var(--border);font-family:var(--font-mono)}.app{grid-template-columns:1fr!important;min-height:100dvh}.sidebar{display:none}.mobile-tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30;box-shadow:0 -2px 8px #0f172a0a}.mobile-tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border-radius:var(--r-md);color:var(--ink-3);font-size:10.5px;font-weight:500;background:transparent}.mobile-tabbar .tab .ic{width:20px;height:20px}.mobile-tabbar .tab.active{color:var(--accent);background:var(--accent-soft)}.main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{padding:var(--sp-3) var(--sp-4);min-height:52px}.view{padding:var(--sp-4);max-width:100%}.page-head{margin-bottom:var(--sp-4)}.page-title{font-size:var(--fs-xl)}@media (min-width: 720px){.app{grid-template-columns:var(--sidebar-w) 1fr!important}.sidebar{display:flex}.mobile-tabbar{display:none}.main{padding-bottom:0}.topbar{padding:var(--sp-4) var(--sp-6);min-height:58px}.view{padding:var(--sp-6) var(--sp-8);max-width:1320px}.page-title{font-size:var(--fs-2xl)}}.auth-shell{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-subtle) 100%);padding:var(--sp-6) var(--sp-4)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-md);padding:var(--sp-6)}.auth-card h1{margin:0 0 var(--sp-1);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em}.auth-card .sub{color:var(--ink-3);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1}.steps{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5)}.steps>div{flex:1;height:4px;border-radius:999px;background:var(--bg-muted)}.steps>div.active{background:var(--accent)}.steps>div.done{background:var(--success)}.cards-grid{display:grid;gap:var(--sp-3);grid-template-columns:1fr}@media (min-width: 480px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.cards-grid{grid-template-columns:repeat(4,1fr)}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);transition:border-color .12s,transform .12s}.tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.tile-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.tile-name{font-weight:600;font-size:var(--fs-md)}.tile-meta{color:var(--ink-3);font-size:var(--fs-xs)}.tile-actions{display:flex;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-2)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:40;display:grid;place-items:center;padding:var(--sp-4)}.modal{width:100%;max-width:560px;background:var(--surface);border-radius:var(--r-2xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100dvh - var(--sp-8))}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal-body{padding:var(--sp-5);overflow:auto}.modal-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--sp-2)}.xp-bar{height:10px}.xp-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;font-size:var(--fs-xs);font-weight:600}.list{display:flex;flex-direction:column;gap:var(--sp-2)}.list-item{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4)}.list-item .body{flex:1;min-width:0}.list-item .body .ttl{font-weight:500}.list-item .body .sub{color:var(--ink-3);font-size:var(--fs-xs)}.checks{display:flex;flex-direction:column;gap:var(--sp-2)}.check-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer}.check-row.on{border-color:var(--accent);background:var(--accent-soft)}.check-row input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.photo-drop{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-6);text-align:center;color:var(--ink-3);cursor:pointer;transition:border-color .12s,background .12s}.photo-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.photo-preview{max-width:100%;max-height:240px;border-radius:var(--r-md);border:1px solid var(--border)}.tbl-wrap{overflow-x:auto;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface)}.skel{background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-subtle) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:shimmer-skel 1.4s ease-in-out infinite;border-radius:var(--r-md)}@keyframes shimmer-skel{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-wrap{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--sp-2);z-index:50;pointer-events:none}.toast{background:var(--ink);color:var(--bg);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);box-shadow:var(--shadow-md);font-size:var(--fs-sm);pointer-events:auto;animation:slideFadeIn .24s ease-out}.toast.error{background:var(--danger);color:#fff}.toast.success{background:var(--success);color:#fff}@media (min-width: 720px){.toast-wrap{bottom:var(--sp-6)}}.h-full{min-height:100%}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-auto{margin-top:auto}.text-muted{color:var(--ink-3)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mono-caps{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.level-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-family:var(--font-mono);font-weight:700;font-size:14px;letter-spacing:-.02em;box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-sm);flex-shrink:0}.level-badge.lg{width:56px;height:56px;font-size:18px}.level-badge.sm{width:28px;height:28px;font-size:11px}.pill-soft{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:500;background:var(--bg-muted);color:var(--ink-2);border:1px solid var(--border)}.pill-soft.warm{background:var(--warning-soft);color:var(--warning-ink);border-color:transparent}.pill-soft.danger{background:var(--danger-soft);color:var(--danger-ink);border-color:transparent}.pill-soft.cool{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.focus-card{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-2xl);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:var(--shadow-sm)}.focus-card .top-row{display:flex;justify-content:space-between;align-items:center}.focus-card .title{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.015em;line-height:1.2}.focus-card .desc{color:var(--ink-2);font-size:var(--fs-sm)}.focus-card .foot{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.xp-celebration{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border-radius:var(--r-2xl);padding:var(--sp-6) var(--sp-5);text-align:center;box-shadow:var(--shadow-md),0 0 0 1px color-mix(in oklab,var(--accent) 50%,transparent)}.xp-celebration .label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.xp-celebration .number{font-family:var(--font-mono);font-size:44px;font-weight:700;line-height:1.05;margin-top:6px;letter-spacing:-.03em}.xp-celebration .sub{margin-top:6px;font-size:var(--fs-sm);opacity:.95}.mission-card{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border-radius:var(--r-xl);padding:var(--sp-4)}.mission-card .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.mission-card .title{font-weight:600;font-size:var(--fs-md);margin-top:4px}.mission-card .sub{font-size:var(--fs-xs);opacity:.95;margin-top:2px}.mission-card .segs{display:flex;gap:4px;margin-top:10px}.mission-card .segs>i{flex:1;height:6px;background:#ffffff40;border-radius:999px}.mission-card .segs>i.on{background:#fffffff2}.task-row{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);transition:border-color .12s,transform .12s}.task-row:hover{border-color:var(--border-strong)}.task-row .check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;display:grid;place-items:center;color:transparent;transition:all .12s}.task-row.done{opacity:.55;background:var(--bg-subtle)}.task-row.done .check{background:var(--accent);border-color:var(--accent);color:#fff}.task-row.done .check:after{content:"";width:10px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='5 12 10 17 19 8' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='5 12 10 17 19 8' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>") center/contain no-repeat}.task-row .body{flex:1;min-width:0}.task-row .body .ttl{font-weight:600;font-size:var(--fs-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row.done .body .ttl{text-decoration:line-through}.task-row .body .sub{color:var(--ink-3);font-size:11px;margin-top:1px}.task-mini{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md)}.task-mini .glyph{width:28px;height:28px;border-radius:var(--r-sm);background:var(--bg-muted);display:grid;place-items:center;font-size:14px;flex-shrink:0}.task-mini .body{flex:1;min-width:0;font-size:var(--fs-sm)}.task-mini .body .ttl{font-weight:500}.task-mini .body .sub{color:var(--ink-3);font-size:10.5px}.bottom-bar{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4));display:flex;gap:var(--sp-2);z-index:5}@media (min-width: 720px){.bottom-bar{bottom:0;margin:var(--sp-6) calc(-1 * var(--sp-8)) calc(-1 * var(--sp-6));padding:var(--sp-4) var(--sp-8)}}.timer-hero{text-align:center;padding:var(--sp-5) 0}.timer-hero .clock{font-family:var(--font-mono);font-size:56px;font-weight:600;letter-spacing:-.03em;line-height:1}.timer-hero .label{color:var(--ink-3);font-size:var(--fs-xs);margin-top:4px}.streak{display:flex;gap:3px}.streak>i{flex:1;height:32px;border:1px solid var(--border);border-radius:var(--r-sm);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;color:var(--ink-3);text-transform:uppercase}.streak>i.on{background:var(--accent);color:#fff;border-color:transparent}.confetti{position:relative;overflow:hidden}.confetti:before,.confetti:after{content:"";position:absolute;border-radius:50%;background:#ffffff59;pointer-events:none}.confetti:before{width:80px;height:80px;top:-30px;right:-20px}.confetti:after{width:40px;height:40px;bottom:-10px;left:20%;opacity:.6}