:root{--bg:#fbf1f3;--surface:#fff;--sunk:#f6e4e9;--ink:#2c1a24;--muted:#8a6b79;--line:#ecd3db;--accent:#f0457a;--accent-ink:#fff;--accent-soft:#ffdbe6;--butter:#ffe08a;--mint:#23a387;--mint-soft:#d4f3ea;--red:#d8434a;--red-soft:#fde0e0;--sky:#5b8def;--sky-soft:#dfe8fd;--lilac:#9a6ce0;--lilac-soft:#ece2fb;--peach:#ef8a3c;--peach-soft:#fde6d2;--shadow:0 1px 0 #7828460f, 0 6px 18px -8px #78284640;--display:"Bagel Fat One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"DM Mono", ui-monospace, Menlo, monospace;--r:14px;--spring:cubic-bezier(.34, 1.4, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1d1318;--surface:#2a1c23;--sunk:#23171d;--ink:#f8e9ef;--muted:#b897a6;--line:#3e2a33;--accent:#ff6f9a;--accent-ink:#2a0d18;--accent-soft:#4a2232;--butter:#e8c35c;--mint:#4fd1b0;--mint-soft:#193a32;--red:#ff7a7f;--red-soft:#45201f;--sky:#8db0ff;--sky-soft:#1e2a45;--lilac:#c4a3f5;--lilac-soft:#2f2342;--peach:#ffad6e;--peach-soft:#42291a;--shadow:0 1px 0 #0000004d, 0 8px 20px -10px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1d1318;--surface:#2a1c23;--sunk:#23171d;--ink:#f8e9ef;--muted:#b897a6;--line:#3e2a33;--accent:#ff6f9a;--accent-ink:#2a0d18;--accent-soft:#4a2232;--butter:#e8c35c;--mint:#4fd1b0;--mint-soft:#193a32;--red:#ff7a7f;--red-soft:#45201f;--sky:#8db0ff;--sky-soft:#1e2a45;--lilac:#c4a3f5;--lilac-soft:#2f2342;--peach:#ffad6e;--peach-soft:#42291a;--shadow:0 1px 0 #0000004d, 0 8px 20px -10px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}img{max-width:100%}[hidden]{display:none!important}code{font-family:var(--mono);background:var(--sunk);border-radius:6px;padding:1px 5px;font-size:.92em}.top{top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky}.top-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:12px 16px;display:flex}.logo{font-family:var(--display);letter-spacing:.5px;color:var(--accent);align-items:center;gap:8px;font-size:26px;line-height:1;display:flex}.logo .clap{width:30px;height:26px}.tabs{background:var(--sunk);border-radius:999px;gap:4px;padding:4px;display:flex}.bottom-tabs{display:none}.tab{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-weight:600}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.tab.drop-hi{background:var(--accent);color:var(--accent-ink)}.account{position:relative}.avatar-btn{background:var(--lilac-soft);width:36px;height:36px;color:var(--lilac);transition:transform .15s var(--spring);border:0;border-radius:50%;font-weight:800}.avatar-btn:hover{transform:scale(1.06)}.menu{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;min-width:200px;animation:pop-in .22s var(--spring) backwards;transform-origin:100% 0;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}main{max-width:1320px;margin:0 auto;padding-block:18px 48px;padding-inline:16px}.loading-view{min-height:40vh}.spacer{flex:1}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline{align-items:center;gap:8px;display:flex}.inline input{flex:1;min-width:0}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hint{color:var(--muted);font-size:12.5px}.btn{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 60%, #000);border:0;border-radius:999px;padding:9px 16px;font-weight:700}.btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 60%, #000);transform:translateY(2px)}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.small{padding:6px 12px;font-size:13px}.btn.fit{align-self:flex-start}.btn:disabled{box-shadow:none}.btn.armed{background:var(--red);color:#fff;border-color:var(--red)}.link-pill{align-self:flex-start;text-decoration:none}.link-btn{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.danger{color:var(--red)}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:13px;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.dot{border-radius:50%;flex:none;width:10px;height:10px}.pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.pill .n{font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 8px;font-size:13px}.pill.due .n{background:var(--butter);color:#3a2a00}.pill.ed .n{background:var(--lilac-soft);color:var(--lilac)}.pill.rej .n{background:var(--red-soft);color:var(--red)}.pill.hour-pill{cursor:pointer;background:var(--ink);color:var(--bg);border-color:var(--ink)}.tag{background:var(--sunk);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.tag.late{background:var(--red-soft);color:var(--red)}.tag.soon{background:var(--butter);color:#3a2a00}.tag.editor{background:var(--lilac-soft);color:var(--lilac)}.tag.reason{background:var(--red-soft);color:var(--red);white-space:normal;font-weight:600}.tag.ask{background:var(--accent);color:var(--accent-ink)}.tag.wait{background:var(--butter);color:#3a2a00}.tag.ok{background:var(--mint-soft);color:var(--mint)}.tag.win{background:var(--butter);color:#3a2a00}.tag.sky{background:var(--sky-soft);color:var(--sky)}.tag.today-tag{background:var(--ink);color:var(--bg)}.av{background:var(--lilac-soft);width:30px;height:30px;color:var(--lilac);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.av.big{width:44px;height:44px;font-size:18px}.avatar{width:38px;height:38px;font-family:var(--display);color:#fff;border-radius:12px;flex:none;place-items:center;font-size:18px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11.5px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:100%;min-width:0;padding:9px 12px}input[type=date],input[type=time]{appearance:none;min-width:0}.field input[type=date],.field input[type=time]{min-height:2.75em}input::-webkit-date-and-time-value{text-align:left}.field textarea{resize:vertical;min-height:76px}.search{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:220px;min-width:0;padding:9px 16px}.field .search{flex:none;width:100%}.title-input{resize:none;background:0 0;border:0;width:100%;padding:0;font-size:21px;font-weight:700;line-height:1.25}.title-input:focus{outline:none}.num-input{width:90px!important}.seg{background:var(--sunk);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.small-seg button{padding:4px 12px;font-size:12.5px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.panel.wide{grid-column:1/-1}.panel .h{font-family:var(--display);margin:0;font-size:21px;font-weight:400}.panel p{margin:0}.today-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-block:4px 14px;display:flex}.today-head h1{font-family:var(--display);color:var(--accent);animation:rise-in .45s 50ms var(--ease-out) backwards;margin:0;font-size:clamp(32px,6vw,46px);font-weight:400;line-height:1}.today-title{flex-direction:column;gap:2px;display:flex}.greeting{color:var(--muted);animation:rise-in .4s var(--ease-out) backwards;font-size:15px;font-weight:700}.day-ring{width:46px;height:46px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);place-items:center;font-size:11.5px;display:grid;position:relative}.day-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--line);stroke-width:4px}.ring-fg{fill:none;stroke:var(--mint);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .6s var(--spring)}.today-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.side{flex-direction:column;gap:16px;min-width:0;display:flex}.td-list{flex-direction:column;display:flex}.td-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding-block:10px;display:flex}.td-item:first-child{border-top:0}.td-check{appearance:none;border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin:0;display:grid}.td-check:checked{background:var(--mint);border-color:var(--mint)}.td-check:checked:after{content:"";border-top:0;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;border-right:0;width:10px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.td-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.td-title{text-align:left;color:var(--ink);overflow-wrap:anywhere;font-size:15px;font-weight:600}button.td-title{background:0 0;border:0;padding:0}button.td-title:hover{color:var(--accent)}.td-sub{color:var(--muted);align-items:flex-start;gap:6px;font-size:12.5px;display:flex}.td-sub .dot{margin-top:.35em}.td-item.done .td-title{color:var(--muted);text-decoration:line-through}.td-rm{color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;width:28px;height:28px;font-size:18px}.td-rm:hover{background:var(--sunk)}.empty-today{text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:var(--r);flex-direction:column;align-items:center;gap:10px;padding:22px 10px;display:flex}.empty-today .mascot{opacity:.9;width:58px}.all-done{background:var(--mint-soft);animation:pop-in .4s var(--spring) backwards;border-radius:20px;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.all-done div{flex-direction:column;gap:2px;display:flex}.all-done span{color:var(--muted);font-size:13.5px}.all-done .mascot{flex:none;width:54px}.mascot{width:64px;height:auto;overflow:visible}.mascot .mascot-lid{transform-origin:8px 28px;animation:2.6s ease-in-out infinite clap}.mascot.sleepy .mascot-lid{animation:none;transform:rotate(-4deg)}.carried{color:var(--peach);background:var(--peach-soft);border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 8px;font-size:11.5px;font-weight:700}.carried.old{color:var(--red);background:var(--red-soft)}.hour{background:var(--ink);color:var(--bg);border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex}.hour .label,.hour .hint{color:color-mix(in srgb, var(--bg) 68%, transparent)}.hour-top{align-items:center;gap:8px;display:flex}.streak{white-space:nowrap;background:var(--butter);color:#3a2a00;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12.5px;font-weight:700}.hour-title{font-family:var(--display);text-wrap:balance;margin:0;font-size:22px;font-weight:400;line-height:1.15}.hour p{margin:0}.hour .chip{color:var(--bg);border-color:color-mix(in srgb, var(--bg) 30%, transparent);background:0 0;padding:5px 12px}.hour .chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.acts{flex-wrap:wrap;gap:6px;display:flex}.hour input{border:1px dashed color-mix(in srgb, var(--bg) 35%, transparent);color:var(--bg);background:0 0;border-radius:999px;width:160px;min-width:0;padding:5px 12px;font-size:13px}.hour input::placeholder{color:color-mix(in srgb, var(--bg) 55%, transparent)}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:48px;line-height:1}.hour .btn.ghost{color:var(--bg);border-color:color-mix(in srgb, var(--bg) 35%, transparent);background:0 0}.hour.done{background:var(--mint-soft);color:var(--ink)}.hour.done .label{color:var(--mint)}.hour.done .btn.ghost{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 20%, transparent)}.clock-wrap{align-self:center;place-items:center;width:150px;height:150px;display:grid;position:relative}.clock-wrap svg{position:absolute;inset:0;transform:rotate(-90deg)}.clock-wrap .ring-bg{stroke:color-mix(in srgb, var(--bg) 18%, transparent);stroke-width:6px}.clock-wrap .ring-fg{stroke:var(--accent);stroke-width:6px;transition:stroke-dashoffset 1s linear}.clock-wrap .clock{font-size:34px}.clock-wrap.running .clock{animation:2s ease-in-out infinite tick}.sugg{border-top:1px solid var(--line);align-items:center;gap:10px;padding-block:9px;display:flex}.sugg .why{color:var(--accent);font-size:12px;font-weight:700}.call-row .why{color:var(--muted)}.call-row.is-today .why{color:var(--accent)}.call-row .td-title{align-items:center;gap:6px;display:flex}.call-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.today{flex-wrap:wrap;gap:10px;margin-block:6px 16px;display:flex}.inbox{background:var(--surface);border:1.5px solid var(--accent);border-radius:18px;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex}.inbox h3{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.inbox h3 .n{font-family:var(--mono);background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 8px;font-size:12px}.req{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:8px;display:flex}.req-body{flex:240px;min-width:0;font-size:14px}.req-body a{color:var(--accent);font-weight:600}.req-actions{gap:6px;display:flex}.retainers{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-block:6px 12px;display:grid}.ret{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.ret[aria-pressed=true]{border-color:var(--ink)}.ret.complete{background:var(--mint-soft);border-color:#0000}.ret-top{align-items:center;gap:8px;font-weight:700;display:flex}.ret-top .left{color:var(--muted);margin-left:auto;font-size:12.5px;font-weight:600}.ret-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.ret-count b{font-family:var(--display);color:var(--ink);font-size:24px;font-weight:400}.pips{flex-wrap:wrap;gap:4px;display:flex}.pip{background:var(--sunk);border:1.5px dashed var(--line);border-radius:6px;width:18px;height:18px}.pip.done{background:var(--mint);border:0}.pip.wip{background:repeating-linear-gradient(-45deg, var(--mint-soft) 0 3px, transparent 3px 6px);border:1.5px solid var(--mint)}.ret-status{font-size:12.5px;font-weight:700}.ret-status.ok{color:var(--mint)}.ret-status.behind{color:var(--red)}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.legend .pip{vertical-align:-2px;border-radius:4px;width:12px;height:12px;margin-right:4px;display:inline-block}.stamp{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--mint);opacity:.9;animation:stamp-in .4s var(--spring) backwards;border:2px solid;border-radius:8px;align-self:flex-start;padding:1px 8px;font-size:12px;transform:rotate(-4deg)}.stamp.big{font-size:15px;position:absolute;bottom:10px;right:10px;transform:rotate(-8deg)}.ret-mini{flex-direction:column;gap:6px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.board-wrap{padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-bottom:8px;overflow-x:auto}.board-wrap::-webkit-scrollbar{display:none}.board{grid-template-columns:repeat(6,minmax(232px,1fr));gap:12px;min-width:min-content;display:grid;position:relative}.col{background:var(--sunk);scroll-snap-align:start;border-radius:18px;flex-direction:column;gap:8px;min-height:220px;padding:10px;display:flex}.col.over{background:var(--accent-soft)}.col-head{align-items:center;gap:8px;padding:4px 6px 6px;display:flex}.col-head h3{margin:0;font-size:14px;font-weight:700}.col-head .count{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:12px}.stage-ico{border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.card{background:var(--surface);border-radius:var(--r);text-align:left;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;width:100%;padding:11px 12px;display:flex}@media (hover:hover){.card:hover{transform:translateY(-2px)}}.card.dragging{opacity:.45}.card .brand{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.card .title{font-size:14.5px;font-weight:600;line-height:1.3}.card .meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.empty-col{color:var(--muted);text-align:center;border:1.5px dashed var(--line);border-radius:var(--r);padding:18px 8px;font-size:13px}.card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow);outline:none}.card.landed{animation:landed .6s var(--ease-out)}@keyframes landed{0%{box-shadow:0 0 0 4px var(--accent), var(--shadow)}}.col-head .count.bump{animation:bump .45s var(--spring)}@keyframes bump{40%{color:var(--accent);transform:scale(1.5)}}.col-head .count{display:inline-block}.drop-slot{border:2px dashed var(--accent);border-radius:var(--r);background:color-mix(in srgb, var(--accent-soft) 60%, transparent);animation:slot-open .18s var(--ease-out);flex:none}@keyframes slot-open{0%{opacity:0;height:0}}.card-menu{z-index:30;background:var(--surface);border:1px solid var(--line);min-width:210px;animation:pop-in .16s var(--spring) backwards;transform-origin:0 0;border-radius:16px;flex-direction:column;gap:2px;max-height:calc(100vh - 16px);padding:6px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 40px -12px #3c0a1e66}.card-menu>button{text-align:left;background:0 0;border:0;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:600}.card-menu>button:hover:not(:disabled),.card-menu>button:focus-visible{background:var(--sunk);outline:none}.card-menu>button.danger{color:var(--red)}.card-menu>button.armed{background:var(--red);color:#fff}.card-menu-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 10px 2px;font-size:11px;font-weight:700}.card-menu-stages{flex-wrap:wrap;gap:4px;padding:2px 6px 6px;display:flex}.card-menu-stages button{transition:transform .12s var(--spring);border:0;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700}.card-menu-stages button:hover{transform:scale(1.06)}.card-menu-swatches{flex-wrap:wrap;gap:6px;padding:2px 8px 6px;display:flex}.swatch.small{border-width:2px;width:22px;height:22px}.card-menu-sep{background:var(--line);height:1px;margin:4px 6px}dialog{color:var(--ink);background:0 0;border:0;max-width:none;max-height:none;padding:0}.sheet-dialog:focus{outline:none}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#280a1961}.sheet{background:var(--surface);overscroll-behavior:contain;width:min(520px,100vw);padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:18px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;box-shadow:-10px 0 40px #0003}.sheet-head{align-items:flex-start;gap:10px;display:flex}.sheet-head .x,.player-head .x{background:var(--sunk);border:0;border-radius:50%;flex:none;width:34px;height:34px;margin-left:auto;font-size:18px}.stepper{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.step{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:10px;padding:8px 2px;font-size:12px;font-weight:700}.step.done{background:var(--mint-soft);color:var(--mint);border-color:#0000}.step.now{background:var(--accent);color:var(--accent-ink);border-color:#0000}.reject-box{background:var(--red-soft);border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.reject-box .label{color:var(--red)}.reject-box textarea{background:var(--surface);resize:vertical;border:1px solid #0000;border-radius:12px;min-height:60px;padding:9px 12px}.review-box{background:var(--accent-soft);border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.review-box .label{color:var(--accent)}.review-box.wait{background:var(--sunk)}.review-box.wait .label{color:var(--muted)}.review-box textarea,.win-box textarea{background:var(--surface);resize:vertical;border:1px solid #0000;border-radius:12px;min-height:56px;padding:9px 12px}.review-box a{color:var(--accent);font-weight:700}.win-box{background:color-mix(in srgb, var(--butter) 40%, var(--surface));border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.star{border:1.5px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.star.on{background:var(--butter);color:#8a5a00;border-color:#0000}.ok-line{color:var(--mint);font-size:13.5px;font-weight:700}.ro-meta{color:var(--muted);font-size:13.5px}.field-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field .script-box{min-height:190px;line-height:1.55}.script-prev{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.75}.ov-chip{background:var(--accent-soft);color:var(--accent);vertical-align:1px;border-radius:8px;align-items:center;gap:5px;padding:1px 7px 1px 2px;font-size:12.5px;font-weight:700;display:inline-flex}.ov-chip img{object-fit:cover;border-radius:5px;width:20px;height:26px}.ov-chip.missing{background:var(--red-soft);color:var(--red);padding-left:7px}.ov-pick{align-items:flex-start;gap:8px;min-height:112px;padding-bottom:4px;display:flex;overflow-x:auto}.ov-pick button{background:var(--sunk);text-align:left;border:2px solid #0000;border-radius:10px;flex:none;width:72px;padding:0;position:relative;overflow:hidden}.ov-pick button img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.ov-pick .ov-name{white-space:nowrap;text-overflow:ellipsis;padding:3px 5px 4px;font-size:10.5px;font-weight:600;display:block;overflow:hidden}.ov-none{color:var(--muted);align-self:center;padding:8px 4px;font-size:13px}.ov-pick button[aria-pressed=true]{border-color:var(--accent)}.ov-pick button[aria-pressed=true]:after{content:"✓";background:var(--accent);width:18px;height:18px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:3px;right:3px}.dropzone{position:relative}.dropzone.dropping:after{content:attr(data-drop);z-index:4;border:3px dashed var(--accent);background:color-mix(in srgb, var(--accent-soft) 85%, transparent);font-family:var(--display);color:var(--accent);pointer-events:none;border-radius:18px;place-items:center;font-size:22px;display:grid;position:absolute;inset:-6px}.thread{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow-y:auto}.msg{background:var(--sunk);overflow-wrap:anywhere;border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:85%;padding:7px 11px;font-size:14px}.msg.mine{background:var(--accent-soft);border-radius:14px 14px 4px;align-self:flex-end}.msg .who{color:var(--muted);font-size:11px;font-weight:700;display:block}.sheet-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:14px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.tier-head{align-items:baseline;gap:10px;margin:22px 0 10px;display:flex}.tier-head h2{font-family:var(--display);margin:0;font-size:22px;font-weight:400}.tier-head p{color:var(--muted);margin:0;font-size:13.5px}.brand-card{background:var(--surface);border:1px solid var(--line);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.brand-card .row{align-items:center;gap:10px;display:flex}.brand-card h3{margin:0;font-size:17px}.brand-name{flex-direction:column;min-width:0;display:flex}.mini-stats{flex-wrap:wrap;gap:6px;display:flex}.brand-card .notes{color:var(--muted);margin:0;font-size:13.5px}.calls-line{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:13.5px;display:flex}.call-edit{align-items:center;gap:8px;display:flex}.field .call-edit select{flex:130px;width:auto}.field .call-edit input{flex:110px;width:auto}.add-row{margin-top:22px}.swatch{width:30px;height:30px;transition:transform .15s var(--spring);border:3px solid #0000;border-radius:50%}.swatch.on{border-color:var(--ink);transform:scale(1.12)}.swatch:hover{transform:scale(1.12)}.ov-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.ov{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-align:left;flex-direction:column;padding:0;transition:box-shadow .18s;display:flex;overflow:hidden}.ov-wrap{transition:transform .18s var(--spring);flex-direction:column;display:flex;position:relative}.ov-wrap>.ov{flex:1}.ov-wrap:hover{transform:translateY(-3px)}.ov-wrap:hover>.ov{box-shadow:var(--shadow)}.ov-rename{background:var(--surface);width:32px;height:32px;color:var(--ink);box-shadow:var(--shadow);opacity:0;border:0;border-radius:50%;place-items:center;font-size:15px;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.ov-wrap:hover .ov-rename,.ov-rename:focus-visible{opacity:1}@media (hover:none){.ov-rename{opacity:1}}.ov img{aspect-ratio:9/12;object-fit:cover;background:var(--sunk);width:100%;display:block}.ov .cap{flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.ov .cap b{font-size:13.5px;font-weight:600}.ov .meta{flex-wrap:wrap;gap:4px;display:flex}.ov .used{color:var(--muted);font-size:12px}.upload{border:2px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--muted);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:200px;padding:16px;font-size:13.5px;font-weight:600;display:flex}.upload:hover{border-color:var(--accent);color:var(--accent)}.upload span{font-size:12px;font-weight:500}.img-ph{aspect-ratio:3/4;background:var(--sunk);width:100%;display:block}.img-ph.tall{aspect-ratio:9/12}.drop-screen{z-index:40;background:color-mix(in srgb, var(--accent-soft) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;place-items:center;padding:24px;animation:.15s backwards fade-in;display:grid;position:fixed;inset:0}.drop-card{border:3px dashed var(--accent);background:var(--surface);text-align:center;box-shadow:var(--shadow);animation:pop-in .3s var(--spring) backwards;border-radius:28px;flex-direction:column;align-items:center;gap:8px;padding:40px 48px;display:flex}.drop-card b{font-family:var(--display);color:var(--accent);font-size:26px;font-weight:400}.drop-card span{color:var(--muted)}.drop-icon{background:var(--accent);border-radius:50%;place-items:center;width:64px;height:64px;font-size:34px;animation:1.2s ease-in-out infinite breathe;display:grid;color:var(--accent-ink)!important}.team{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px;display:grid}.person{align-items:center;gap:12px;display:flex}.person>div{flex-direction:column;flex:1;min-width:0;display:flex}.perm{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:10px;display:flex}.perm>span{flex:220px;font-size:14px;font-weight:600}.invite-link{align-items:center;gap:8px;display:flex}.invite-link input{border:1px solid var(--line);background:var(--bg);min-width:0;font-family:var(--mono);border-radius:12px;flex:1;padding:9px 12px;font-size:12.5px}.auth{place-items:center;min-height:100dvh;padding-block:32px;padding-inline:16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow);animation:rise-in .5s var(--ease-out) backwards;border-radius:26px;flex-direction:column;gap:16px;padding:26px 22px;display:flex}.auth-card .logo{font-size:32px}.auth-lede{color:var(--muted);text-wrap:balance;margin:0;font-size:16px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form .btn{padding-block:12px;font-size:16px}.auth-error{color:var(--red);margin:0;font-size:14px;font-weight:600}.auth .seg{align-self:flex-start}.splash .logo{font-size:34px;animation:1.4s ease-in-out infinite breathe}.toasts{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);text-align:center;animation:toast-in .32s var(--spring) backwards;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0}.upload-tray{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;background:var(--surface);border:1px solid var(--line);width:min(320px,100vw - 32px);box-shadow:var(--shadow);animation:rise-in .3s var(--spring) backwards;border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex;position:fixed}.upload-tray-head{justify-content:space-between;align-items:center;font-size:14px;display:flex}.upload-thumbs{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.upload-thumb{aspect-ratio:1;background:var(--sunk);animation:pop-in .25s var(--spring) backwards;border-radius:10px;position:relative;overflow:hidden}.upload-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .2s,filter .2s;display:block}.upload-thumb.waiting img,.upload-thumb.uploading img{opacity:.5;filter:saturate(.4)}.upload-spin{border:2.5px solid var(--accent);border-right-color:#0000;border-radius:50%;width:18px;height:18px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.upload-thumb.waiting .upload-spin{border-color:var(--line);border-right-color:#0000;animation-duration:1.4s}.upload-check,.upload-x{color:#fff;width:18px;height:18px;animation:check-pop .35s var(--spring);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:3px;right:3px}.upload-check{background:var(--mint)}.upload-x{background:var(--red)}.save-pill{color:var(--muted);background:var(--sunk);animation:pop-in .2s var(--spring) backwards;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.save-pill.saved{color:var(--mint);background:var(--mint-soft)}.save-pill.offline{color:var(--red);background:var(--red-soft)}.preview-banner{top:calc(env(safe-area-inset-top,0px) + 61px);z-index:4;background:var(--lilac);color:#fff;animation:rise-in .3s var(--spring) backwards;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex;position:sticky}.preview-banner .btn{color:var(--lilac);box-shadow:none;background:#fff}body:has(.preview-banner) main{outline:3px solid var(--lilac);outline-offset:-3px}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes breathe{50%{transform:scale(1.05)}}@keyframes sheet-in{0%{opacity:0;transform:translate(40px)}}@keyframes sheet-out{to{opacity:0;transform:translate(40px)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(60px)}}@keyframes sheet-down{to{opacity:0;transform:translateY(60px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes check-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes tick{0%,to{opacity:1}50%{opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes clap{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-14deg)}86%{transform:rotate(0)}}@keyframes stamp-in{0%{opacity:0;transform:rotate(-4deg)scale(1.8)}}.view{animation:rise-in .32s var(--ease-out) backwards}.sheet-dialog[open] .sheet{animation:sheet-in .34s var(--ease-out) backwards}.sheet-dialog[open]::backdrop{animation:.25s backwards fade-in}.sheet-dialog.closing .sheet{animation:.2s ease-in forwards sheet-out}.sheet-dialog.closing::backdrop{animation:.2s ease-in forwards fade-out}.card{transition:transform .2s var(--spring), box-shadow .2s, opacity .15s;animation:pop-in .28s var(--spring) backwards;cursor:grab}.card:active{cursor:grabbing;transform:scale(.98)}.card.dragging{transform:rotate(-2deg)scale(.98)}.col{transition:background .15s, transform .2s var(--spring)}.col.over{transform:scale(1.01)}.btn{transition:transform .1s,box-shadow .1s,background .2s,opacity .2s}.btn:hover:not(:disabled){filter:brightness(1.04)}.chip,.tab,.seg button,.step{transition:background .2s, color .2s, box-shadow .2s, transform .15s var(--spring)}.chip:active,.tab:active,.seg button:active,.step:active{transform:scale(.95)}.td-item{animation:rise-in .26s var(--ease-out) backwards;transition:opacity .2s}.td-item.done{opacity:.72}.td-check{transition:background .2s,border-color .2s}.td-check:checked{animation:check-pop .35s var(--spring)}.ov-pick button{transition:border-color .15s, transform .18s var(--spring)}.ov-pick button:active{transform:scale(.94)}.ov-pick button[aria-pressed=true]:after{animation:check-pop .3s var(--spring)}.msg{animation:rise-in .22s var(--ease-out) backwards}.pip{transition:background .3s}.pip.done{animation:check-pop .4s var(--spring)}.star{transition:transform .2s var(--spring), background .2s}.star.on{animation:check-pop .4s var(--spring)}.shake{animation:.35s shake}.inbox,.retainers,.hour,.panel{animation:rise-in .34s var(--ease-out) backwards}.tab.drop-hi{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition:none!important;animation:none!important}}@media (width<=860px){.today-grid{grid-template-columns:1fr}}@media (width<=640px){.sheet{border-radius:22px 22px 0 0;width:100vw;max-height:92vh;top:auto}.sheet-dialog[open] .sheet{animation-name:sheet-up}.sheet-dialog.closing .sheet{animation-name:sheet-down}.top-inner{flex-wrap:nowrap;gap:10px;padding-block:10px}.top .logo{white-space:nowrap;font-size:clamp(16px,4.6vw,22px)}.top .logo .clap{width:1.15em;height:1em}.top .btn{padding:8px 12px;font-size:14px}.top-tabs{display:none}.bottom-tabs{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);border-radius:0;justify-content:space-around;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tabs .tab{flex:1;padding:9px 4px;font-size:13px}:root{--tab-bar-h:calc(50px + env(safe-area-inset-bottom,0px))}main{padding-bottom:calc(var(--tab-bar-h) + 46px)}.toasts{bottom:calc(var(--tab-bar-h) + 14px)}.upload-tray{bottom:calc(var(--tab-bar-h) + 10px)}.save-pill{display:none}.today-head h1{font-size:34px}.preview-banner{top:0}}.stage-tabs{display:none}@media (width<=640px){.today,.filters,.retainers{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;overflow-x:auto}.today::-webkit-scrollbar{display:none}.filters::-webkit-scrollbar{display:none}.retainers::-webkit-scrollbar{display:none}.stage-tabs::-webkit-scrollbar{display:none}.today>*,.filters>*{flex:none}.today{margin-block:0 10px}.filters{margin-bottom:4px}.retainers{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(78%,300px);grid-auto-flow:column;margin-block:0 10px}.ret{scroll-snap-align:start;gap:6px;padding:10px 12px}.ret-count b{font-size:20px}.legend{display:none}.stage-tabs{top:calc(env(safe-area-inset-top,0px) + 61px);z-index:3;scrollbar-width:none;margin-inline:-16px;background:var(--bg);border-bottom:1px solid var(--line);gap:4px;margin-bottom:10px;padding:8px 16px;display:flex;position:sticky;overflow-x:auto}.stage-tab{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.stage-tab .n{font-family:var(--mono);font-size:12px}.stage-tab[aria-current=true]{background:var(--ink);color:var(--bg)}.board-wrap{scroll-padding-inline:16px}.board{grid-template-columns:repeat(6,calc(100vw - 48px));align-items:start;gap:10px}.col{min-height:240px}.card{padding:12px 14px}.card .title{font-size:15.5px}}@media (width<=420px){.two{grid-template-columns:1fr}}kbd{font-family:var(--mono);background:color-mix(in srgb, currentColor 14%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:6px;margin-left:4px;padding:1px 6px;font-size:11px}.search-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13.5px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.search-btn:hover{border-color:var(--accent);color:var(--ink)}.toast.has-action{pointer-events:auto;align-items:center;gap:12px;padding-right:8px;display:inline-flex}.toast-action{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:4px 12px;font-weight:800}.quick-add,.palette{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;place-items:start center;padding:max(8vh,40px) 0 0;display:grid}.quick-add:not([open]),.palette:not([open]){display:none}.quick-add::backdrop,.palette::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#280a1961;animation:.2s backwards fade-in}.qa-card,.palette-card{background:var(--surface);width:min(620px,100vw - 32px);animation:modal-in .32s var(--spring) backwards;border-radius:24px;box-shadow:0 30px 80px -20px #3c0a1e73}.quick-add.closing .qa-card{animation:.18s ease-in forwards modal-out}.quick-add.closing::backdrop{animation:.18s ease-in forwards fade-out}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px)scale(.97)}}.qa-card{flex-direction:column;gap:16px;padding:18px 20px 16px;display:flex}.qa-head{align-items:center;display:flex}.qa-head .x{background:var(--sunk);border:0;border-radius:50%;width:32px;height:32px;margin-left:auto;font-size:18px}.qa-kicker{font-family:var(--display);color:var(--accent);font-size:18px}.qa-title{border:0;border-bottom:2px solid var(--line);background:0 0;width:100%;padding:4px 0 10px;font-size:24px;font-weight:700;transition:border-color .2s}.qa-title:focus{border-color:var(--accent);outline:none}.qa-title::placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent);font-weight:600}.qa-row{flex-direction:column;gap:8px;display:flex}.qa-inline{flex-flow:wrap;align-items:center;gap:14px}.qa-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.qa-chips .chip{padding:6px 12px}.stage-chip[aria-pressed=true]{border-color:#0000}.stage-chip.stage-script[aria-pressed=true]{background:var(--peach-soft);color:var(--peach)}.stage-chip.stage-film[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.stage-chip.stage-edit[aria-pressed=true]{background:var(--lilac-soft);color:var(--lilac)}.qa-date{border:1px solid var(--line);background:var(--bg);animation:pop-in .2s var(--spring) backwards;border-radius:999px;padding:5px 12px}.qa-per-month{color:var(--muted);animation:pop-in .2s var(--spring) backwards;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.qa-per-month .qa-date{width:64px;animation:none}.qa-toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.qa-toggle input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;width:38px;height:22px;margin:0;transition:background .2s;position:relative}.qa-toggle input:after{content:"";width:16px;height:16px;transition:transform .25s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.qa-toggle input:checked{background:var(--mint)}.qa-toggle input:checked:after{transform:translate(16px)}.qa-toggle.subtle{color:var(--muted);font-size:13px}.qa-brand-name{align-items:center;gap:12px;display:flex}.qa-brand-name .avatar{width:44px;height:44px;font-size:20px;transition:background .2s}.qa-swatches{grid-template-columns:repeat(8,minmax(0,36px));gap:8px;display:grid}.qa-swatches .swatch{aspect-ratio:1;width:100%;height:auto}.qa-seg{grid-template-columns:1fr 1fr;display:grid}.qa-stepper{color:var(--muted);animation:pop-in .2s var(--spring) backwards;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.qa-stepper button{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:36px;height:36px;font-size:18px;line-height:1}.qa-stepper button:disabled{opacity:.4}.qa-stepper b{font-family:var(--mono);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:20px}.qa-call{border:1px solid var(--line);background:var(--bg);animation:pop-in .2s var(--spring) backwards;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.qa-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.qa-days button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:7px 0;font-size:12.5px;font-weight:700}.qa-days button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.qa-call-time{align-items:center;gap:8px;display:flex}.qa-call-time input{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:1;min-width:0;padding:8px 12px;font-weight:600}.chip.add-chip{border-style:dashed}.qa-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.qa-actions kbd{background:#ffffff2e;border-color:#fff6}.palette-card{flex-direction:column;display:flex;overflow:hidden}.palette-input{border:0;border-bottom:1px solid var(--line);background:0 0;width:100%;padding:18px 20px;font-size:19px}.palette-input:focus{outline:none}.palette-list{max-height:min(56vh,460px);padding:6px;overflow-y:auto}.palette-group{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 12px 4px;font-size:11px;font-weight:700;display:block}.palette-item{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:15px;display:flex}.palette-item[aria-selected=true]{background:var(--accent-soft)}.palette-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.palette-hint{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12.5px}.palette-empty{color:var(--muted);margin:0;padding:16px 12px}.palette-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:6px 16px;padding:10px 16px;font-size:12px;display:flex}.palette-card.shortcuts{width:min(460px,100vw - 32px)}.shortcuts{flex-direction:column;gap:6px;padding:18px 20px 16px;display:flex}.shortcuts h2{font-family:var(--display);margin:0;font-size:24px;font-weight:400}.shortcuts .palette-group{padding-inline:0}.shortcuts dl{gap:6px;margin:0;display:grid}.shortcuts dl>div{grid-template-columns:9.5em 1fr;align-items:center;gap:12px;font-size:14px;display:grid}.shortcuts dt{color:var(--muted);align-items:center;gap:4px;display:flex}.shortcuts dd{margin:0}.shortcuts>.btn{align-self:flex-end;margin-top:6px}.welcome{background:var(--surface);border:1.5px solid var(--accent-soft);animation:rise-in .4s var(--ease-out) backwards;border-radius:22px;align-items:flex-start;gap:18px;margin-bottom:16px;padding:18px;display:flex}.welcome .mascot{flex:none;width:64px}.welcome-body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.welcome-head{align-items:baseline;gap:10px;display:flex}.welcome-head h2{font-family:var(--display);margin:0;font-size:22px;font-weight:400}.welcome-head .link-btn{margin-left:auto}.welcome-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.welcome-steps li{align-items:center;gap:12px;display:flex}.welcome-check{border:2px solid var(--line);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.welcome-steps li.done .welcome-check{background:var(--mint);border-color:var(--mint);animation:check-pop .35s var(--spring)}.welcome-steps li.done b{color:var(--muted);text-decoration:line-through}.welcome-text{flex-direction:column;flex:1;min-width:0;display:flex}.welcome-text span{color:var(--muted);font-size:13px}@media (width<=640px){.search-btn span,.search-btn kbd{display:none}.search-btn:before{content:"⌕";font-size:18px;line-height:1}.search-btn{padding:7px 10px}.quick-add,.palette{place-items:end center;padding-top:0}.qa-card,.palette-card{width:100vw;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;animation-name:sheet-up}.qa-actions .btn.ghost,.qa-actions kbd,.qa-another{display:none}.qa-brand{overscroll-behavior:contain;max-height:92dvh;padding-block:0;overflow-y:auto}.qa-brand .qa-head{z-index:1;background:var(--surface);margin-inline:-20px;padding:18px 20px 8px;position:sticky;top:0}.qa-brand .qa-actions{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));background:var(--surface);margin-inline:-20px;position:sticky;bottom:0}.qa-brand .qa-actions .spacer{display:none}.qa-brand .qa-actions .btn[type=submit]{flex:1;justify-content:center;padding-block:13px}.qa-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.welcome .mascot,.new-label{display:none}.top .btn[aria-label=New\ video]{width:40px;height:40px;padding:0;font-size:22px;line-height:1}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.footage{border-radius:var(--r);gap:10px;transition:background .15s,box-shadow .15s}.footage.drop-hi{background:var(--accent-soft);box-shadow:0 0 0 8px var(--accent-soft)}.footage-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footage-title{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.footage-count{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.footage-add{text-align:left;border:2px dashed var(--line);border-radius:var(--r);background:var(--bg);width:100%;transition:border-color .15s, background .15s, transform .2s var(--spring);align-items:center;gap:12px;padding:12px 14px;display:flex}.footage-add:hover,.footage.drop-hi .footage-add{border-color:var(--accent);background:var(--accent-soft)}.footage-add:active{transform:scale(.98)}.footage-add-plus{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);font-family:var(--display);border-radius:12px;flex:none;place-items:center;font-size:22px;display:grid}.footage-add-words{flex-direction:column;gap:2px;min-width:0;display:flex}.footage-add-words b{font-size:14.5px}.clip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.clip-cell{flex-direction:column;gap:6px;min-width:0;display:flex}.clip-tile{aspect-ratio:9/16;color:#fff;width:100%;max-width:100%;animation:pop-in .3s var(--spring) backwards;transition:transform .18s var(--spring), box-shadow .18s;background:#1d1318;border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}@media (hover:hover){.clip-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}}.clip-tile img,.clip-tile video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.clip-tile .scrub-frame{opacity:0}@media (hover:hover){.clip-tile:hover .scrub-frame{opacity:1}}.clip-placeholder{color:#ffffff80;background:linear-gradient(160deg,#3a2430,#1d1318);place-items:center;display:grid;position:absolute;inset:0}.clip-name,.clip-dur{font-family:var(--mono);background:#0000008c;border-radius:6px;padding:0 5px;font-size:10.5px;line-height:1.5;position:absolute;bottom:6px}.clip-name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 52px);left:6px;overflow:hidden}.clip-dur{font-variant-numeric:tabular-nums;right:6px}.clip-check{color:#0000;background:#0000004d;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid;position:absolute;top:6px;left:6px}.clip-tile.selected{outline:3px solid var(--accent);outline-offset:-3px}.clip-tile.selected .clip-check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.clip-up{text-align:center;background:#140a108c;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;transition:background .4s;display:flex;position:absolute;inset:0}.clip-up small{text-shadow:0 1px 2px #00000080;font-size:11px;font-weight:600;line-height:1.25}.clip-up.paused,.clip-up.failed{background:#140a10b8}.clip-up.done{background:color-mix(in srgb, var(--mint) 40%, transparent)}.clip-up.stalled{background:#140a10b3}.clip-ring{width:52px;height:52px;position:relative}.clip-ring svg,.up-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.clip-ring circle,.up-ring circle{fill:none;stroke-width:5px;stroke-linecap:round}.clip-ring .track{stroke:#ffffff40}.clip-ring .fill{stroke:#fff;transition:stroke-dashoffset .25s linear}.clip-up.queued .fill{stroke:#0000}.clip-up.paused .fill{stroke:#ffffff8c}.clip-ring b{font-family:var(--mono);font-variant-numeric:tabular-nums;place-items:center;font-size:12.5px;font-weight:500;display:grid;position:absolute;inset:0}.clip-up.done .clip-ring b,.clip-up.failed .clip-ring b{font-family:var(--body);animation:check-pop .4s var(--spring) backwards;font-size:20px;font-weight:800}.clip-up.finishing .fill{animation:1.2s ease-in-out infinite breathe}.up-card{background:var(--accent-soft);animation:rise-in .3s var(--spring) backwards;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:14px;transition:background .3s;display:grid}.up-card.paused{background:var(--sunk)}.up-card.done{background:var(--mint-soft)}.up-ring{grid-row:span 2;width:54px;height:54px;position:relative}.up-ring .track{stroke:color-mix(in srgb, var(--accent) 22%, transparent)}.up-ring .fill{stroke:var(--accent);transition:stroke-dashoffset .3s linear,stroke .3s}.up-card.paused .up-ring .fill{stroke:var(--muted)}.up-card.paused .up-ring .track{stroke:var(--line)}.up-card.done .up-ring .fill{stroke:var(--mint)}.up-ring b{font-family:var(--mono);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:500;display:grid;position:absolute;inset:0}.up-card.done .up-ring b{color:var(--mint);font-family:var(--body);animation:check-pop .4s var(--spring) backwards;font-size:22px;font-weight:800}.up-words{flex-direction:column;grid-row:span 2;gap:2px;min-width:0;display:flex}.up-words b{font-size:15px;line-height:1.25}.up-sub{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.up-card>.btn{grid-row:span 2}.up-bar{background:color-mix(in srgb, var(--accent) 18%, var(--surface));border-radius:99px;grid-column:1/-1;height:8px;margin-top:8px;overflow:hidden}.up-bar i{background:var(--accent);border-radius:99px;width:0;height:100%;transition:width .3s linear;display:block;position:relative;overflow:hidden}.up-card.up .up-bar i:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.6s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{to{transform:translate(100%)}}.up-card.paused .up-bar{background:var(--line)}.up-card.paused .up-bar i{background:var(--muted)}.up-card.done .up-bar{background:color-mix(in srgb, var(--mint) 20%, var(--surface))}.up-card.done .up-bar i{background:var(--mint)}.up-tell{grid-column:1/-1;font-size:12.5px}.up-failed{flex-direction:column;grid-column:1/-1;gap:4px;font-size:13px;display:flex}.up-pill{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);box-shadow:var(--shadow);animation:rise-in .3s var(--spring) backwards;border:0;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex;position:fixed;overflow:hidden}.up-pill b,.up-pill span:not(.up-pill-bar){white-space:nowrap;position:relative}.up-pill span:not(.up-pill-bar){opacity:.7}.up-pill-bar{background:color-mix(in srgb, var(--accent) 45%, transparent);transition:width .3s linear;position:absolute;inset:0 auto 0 0}.up-pill.failed{background:var(--red);color:#fff}.up-pill.done .up-pill-bar{background:color-mix(in srgb, var(--mint) 45%, transparent)}.select-bar{z-index:2;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);animation:rise-in .25s var(--spring) backwards;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex;position:sticky;bottom:12px}.select-size{font-family:var(--mono);opacity:.7;font-size:12px}.select-bar .btn.ghost{color:var(--bg);border-color:color-mix(in srgb, var(--bg) 35%, transparent);background:0 0}.player-dialog{place-items:center;width:100%;height:100%;padding:16px;display:grid}.player-dialog:focus{outline:none}.player-dialog:not([open]){display:none}.player-dialog[open]::backdrop{background:#14080eb3;animation:.2s backwards fade-in}.player{background:var(--surface);width:min(1040px,100%);max-height:calc(100dvh - 32px);animation:modal-in .32s var(--spring) backwards;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,360px);display:grid;overflow:hidden;box-shadow:0 30px 80px -20px #3c0a1e73}.player-media{background:#0d070a;place-items:center;min-height:0;display:grid;position:relative}.player-media video{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 32px);display:block}.player-error{color:#fff;text-align:center;padding:24px}.player-nav{color:#fff;background:#00000073;border:0;border-radius:50%;width:40px;height:40px;font-size:22px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.player-nav.prev{left:10px}.player-nav.next{right:10px}.player-side{flex-direction:column;gap:14px;min-height:0;padding:18px;display:flex;overflow-y:auto}.player-head{align-items:flex-start;gap:10px;display:flex}.player-title{flex-direction:column;gap:2px;min-width:0;display:flex}.player-title b{font-family:var(--mono);overflow-wrap:anywhere;font-size:14px;font-weight:500}.player-specs{flex-wrap:wrap;gap:6px;display:flex}.player-specs span{font-family:var(--mono);color:var(--muted);background:var(--sunk);border-radius:6px;padding:2px 7px;font-size:11.5px}.player-specs .player-note{font-family:var(--body);background:var(--butter);color:#3a2a00}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip.static{cursor:default}.time-chip{background:var(--accent-soft);color:var(--accent);font-family:var(--mono);font-variant-numeric:tabular-nums;border:0;border-radius:6px;flex:none;padding:1px 6px;font-size:11.5px}.clip-notes{flex-direction:column;gap:10px;display:flex}.clip-note{align-items:flex-start;gap:8px;display:flex}.clip-note-body{flex:1;min-width:0}.clip-note-body p{overflow-wrap:anywhere;margin:0;font-size:14px}.note-x{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.note-form{flex-direction:column;gap:8px;display:flex}.note-form textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:12px;padding:9px 12px}.pin-toggle{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;display:inline-flex}.transcript{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.transcript-line{text-align:left;background:0 0;border:0;border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;font-size:14px;line-height:1.4;display:flex}.transcript-line:hover{background:var(--sunk)}.transcript-line[aria-current=true]{background:var(--accent-soft)}.overlay-media{background-color:var(--sunk);background-image:repeating-conic-gradient(var(--surface) 0 25%, transparent 0 50%);background-size:24px 24px;min-height:min(560px,100dvh - 32px)}.overlay-media img{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 32px);padding:24px;display:block}.overlay-media .img-ph{width:60%}.overlay-title{flex:1}.name-field{margin-left:-8px;display:block;position:relative}.name-field input{font:inherit;color:inherit;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;padding:3px 30px 3px 8px;font-size:19px;font-weight:700}.name-field input:hover{border-color:var(--line)}.name-field input:focus{border-color:var(--accent);background:var(--bg);outline:none}.name-field .pencil{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.name-field input:focus+.pencil{display:none}.overlay-title b{font-family:inherit;font-size:19px;font-weight:700}.tag-chip .chip-x{margin-right:-6px}.chip.tag-input{width:9em;color:var(--ink);font:inherit;border-style:dashed;padding-left:12px;font-size:13px;font-weight:600}.chip.tag-input::placeholder{color:var(--accent)}.chip.tag-input:active{transform:none}.chip.tag-input:focus{border-style:solid;border-color:var(--accent);outline:none}.export-dialog{place-items:center;width:100%;height:100%;padding:16px;display:grid}.export-dialog:not([open]){display:none}.export{background:var(--surface);width:min(560px,100%);max-height:calc(100dvh - 32px);animation:modal-in .32s var(--spring) backwards;border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto;box-shadow:0 30px 80px -20px #3c0a1e73}.export h2{font-family:var(--display);margin:0;font-size:24px;font-weight:400}.export-total{flex-direction:column;gap:2px;margin:0;display:flex}.export-tree{border:1px solid var(--line);border-radius:var(--r);background:var(--bg);font-family:var(--mono);padding:10px 12px;font-size:12px;line-height:1.75;overflow-x:auto}.tree-dir{white-space:nowrap}.tree-file{color:var(--muted);white-space:nowrap;justify-content:space-between;gap:12px;padding-left:20px;display:flex}.tree-file.more,.tree-more{color:var(--muted);font-style:italic}.export-progress{flex-direction:column;gap:6px;font-size:13.5px;display:flex}.export-progress .up-bar{background:var(--mint-soft);margin-top:0}.export-progress .up-bar i{background:var(--mint)}.footage-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.footage-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.library-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.footage-more{justify-content:center;align-items:center;gap:10px;min-height:64px;padding:12px 0;display:flex}.clip-caption{flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;font-size:12.5px;display:flex}.clip-video{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;max-width:100%;padding:0;font-weight:600;overflow:hidden}.clip-video:hover{color:var(--accent)}.clip-brands{gap:3px;display:inline-flex}.clip-brands .dot{width:8px;height:8px}.clip-why{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-basis:100%;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.empty-footage{text-align:center;border-radius:var(--r);flex-direction:column;align-items:center;gap:8px;max-width:420px;margin:0 auto;padding:48px 16px;display:flex}.footage-view{border-radius:var(--r);transition:background .15s,box-shadow .15s}.footage-view.drop-hi,.empty-footage.drop-hi{background:var(--accent-soft);box-shadow:0 0 0 8px var(--accent-soft)}.footage-tools .btn{flex:none}.clip-video.none{color:var(--muted);font-weight:500}.clip-more{color:var(--muted);font-size:12px;font-weight:600}.clip-tags{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-size:12px;overflow:hidden}.tag-chip>span[aria-hidden]{color:var(--muted);font-weight:700}.tag-chip[aria-pressed=true]>span[aria-hidden]{color:inherit;opacity:.6}.chip.inherited{background:var(--sunk);border-style:dashed}.link-icon{color:var(--muted);vertical-align:-1px;flex:none}.field-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field-head .link-btn,.filters .link-btn{font-size:13px}.video-chip{max-width:100%;padding-right:6px}.video-chip-title{font:inherit;color:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;padding:0;overflow:hidden}.video-chip-title:hover{color:var(--accent)}.chip-x{background:var(--sunk);color:var(--muted);border:0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;font-size:15px;line-height:1;display:grid}.chip-x:hover{color:var(--red)}.add-chip{color:var(--accent);cursor:pointer;border-style:dashed;padding-left:12px;position:relative}.add-chip select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.add-chip:focus-within{outline:2.5px solid var(--accent);outline-offset:2px}.tag-editor{width:min(460px,100%)}.tag-add{gap:8px;display:flex}.tag-add input,.tag-row input{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex:1;min-width:0;padding:8px 12px}.tag-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-row{align-items:center;gap:8px;display:flex}.tag-row input{background:var(--sunk);border-color:#0000;font-weight:600}.tag-row input:focus{border-color:var(--line);background:var(--bg)}.tag-mark{color:var(--muted);font-weight:700}.tag-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}@media (width<=760px){.player-dialog{place-items:end stretch;padding:0}.player{border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;height:100dvh;max-height:100dvh}.player-media video,.overlay-media img{max-height:52dvh}.overlay-media{min-height:0}.player-side{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.footage-head{flex-wrap:nowrap}.footage-title{flex-direction:column;align-items:flex-start;gap:0}.footage-add{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 60%, #000);border-style:solid;border-color:#0000;padding:14px}.footage-add .hint{color:color-mix(in srgb, var(--accent-ink) 80%, transparent)}.footage-add-plus{background:var(--accent-ink);color:var(--accent)}.up-pill{left:12px;right:12px;bottom:calc(var(--tab-bar-h) + 10px);justify-content:center}.footage-view .select-bar{bottom:calc(var(--tab-bar-h) + 10px)}.select-bar{border-radius:22px;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:8px 8px 8px 14px}.select-bar .select-size:not(.select-hint){display:none}.select-bar>*{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.up-card.up .up-bar i:after,.clip-up.finishing .fill{animation:none}}.note-form .row .hint{flex:1;min-width:0}@media (pointer:coarse){input,select,textarea,.hour input,.invite-link input{font-size:max(16px,1em)}}