:root{--bg: #F6F3EE;--surface: #FFFFFF;--surface-2: #FBF9F5;--text: #2E3330;--muted: #6E746F;--border: #E4DFD6;--sage: #8DB59F;--peach: #F2B8A0;--lavender: #C7C1E4;--sky: #A8CBE6;--butter: #F2DE9F;--coral: #E79A8C;--sage-soft: #DCEBE2;--peach-soft: #FBE5DB;--lavender-soft: #E9E6F5;--sky-soft: #E1EDF7;--butter-soft: #FAF1D3;--coral-soft: #F8DCD6;--on-pastel: #2E3330;--shadow: 0 1px 2px rgba(46, 51, 48, .05), 0 4px 16px rgba(46, 51, 48, .06);--radius: 16px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--head: "Nunito", "Inter", system-ui, sans-serif;color-scheme:light}:root[data-theme=dark],:root[data-tv]{--bg: #1C1F1E;--surface: #262A28;--surface-2: #2C302E;--text: #ECE8E1;--muted: #A3A8A2;--border: #353A37;--sage: #7FA891;--peach: #D99A82;--lavender: #A49DCB;--sky: #86AECB;--butter: #D6C07E;--coral: #D07F71;--sage-soft: #2E3D35;--peach-soft: #43332D;--lavender-soft: #34324A;--sky-soft: #2B3843;--butter-soft: #3F3A28;--coral-soft: #45302D;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--head);line-height:1.2;margin:0}h1{font-size:1.85rem;font-weight:900;letter-spacing:-.01em}h2{font-size:1.15rem;font-weight:800;margin-bottom:.75rem}h3{font-size:1.05rem;font-weight:800}p{margin:.25rem 0 .75rem}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.mono{font-variant-numeric:tabular-nums}.strong{font-weight:700}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.gap{gap:.5rem}.wrap{flex-wrap:wrap}.grow{flex:1 1 160px;min-width:0}.spacer{flex:1}.stack{display:grid;gap:16px;align-content:start}.eyebrow{margin:0 0 .15rem;color:var(--muted);font-size:.9rem}.eyebrow:first-letter,.tv-date:first-letter{text-transform:uppercase}.shell{min-height:100vh}.demo-banner{background:var(--butter);color:var(--on-pastel);text-align:center;font-size:.85rem;padding:6px 16px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:10px max(16px,calc((100vw - 1200px)/2));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{text-decoration:none}.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-weight:800;font-size:1.2rem}.logo b{font-weight:900;color:var(--sage)}.logo-mark{width:28px;height:28px}.logo-big{font-size:1.7rem}.logo-big .logo-mark{width:40px;height:40px}.topnav{display:flex;gap:4px;flex:1}.navlink{position:relative;text-decoration:none;padding:8px 14px;border-radius:999px;color:var(--muted);font-weight:500;white-space:nowrap}.navlink:hover{background:var(--surface);color:var(--text)}.navlink.active{background:var(--sage-soft);color:var(--text);font-weight:600}.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--coral);color:var(--on-pastel);font-size:.72rem;font-weight:700}.main{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.tabbar{display:none}@media (max-width: 860px){.topnav{display:none}.topbar{padding:8px 16px;gap:12px;justify-content:space-between}.topbar-right .phase{font-size:.78rem}.main{padding:16px 16px calc(84px + env(safe-area-inset-bottom))}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;justify-content:center;text-decoration:none;color:var(--muted);font-size:.75rem;border-radius:12px}.tab.active{color:var(--text);background:var(--sage-soft);font-weight:600}.tab-icon{font-size:1.25rem;line-height:1}.tab .nav-badge{position:absolute;top:2px;right:calc(50% - 26px);margin:0}h1{font-size:1.5rem}}.phase-short{display:none}@media (max-width: 560px){.phase-long{display:none}.phase-short{display:inline}}.page{display:grid;gap:16px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.section-title{margin:8px 0 -4px;font-size:1rem;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600;text-decoration:none;transition:transform .08s ease,background .15s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--sage);border-color:var(--sage);color:var(--on-pastel)}.btn.primary:hover{filter:brightness(1.04)}.btn.lavender{background:var(--lavender);border-color:var(--lavender);color:var(--on-pastel)}.btn.ghost{background:transparent}.btn.small{min-height:36px;padding:0 12px;font-size:.88rem}.btn.danger{color:var(--coral)}:root[data-theme=dark] .btn.danger{color:#f0a89b}.btn.wide{width:100%;margin-top:8px}@media (pointer: coarse){.btn.small{min-height:44px}}.pill{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:500}.pill.on{background:var(--sage-soft);border-color:var(--sage);font-weight:600}input,select,textarea{min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);outline:none;width:100%}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--sky);outline-offset:2px}textarea{resize:vertical}input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:var(--sage);margin:0}.field{display:grid;gap:6px;margin-bottom:14px}.field>span:first-child{font-size:.88rem;font-weight:600;color:var(--muted)}.check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.quick .num{display:inline-flex;align-items:center;gap:8px}.quick .num input{width:92px}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px}.seg button{border:0;background:transparent;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:38px}.seg button.on{background:var(--surface);box-shadow:var(--shadow);font-weight:600}:root[data-theme=dark] .seg button.on{background:var(--sage-soft)}.seg.small button{padding:4px 10px;min-height:30px;font-size:.85rem}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap;color:var(--on-pastel);background:var(--surface-2)}:root[data-theme=dark] .chip,:root[data-tv] .chip{color:var(--text)}.chip.small{font-size:.7rem;padding:1px 8px;margin-left:6px}.chip.stake,.chip.peach{background:var(--peach-soft)}.chip.butter{background:var(--butter-soft)}.status-planned{background:var(--sky-soft)}.status-running{background:var(--lavender)}:root[data-theme=dark] .status-running{background:var(--lavender-soft)}.status-paused{background:var(--lavender-soft)}.status-done{background:var(--sage-soft)}.status-onTime{background:var(--butter)}:root[data-theme=dark] .status-onTime{background:var(--butter-soft)}.status-failed{background:var(--coral-soft)}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;color:var(--on-pastel);font-weight:700;font-family:var(--head);background:var(--border)}.flame{display:inline-flex;align-items:center;gap:1px;font-weight:700;font-size:.85rem;color:var(--muted)}.flame-lg span{font-size:1.1rem}.flame-xl span{font-size:1.35rem;filter:drop-shadow(0 0 4px rgba(242,184,160,.8))}.phase{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.88rem;font-weight:500;white-space:nowrap}.phase .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.phase-planning .dot{background:var(--sky)}.phase-working .dot{background:var(--sage);animation:blink 2s infinite}.phase-closed .dot{background:var(--coral)}@keyframes blink{50%{opacity:.35}}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{display:grid;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow)}.stat-n{font-family:var(--head);font-size:1.9rem;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.stat-l{color:var(--muted);font-size:.85rem}.task-list{display:grid;gap:12px}.task{display:grid;gap:10px;border-left:6px solid var(--sky)}.task-running{border-left-color:var(--lavender)}.task-paused{border-left-color:var(--lavender-soft)}.task-done{border-left-color:var(--sage)}.task-failed{border-left-color:var(--coral);opacity:.85}.task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.task-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--muted);font-size:.9rem}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress span{display:block;height:100%;background:var(--sage);border-radius:999px;transition:width .5s linear}.progress.over span{background:var(--coral)}.actions{padding-top:2px}.reaction-summary{display:flex;gap:10px;font-size:.9rem}.pulse{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow),0 0 color-mix(in srgb,var(--lavender) 60%,transparent)}50%{box-shadow:var(--shadow),0 0 0 6px color-mix(in srgb,var(--lavender) 25%,transparent)}}.add-card h2{display:flex;justify-content:space-between;align-items:baseline}.task-form{display:grid}.away-card{background:var(--sky-soft)}.looks{background:var(--butter-soft)}.looks ul{margin:0 0 10px;padding-left:20px}.empty{display:grid;justify-items:center;gap:4px;padding:18px 8px;text-align:center;color:var(--muted)}.empty-icon{font-size:2rem}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.others{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.others .card{padding:10px 14px;opacity:.8}.side{position:sticky;top:76px}@media (max-width: 1000px){.board-layout{grid-template-columns:1fr}.side{position:static}}.person.me{border-color:var(--sage)}.person-head{display:flex;align-items:center;gap:10px}.person-name{display:grid;flex:1;min-width:0;line-height:1.3}.person-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-pts{font-family:var(--head);font-weight:900;font-size:1.3rem;font-variant-numeric:tabular-nums}.person-pts.minus,.pts.minus{color:var(--coral)}.btasks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.btask{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:grid;gap:6px}.btask-failed{background:var(--coral-soft);border-color:transparent}.btask-main{display:flex;gap:8px;align-items:flex-start}.btask-main .chip{flex:none}.btask-title{font-weight:500;line-height:1.35;padding-top:1px}.btask-title.private{color:var(--muted);font-style:italic}.btask-meta{display:flex;gap:6px 12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.82rem}.pts{font-weight:700}.pts.plus{color:#4f8a6a}:root[data-theme=dark] .pts.plus,:root[data-tv] .pts.plus{color:var(--sage)}.btask-react{display:flex;flex-wrap:wrap;gap:4px}.react{display:inline-flex;align-items:center;gap:3px;min-height:30px;padding:0 8px;border-radius:999px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:.9rem;opacity:.55}.react:hover,.react.has{opacity:1}.react.has{background:var(--surface);border-color:var(--border)}.react.on{background:var(--lavender-soft);border-color:var(--lavender);opacity:1}.react .n{font-size:.78rem;font-weight:700}.react.look{opacity:.9;font-size:.8rem;font-weight:600}.react.more{opacity:.6;font-size:.85rem;border:1px dashed var(--border)}.react.more:hover{opacity:1}.react.look:disabled{cursor:default}@media (pointer: coarse){.react{min-height:38px;padding:0 10px}}.misses{background:var(--peach-soft)}.misses.none{background:var(--sage-soft)}.miss-list{margin:0;padding-left:20px}.rank{list-style:none;margin:0;padding:0;display:grid;gap:4px}.rank li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px}.rank li.me{background:var(--sage-soft)}.rank-n{width:26px;text-align:center;font-weight:800;font-family:var(--head);flex:none}.rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-pts{font-family:var(--head);font-weight:900;font-variant-numeric:tabular-nums}.rank-pts small{font-weight:600;color:var(--muted);font-size:.7em}.rank-big li{padding:10px 12px;gap:14px;font-size:1.35rem}.tabs{display:inline-flex;gap:6px}.tabs button{min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600}.tabs button.on{background:var(--sage);border-color:var(--sage);color:var(--on-pastel)}.table-card{padding:6px;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table th{text-align:left;font-size:.8rem;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:0}.table tr.me td{background:var(--sage-soft)}.table .num{text-align:right}.who{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}@media (max-width: 600px){.hide-sm{display:none}.table td,.table th{padding:8px 6px}}.prize{display:flex;gap:14px;align-items:center;background:var(--butter-soft)}.prize-icon{font-size:2rem}.prize-text{font-family:var(--head);font-weight:800;font-size:1.15rem;margin:0}.hall{list-style:none;padding:0;margin:0;display:grid;gap:10px}.hall li{display:flex;gap:12px;align-items:center}.week-pick{display:inline-flex;align-items:center;gap:8px;font-weight:600}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 600px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{display:grid;gap:2px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text)}.tile[class*=c-]{border-color:transparent;color:var(--on-pastel)}:root[data-theme=dark] .tile[class*=c-]{color:#1c1f1e}.tile-n{font-family:var(--head);font-size:1.6rem;font-weight:900;font-variant-numeric:tabular-nums}.tile-text{font-size:1rem;line-height:1.3}.tile-l{font-size:.82rem;opacity:.8}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(80px,160px) 1fr 44px;gap:10px;align-items:center;font-size:.9rem}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:14px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar{display:block;height:100%;border-radius:999px}.bar.neg{background:var(--coral)!important;opacity:.7}.bar-val{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.ledger-group ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.ledger-entry{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.ledger-line{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.ledger-task{flex:1;min-width:140px}.settled{list-style:none;margin:0;padding:0;display:grid;gap:10px}.settled li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.profile-top{display:flex;align-items:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.profile-streaks{display:flex;gap:12px;flex:1}.profile-streaks .stat{box-shadow:none;background:var(--surface-2);flex:1}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer}.swatch.on{border-color:var(--text)}.emoji-pick{display:flex;flex-wrap:wrap;gap:6px}.emoji-pick .pill{min-width:44px;min-height:40px;font-size:1.1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px}.settings-grid .field{margin:0}.badges{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.badges li{display:grid;gap:2px;justify-items:center;text-align:center;padding:14px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.badges li.earned{background:var(--butter-soft);border-color:var(--butter)}.badges li.locked{opacity:.5}.badges li.locked .badge-icon{filter:grayscale(1)}.badge-icon{font-size:2rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}.admin-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}.admin-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface-2);flex-wrap:wrap}.admin-list li.inactive{opacity:.5}.admin-list select{width:auto;min-height:36px;padding:4px 10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 12px}@media (max-width: 400px){.admin-grid{grid-template-columns:1fr}}.login,.loading{min-height:100vh;display:grid;place-items:center;padding:16px}.loading{align-content:center;gap:8px;justify-items:center}.login-card{width:min(420px,100%);display:grid;gap:8px;padding:28px}.code-input{font-size:1.6rem;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}.error{color:var(--coral);font-weight:600}:root[data-theme=dark] .error{color:#f0a89b}.demo-note{background:var(--butter-soft);padding:10px 12px;border-radius:12px;font-size:.9rem}.toasts{position:fixed;z-index:100;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom));display:grid;gap:8px;width:min(440px,calc(100vw - 32px))}@media (min-width: 861px){.toasts{bottom:24px}}.toast{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:0 8px 30px #00000026;cursor:pointer;font-weight:600;animation:toast-in .25s ease}.toast-error{background:var(--coral-soft)}.toast-success{background:var(--sage-soft)}.toast-badge{background:var(--butter-soft)}.toast-icon{font-size:1.4rem}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.tv{height:100vh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;font-size:28px;background:var(--bg)}.tv-head{display:flex;align-items:center;gap:32px;padding:20px 36px;border-bottom:1px solid var(--border)}.tv-logo{font-family:var(--head);font-weight:900;font-size:1.4em;text-decoration:none;color:var(--sage)}.tv-date{color:var(--muted);flex:1}.tv-head .phase{font-size:.8em;padding:8px 20px}.tv-clock{font-family:var(--head);font-weight:900;font-size:2em;font-variant-numeric:tabular-nums}.tv-main{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding:28px 36px;min-height:0}.tv-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;align-content:start;overflow:hidden;min-height:0;scrollbar-width:none}.tv .btask{padding:6px 10px;gap:2px}.tv .btasks{gap:6px}.tv .person{font-size:22px;padding:18px}.tv .person .chip{font-size:16px}.tv .btask-meta{display:none}.tv .btask-title{font-size:19px}.tv-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;align-self:start}.tv-side h2{font-size:1.1em;margin-bottom:16px}.tv-ticker{overflow:hidden;border-top:1px solid var(--border);background:var(--surface);height:64px;display:flex;align-items:center}.ticker-track{display:inline-flex;gap:64px;white-space:nowrap;padding-left:100%;animation:ticker linear infinite;font-size:24px}@keyframes ticker{to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ticker-track{padding-left:36px;flex-wrap:wrap}}.c-sage{background:var(--sage)}.c-peach{background:var(--peach)}.c-lavender{background:var(--lavender)}.c-sky{background:var(--sky)}.c-butter{background:var(--butter)}.c-coral{background:var(--coral)}
