:root{--bg: #0f1312;--bg-deep: #0a0d0c;--surface: #161b1a;--surface-2: #1d2423;--surface-3: #242c2a;--line: #262e2c;--line-strong: #38433f;--text: #e7ebe9;--text-dim: #939d99;--text-faint: #6b7570;--accent: #e0a458;--accent-soft: #e0a4581f;--accent-line: #e0a45855;--accent-ink: #1a1206;--danger: #e5646b;--danger-soft: #e5646b1a;--ok: #5fbf95;--r-panel: 10px;--r-ctl: 6px;--r-pill: 999px;--font-sans: "Geist", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "Geist Mono", "Cascadia Mono", "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--shadow-panel: 0 12px 32px -18px rgb(0 0 0 / .75);--shadow-lift: 0 18px 40px -20px rgb(0 0 0 / .85);--ease: cubic-bezier(.16, 1, .3, 1);--w-backlog: 272px;--w-props: 340px}@media(prefers-color-scheme:light){:root{--bg: #f4f5f3;--bg-deep: #e9ece9;--surface: #ffffff;--surface-2: #f1f3f0;--surface-3: #e7eae6;--line: #dee2de;--line-strong: #c2c9c3;--text: #171c1a;--text-dim: #57615c;--text-faint: #7e8783;--accent: #a3641a;--accent-soft: #a3641a14;--accent-line: #a3641a4d;--accent-ink: #fff8ee;--danger: #b3363d;--danger-soft: #b3363d12;--ok: #2f7d5a;--shadow-panel: 0 10px 26px -18px rgb(23 28 26 / .28);--shadow-lift: 0 16px 34px -18px rgb(23 28 26 / .34)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-ctl)}::selection{background:var(--accent-line);color:var(--text)}.app{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:100dvh}.topbar{display:flex;align-items:center;gap:14px;height:52px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.015em;white-space:nowrap}.brand-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:var(--r-ctl);background:var(--accent);color:var(--accent-ink)}.crumbs{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-dim)}.crumbs button{background:none;border:0;padding:2px 4px;color:var(--text-dim);cursor:pointer;border-radius:var(--r-ctl);max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumbs button:hover{color:var(--text);background:var(--surface-2)}.crumbs .sep{color:var(--text-faint)}.crumbs .current{color:var(--text);font-weight:550}.spacer{flex:1}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:9px;color:var(--text-faint);pointer-events:none}.search input{width:210px;padding:6px 10px 6px 30px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);transition:width .25s var(--ease),border-color .15s}.search input:focus{width:280px;border-color:var(--accent-line);outline:none}.search input::placeholder{color:var(--text-faint)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);cursor:pointer;transition:background .15s,border-color .15s,transform .08s;white-space:nowrap}.btn:hover{background:var(--surface-3);border-color:var(--line-strong)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:560}.btn-primary:hover{background:var(--accent);filter:brightness(1.07);border-color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:transparent}.btn-danger{color:var(--danger);border-color:var(--line)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-icon{padding:6px}.workspace{min-height:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden}.workspace-map{grid-template-columns:1fr}.workspace-timeline{grid-template-columns:minmax(0,1fr) var(--w-props)}.workspace-board{grid-template-columns:var(--w-backlog) minmax(0,1fr) var(--w-props)}.map{position:relative;background:radial-gradient(1100px 620px at 50% 8%,#ffffff06,transparent 70%),var(--bg-deep);overflow:hidden;cursor:grab;min-height:0}.map.dragging{cursor:grabbing}.map svg{display:block;width:100%;height:100%;touch-action:none}.map-hint{position:absolute;left:16px;bottom:14px;color:var(--text-faint);font-size:12px;pointer-events:none;display:flex;gap:14px}.map-hint kbd{font-family:var(--font-mono);font-size:11px;padding:1px 5px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface)}.edge{stroke:var(--line-strong);fill:none}.node{cursor:pointer}.node-ring{fill:none;stroke-width:1.5}.node-body{transition:filter .18s var(--ease)}.node:hover .node-body{filter:brightness(1.25)}.node-label{font-family:var(--font-sans);font-weight:560;fill:var(--text);pointer-events:none;paint-order:stroke}.node-sub{font-family:var(--font-mono);font-size:10px;fill:var(--text-faint);pointer-events:none}.node-overdue{fill:var(--danger)}.board{display:grid;grid-template-rows:auto 1fr;min-height:0;min-width:0;background:var(--bg)}.board-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.board-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);min-height:0;min-width:0}.column{display:grid;grid-template-rows:auto 1fr;background:var(--bg);min-height:0}.column.over{background:var(--surface)}.column.over .column-head{color:var(--accent)}.column.over .column-body{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.column-head{display:flex;align-items:center;gap:7px;padding:9px 11px 7px;color:var(--text-dim);font-size:12px;letter-spacing:.02em;border-bottom:1px solid var(--line)}.column-head .count{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.column-head .wip-over{color:var(--danger)}.column-body{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.card{position:relative;display:grid;grid-template-columns:5px 1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden;cursor:grab;transition:border-color .15s,box-shadow .18s var(--ease),transform .08s}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-panel)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-line)}.card.dragging{opacity:.22;filter:grayscale(1);border-style:dashed}.card.ghost{box-shadow:var(--shadow-lift);cursor:grabbing}.time-gutter{position:relative;background:var(--tf-gutter, transparent)}.card-main{padding:9px 10px 9px 8px;min-width:0}.card-top{display:flex;align-items:flex-start;gap:8px}.card-top .icon-chip{margin-right:5px}.icon-chip{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-ctl);margin-top:1px}.card-title{flex:1;min-width:0;margin:2px 0 .5em;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.card.done .card-title{color:var(--text-dim);text-decoration:line-through}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin-top:7px;font-size:11.5px;color:var(--text-dim)}.card-meta .m{display:inline-flex;align-items:center;gap:4px}.card-meta .m.late{color:var(--danger)}.card-meta .mono{font-family:var(--font-mono);font-size:11px}.tag{padding:1px 7px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim);font-size:11px}.prio{width:5px;height:5px;border-radius:var(--r-pill);background:var(--text-faint)}.prio.p3{background:var(--accent)}.prio.p4{background:var(--danger)}.subs{margin-top:8px;border-top:1px solid var(--line);padding-top:7px}.subs-collapsed{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--text-faint);font-size:11.5px}.subs-bar{flex:1;height:2px;border-radius:var(--r-pill);background:linear-gradient(to right,var(--ok) var(--done, 0%),var(--line) var(--done, 0%))}.sub{display:flex;align-items:flex-start;gap:7px;padding:3px 0;color:var(--text-dim);font-size:12.5px;cursor:pointer}.sub:hover{color:var(--text)}.sub.done{color:var(--text-faint);text-decoration:line-through}.sub-box{flex:none;margin-top:2px;width:13px;height:13px;border:1px solid var(--line-strong);border-radius:3px;display:grid;place-items:center}.sub.done .sub-box{background:var(--ok);border-color:var(--ok);color:var(--bg)}.card-video{margin-top:8px;border-radius:var(--r-ctl);overflow:hidden;border:1px solid var(--line)}.backlog{display:grid;grid-template-rows:auto auto 1fr;border-right:1px solid var(--line-strong);min-height:0;min-width:0}.backlog-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.backlog-head h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.01em}.backlog-head .count{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.backlog-tools{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line)}.backlog-tools select{flex:1;padding:5px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl)}.backlog-body{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.backlog-body.over{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.collapsed-label{writing-mode:vertical-rl;margin:12px auto 0;color:var(--text-dim);font-size:12px;letter-spacing:.08em}.props{display:grid;grid-template-rows:auto 1fr auto;border-left:1px solid var(--line-strong);min-height:0;min-width:0}.props-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.props-body{overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:14px;min-height:0}.props-foot{display:flex;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 32px));max-height:min(86dvh,720px);display:grid;grid-template-rows:auto 1fr auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:51;animation:pop .18s var(--ease)}@keyframes pop{0%{transform:translate(-50%,calc(-50% + 8px));opacity:0}}.modal-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.modal-body{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;min-height:0}.modal-foot{display:flex;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;animation:fade .18s var(--ease);z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-lift);display:grid;grid-template-rows:auto 1fr auto;animation:slide-in .24s var(--ease);z-index:41}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(18px);opacity:0}}@media(prefers-reduced-motion:reduce){.drawer,.drawer-scrim{animation:none}*{transition-duration:.01ms!important}}.drawer-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.drawer-body{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px}.drawer-foot{display:flex;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;color:var(--text-dim)}.field input,.field textarea,.field select{padding:7px 9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);width:100%}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent-line)}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field .hint{font-size:11.5px;color:var(--text-faint)}.field .err{font-size:11.5px;color:var(--danger)}.field textarea{resize:vertical;min-height:74px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.title-input{font-size:17px;font-weight:600;letter-spacing:-.01em;background:transparent!important;border-color:transparent!important;padding-left:0!important}.title-input:focus{border-bottom-color:var(--accent-line)!important}.picker-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:var(--r-ctl);border:1px solid rgb(255 255 255 / .14);cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--accent)}.icon-picker{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden}.icon-picker .menu-search{margin:0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.icon-picker .menu-search:focus{outline:0;background:var(--surface-3)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:5px;max-height:168px;overflow-y:auto;padding:7px}.icon-none{grid-column:1 / -1;padding:6px 2px}.icon-pick{height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r-ctl);background:transparent;color:var(--text-dim);cursor:pointer}.icon-pick:hover{background:var(--surface-3);color:var(--text)}.icon-pick.on{border-color:var(--accent);color:var(--accent)}.yt{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--r-ctl);overflow:hidden}.yt img,.yt iframe{width:100%;height:100%;display:block;border:0;object-fit:cover}.yt-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(to top,#0000008c,#0000000d);border:0;cursor:pointer;padding:0;color:#fff}.yt-play span{width:46px;height:46px;border-radius:var(--r-pill);display:grid;place-items:center;background:#0000009e;border:1px solid rgb(255 255 255 / .28);transition:transform .15s var(--ease),background .15s}.yt-play:hover span{transform:scale(1.08);background:#000000c7}.yt-out{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;color:#fff;background:#000000a8;border:1px solid rgb(255 255 255 / .22);border-radius:var(--r-pill);text-decoration:none}.yt-out:hover{background:#000000d9}.yt-title{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;font-size:11.5px;color:#fff;background:linear-gradient(to top,rgb(0 0 0 / .8),transparent);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulkbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:30;animation:rise .2s var(--ease)}@keyframes rise{0%{transform:translate(-50%,10px);opacity:0}}.bulkbar .n{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.bulkbar select{padding:5px 8px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-ctl)}.empty{display:grid;place-items:center;gap:10px;padding:40px 20px;text-align:center;color:var(--text-faint)}.empty h3{margin:0;font-size:14px;font-weight:550;color:var(--text-dim)}.empty p{margin:0;font-size:12.5px;max-width:34ch}.skeleton{border-radius:var(--r-panel);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-3) 37%,var(--surface) 63%);background-size:400% 100%;animation:sheen 1.4s ease-in-out infinite}@keyframes sheen{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:9px 14px;background:var(--surface-2);border:1px solid var(--line-strong);border-left:3px solid var(--danger);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:60;max-width:80ch}.login{min-height:100dvh;display:grid;grid-template-columns:1fr;place-items:center;background:radial-gradient(900px 500px at 50% 0%,#ffffff08,transparent 70%),var(--bg-deep);padding:24px}.login form{width:min(340px,100%);display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow-panel)}.login h1{margin:0;font-size:18px;letter-spacing:-.02em}.login .sub{margin:0;color:var(--text-dim);font-size:12.5px}@media(max-width:1180px){:root{--w-backlog: 232px;--w-props: 300px}.search input{width:150px}.search input:focus{width:200px}}@media(max-width:900px){.workspace-board{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(320px,1fr) auto;overflow-y:auto}.backlog{border-right:0;border-bottom:1px solid var(--line);max-height:40dvh}.props{border-left:0;border-top:1px solid var(--line)}.columns{grid-template-columns:repeat(3,minmax(160px,1fr));overflow-x:auto}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}.board-sub{color:var(--text-faint);font-weight:400}.muted-note{color:var(--text-faint);font-size:12px}.column.over .drop-hint{border-color:var(--accent-line);color:var(--accent)}.drop-hint{border:1px dashed var(--line);border-radius:var(--r-panel);padding:14px 8px;text-align:center;color:var(--text-faint);font-size:12px}.badge-state{padding:1px 7px;border-radius:var(--r-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-size:10.5px;letter-spacing:.01em}.node-add circle{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1}.node-add g{color:var(--text-dim)}.node-add{opacity:0;transition:opacity .15s var(--ease);cursor:pointer}.node:hover .node-add{opacity:1}.node-add:hover circle{fill:var(--accent);stroke:var(--accent)}.node-add:hover g{color:var(--accent-ink)}.switch{display:inline-flex;padding:2px;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl)}.switch button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:0;border-radius:4px;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.switch button:hover{color:var(--text);background:var(--surface-3)}.switch button.on{background:var(--accent);color:var(--accent-ink);font-weight:550}.path{display:flex;align-items:center;gap:3px;min-width:0}.path-sep{color:var(--text-faint);flex:none}.seg{position:relative;display:flex;align-items:center;min-width:0}.seg-main{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;background:none;border:0;color:var(--text-dim);border-radius:var(--r-ctl);cursor:pointer;min-width:0}.seg-main:hover{color:var(--text);background:var(--surface-2)}.seg-main.current{color:var(--text);font-weight:550}.seg-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:20ch}.seg-more{display:grid;place-items:center;width:20px;height:22px;background:none;border:0;color:var(--text-faint);border-radius:var(--r-ctl);cursor:pointer}.seg-more:hover,.seg-more.on{color:var(--accent);background:var(--surface-2)}.seg-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:190px;max-height:320px;overflow-y:auto;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:45;animation:pop-down .14s var(--ease)}@keyframes pop-down{0%{transform:translateY(-4px);opacity:0}}.seg-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:0;border-radius:var(--r-ctl);color:var(--text-dim);cursor:pointer;text-align:left}.seg-menu button:hover{background:var(--surface-2);color:var(--text)}.node.dimmed{opacity:.24}.node{transition:opacity .3s var(--ease)}.tl{display:grid;grid-template-rows:auto 1fr auto;min-height:0;min-width:0;background:var(--bg)}.tl-toolbar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tl-title{display:inline-flex;align-items:center;gap:7px;font-weight:600}.tl-scroll{overflow:auto;min-height:0}.tl-canvas{position:relative}.tl-head{position:sticky;top:0;z-index:3;display:flex;background:var(--surface);border-bottom:1px solid var(--line)}.tl-corner{position:sticky;left:0;z-index:4;flex:none;padding:6px 10px;background:var(--surface);border-right:1px solid var(--line);color:var(--text-dim);font-size:12px;display:flex;align-items:flex-end}.tl-axis{position:relative;height:44px;flex:none}.tl-months{position:relative;height:18px}.tl-months span{position:absolute;top:0;font-size:11px;color:var(--text-faint);padding-left:6px;border-left:1px solid var(--line);white-space:nowrap;overflow:hidden}.tl-days{position:relative;height:26px}.tl-day{position:absolute;top:0;display:grid;place-items:center;height:26px;font-size:10.5px;color:var(--text-faint)}.tl-day i{font-style:normal;font-size:9px;opacity:.7}.tl-day b{font-weight:500;font-family:var(--font-mono)}.tl-day.weekend{color:var(--text-faint);opacity:.55}.tl-day.today{color:var(--accent)}.tl-day.today b{font-weight:700}.tl-rows{position:relative}.tl-grid-lines{position:absolute;top:0;bottom:0;pointer-events:none}.tl-grid-lines i{position:absolute;top:0;bottom:0;border-left:1px solid var(--line);opacity:.5}.tl-grid-lines i.weekend{background:var(--surface-2);opacity:.45}.tl-today{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--accent);opacity:.75}.tl-row{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line)}.tl-row.on{background:var(--accent-soft)}.tl-label{position:sticky;left:0;z-index:2;flex:none;display:flex;align-items:center;gap:7px;height:100%;padding:0 10px;background:var(--bg);border-right:1px solid var(--line);cursor:pointer;font-size:12.5px}.tl-row.on .tl-label{background:var(--surface-2)}.tl-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-track{position:relative;flex:1;height:100%}.tl-bar{position:absolute;top:50%;transform:translateY(-50%);height:20px;display:flex;align-items:center;gap:5px;padding:0 5px;border:1px solid;border-radius:var(--r-ctl);cursor:pointer;overflow:hidden;font-size:11.5px;color:var(--text)}.tl-bar:hover{filter:brightness(1.25)}.tl-bar.on{box-shadow:0 0 0 2px var(--accent-line)}.tl-bar.done{opacity:.5}.tl-bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-lane{display:block;border-bottom:1px solid var(--line-strong)}.tl-lane.dragging{opacity:.55}.tl-lane-head{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:7px;padding:5px 10px;background:var(--surface-2);border-right:1px solid var(--line);font-size:12px;font-weight:550}.tl-lane-head .count{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.tl-lane-dot{width:8px;height:8px;border-radius:var(--r-pill);flex:none}.tl-grip{display:grid;place-items:center;color:var(--text-faint);cursor:grab}.tl-grip.off{opacity:.3;cursor:default}.tl-lane-rows{position:relative}.tl-undated{border-top:1px solid var(--line);padding:9px 12px;background:var(--surface);max-height:22dvh;overflow-y:auto}.tl-undated h4{margin:0 0 7px;font-size:12px;font-weight:550;color:var(--text-dim)}.tl-chips{display:flex;flex-wrap:wrap;gap:6px}.tl-chip{display:inline-flex;align-items:center;gap:6px;max-width:30ch;padding:4px 9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-dim);cursor:pointer;font-size:12px}.tl-chip:hover{border-color:var(--line-strong);color:var(--text)}.tl-chip.on{border-color:var(--accent);color:var(--text)}.tl-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1180px){.switch button span{display:none}.seg-label{max-width:12ch}}@media(max-width:900px){.workspace-timeline{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}.workspace-timeline .props{border-left:0;border-top:1px solid var(--line);max-height:44dvh}.path{display:none}}.rowsize{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--text-dim)}.rowsize input[type=range]{width:88px;accent-color:var(--accent)}.rowsize .mono{font-family:var(--font-mono);font-size:11px;min-width:2ch;text-align:right}.drop-line{position:relative;height:2px;margin:-3px 2px;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.drop-line:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:var(--r-pill);background:var(--accent)}.tl.dragging,.tl.dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.tl-bar{cursor:grab;touch-action:none}.tl-bar.busy{opacity:.85;box-shadow:0 0 0 2px var(--accent-line)}.tl-bar.allday{border-radius:5px}.tl-bar.timed{border-radius:var(--r-pill);padding:0 7px;color:var(--accent-ink);font-family:var(--font-mono);font-size:10.5px;letter-spacing:-.01em}.tl-bar.timed .tl-time{white-space:nowrap;overflow:hidden;mix-blend-mode:luminosity;color:#0b0f0e}.tl-handle{position:absolute;top:0;bottom:0;width:5px;cursor:ew-resize;opacity:0;background:var(--accent);transition:opacity .12s var(--ease)}.tl-handle.left{left:-1px;border-radius:4px 0 0 4px}.tl-handle.right{right:-1px;border-radius:0 4px 4px 0}.tl-bar:hover .tl-handle{opacity:.85}.tl-timed-dot{width:5px;height:5px;border-radius:var(--r-pill);background:var(--accent);flex:none}.tl-time-outside{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim);white-space:nowrap;pointer-events:none}.hist-group{display:inline-flex;gap:4px}.hist{position:relative;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--surface-2)}.hist .btn-ghost{border-radius:var(--r-ctl) 0 0 var(--r-ctl);padding:6px 7px}.hist-more{display:grid;place-items:center;width:22px;align-self:stretch;padding:0;background:none;border:0;border-left:1px solid var(--line);color:var(--text-faint);cursor:pointer;border-radius:0 var(--r-ctl) var(--r-ctl) 0}.hist-more:hover:not(:disabled),.hist-more.on{color:var(--accent);background:var(--surface-3)}.hist-more:disabled{opacity:.35;cursor:not-allowed}.hist-menu{position:absolute;top:calc(100% + 5px);right:0;width:330px;max-height:380px;overflow-y:auto;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:46;animation:pop-down .14s var(--ease)}.hist-head{padding:6px 8px 8px;color:var(--text-faint);font-size:11.5px;border-bottom:1px solid var(--line);margin-bottom:4px}.hist-item{display:block;width:100%;padding:7px 8px;background:none;border:0;border-radius:var(--r-ctl);text-align:left;cursor:pointer;color:var(--text-dim)}.hist-item:hover{background:var(--surface-2);color:var(--text)}.hist-item-head{display:flex;align-items:baseline;gap:7px}.hist-label{font-size:10.5px;padding:1px 6px;border-radius:var(--r-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);white-space:nowrap}.hist-title{font-weight:550;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-lines{display:flex;flex-direction:column;gap:1px;margin-top:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.zoom{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl)}.zoom button{display:grid;place-items:center;width:22px;height:22px;background:none;border:0;border-radius:4px;color:var(--text-dim);cursor:pointer}.zoom button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.zoom button:disabled{opacity:.35;cursor:not-allowed}.zoom .mono{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);min-width:3ch;text-align:center}.tl-label .tl-grip{opacity:0;transition:opacity .12s var(--ease)}.tl-row:hover .tl-label .tl-grip{opacity:1}.tl-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tl-row.reordering{opacity:.35}.tl-row.reordering .tl-label{background:var(--surface-3)}.tl-newrow{border-bottom:0}.tl-newrow .tl-label{color:var(--text-faint);border-top:1px dashed var(--line-strong);cursor:default}.tl-newtrack{border-top:1px dashed var(--line-strong);cursor:copy}.tl-newtrack:hover{background:var(--accent-soft)}.tl-track{cursor:copy}.tl-bar{cursor:grab}.bell{position:relative;display:inline-flex}.bell-btn{position:relative}.bell-btn.has{color:var(--accent)}.bell-badge{position:absolute;top:-2px;right:-3px;min-width:15px;height:15px;padding:0 4px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);border:1.5px solid var(--surface);font-family:var(--font-mono);font-size:9.5px;font-weight:700;line-height:1}.bell-badge.late{background:var(--danger);color:#fff}.bell-menu{position:absolute;top:calc(100% + 5px);right:0;width:340px;max-height:400px;overflow-y:auto;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:47;animation:pop-down .14s var(--ease)}.bell-head{padding:6px 8px 8px;color:var(--text-faint);font-size:11.5px;border-bottom:1px solid var(--line);margin-bottom:4px}.bell-item{border-radius:var(--r-ctl);padding:2px}.bell-item:hover{background:var(--surface-2)}.bell-item+.bell-item{margin-top:2px}.bell-item-main{display:flex;align-items:flex-start;gap:8px;width:100%;padding:6px;background:none;border:0;border-radius:var(--r-ctl);text-align:left;cursor:pointer;color:var(--text)}.bell-text{display:flex;flex-direction:column;gap:2px;min-width:0}.bell-title{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-meta{font-size:11.5px;color:var(--text-faint)}.bell-meta.late{color:var(--danger)}.bell-actions{display:flex;align-items:center;gap:4px;padding:0 6px 5px 40px}.bell-snooze{padding:2px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-dim);font-size:11px;cursor:pointer}.bell-snooze:hover{border-color:var(--accent);color:var(--accent)}.bell-snooze-icon{color:var(--text-faint);margin-left:2px}.tl-toolbar{--accent: #9d8a66;--accent-soft: #9d8a6618;--accent-line: #9d8a6647;--accent-ink: #15120c}@media(prefers-color-scheme:light){.tl-toolbar{--accent: #7a6539;--accent-soft: #7a653914;--accent-line: #7a653945;--accent-ink: #fdfaf3}}.tl-toolbar .switch button.on{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:500}.tl-toolbar .switch button.on:hover{background:var(--accent-soft)}.tl-toolbar .btn-primary{background:transparent;border-color:var(--accent);color:var(--accent);font-weight:500}.tl-toolbar .btn-primary:hover{background:var(--accent-soft);border-color:var(--accent);filter:none}.modal-wide{width:min(620px,calc(100vw - 32px))}.modal-wide .search input{width:170px}.modal-wide .search input:focus{width:200px}.arch-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-ctl)}.arch-item:hover{background:var(--surface-2)}.arch-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.arch-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-meta{font-size:11.5px;color:var(--text-faint)}.toast.info{display:flex;align-items:center;border-left-color:var(--ok)}.btn-done{border-color:var(--ok);color:var(--ok);white-space:nowrap}.btn-done:hover:not(:disabled){background:color-mix(in srgb,var(--ok) 14%,transparent);border-color:var(--ok)}.btn-done:disabled{opacity:.4}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90}.celebrate canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.celebrate-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-11deg);padding:10px 26px;border:9px solid var(--accent);border-radius:8px;color:var(--accent);font-size:clamp(56px,13vw,190px);font-weight:800;letter-spacing:.06em;animation:stamp-in .45s cubic-bezier(.2,1.6,.4,1) both,stamp-out .5s ease-in 1.3s both}@keyframes stamp-in{0%{transform:translate(-50%,-50%) rotate(-11deg) scale(3);opacity:0}}@keyframes stamp-out{to{opacity:0;transform:translate(-50%,-50%) rotate(-11deg) scale(1.15)}}.celebrate-check{position:absolute;top:50%;left:50%;width:clamp(240px,44vw,560px);height:auto;transform:translate(-50%,-50%);color:var(--ok);stroke-dasharray:120;animation:check-draw .65s ease-out both,stamp-out .6s ease-in 1.25s both}@keyframes check-draw{0%{stroke-dashoffset:120;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@media(prefers-reduced-motion:reduce){.celebrate-stamp,.celebrate-check{animation-duration:.01ms,.01ms}}.btn.armed{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:550;animation:armed-pulse 1.1s ease-in-out infinite}.btn.armed:hover{background:var(--danger);filter:brightness(1.08)}@keyframes armed-pulse{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 26%,transparent)}}@media(prefers-reduced-motion:reduce){.btn.armed{animation:none}}.celebrate-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgb(255 250 240 / .85),rgb(255 220 160 / .28) 35%,transparent 62%);animation:flash-out .55s ease-out both}@keyframes flash-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.celebrate-flash{display:none}}.status-dot{width:9px;height:9px;border-radius:2.5px;flex:none;display:inline-block}.statsel{position:relative;display:inline-flex}.statsel-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--text);cursor:pointer;white-space:nowrap}.statsel-btn:hover{border-color:var(--line-strong)}.statsel-btn svg{color:var(--text-faint)}.statsel-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:190px;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:48;animation:pop-down .14s var(--ease)}.statsel-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:0;border-radius:var(--r-ctl);color:var(--text-dim);cursor:pointer;text-align:left}.statsel-menu button:hover{background:var(--surface-2);color:var(--text)}.statsel-menu button.on{color:var(--text);font-weight:550}.card.late{background:color-mix(in srgb,var(--danger) 9%,var(--surface));border-color:color-mix(in srgb,var(--danger) 38%,var(--line))}.card.late:hover{border-color:color-mix(in srgb,var(--danger) 58%,var(--line))}.card.late.selected{border-color:var(--accent)}.tl-bar.late{outline:1.5px dashed var(--danger);outline-offset:2px}.tag-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border:1px solid;border-radius:var(--r-pill);font-size:11px;line-height:1.5;white-space:nowrap;max-width:22ch;overflow:hidden;text-overflow:ellipsis}.tag-badge.clickable{cursor:pointer}.tag-badge.clickable:hover{filter:brightness(1.25)}.tag-badge.on{box-shadow:inset 0 0 0 1px currentColor;font-weight:600}.tag-x{display:grid;place-items:center;width:13px;height:13px;margin-right:-3px;padding:0;background:none;border:0;border-radius:var(--r-pill);color:inherit;cursor:pointer;opacity:.65}.tag-x:hover{opacity:1;background:currentColor;color:var(--surface)}.tagedit{position:relative}.tagedit-current{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:30px;padding:5px 7px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);cursor:pointer}.tagedit-add{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;background:none;border:1px dashed var(--line-strong);border-radius:var(--r-pill);color:var(--text-faint);font-size:11px;cursor:pointer}.tagedit-add:hover{border-color:var(--accent);color:var(--accent)}.tagedit-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:49;padding:5px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);animation:pop-down .14s var(--ease)}.tagedit-list{max-height:230px;overflow-y:auto}.tag-row{display:flex;align-items:center;gap:4px;padding:2px;border-radius:var(--r-ctl)}.tag-row:hover{background:var(--surface-2)}.tag-row.editing{display:block;padding:7px;background:var(--surface-2)}.tag-row.editing input{width:100%;margin-bottom:6px}.tag-check{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:4px 6px;background:none;border:0;color:var(--text-dim);cursor:pointer;text-align:left}.tag-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.tag-colors{gap:4px;margin-bottom:6px}.tag-colors .swatch{width:17px;height:17px}.tag-row-actions{display:flex;align-items:center;gap:6px}.tagedit-new{display:flex;flex-direction:column;gap:6px;padding:7px 6px 4px;border-top:1px solid var(--line);margin-top:4px}.tagedit-new input{padding:6px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl)}.filterbar{position:relative;display:inline-flex;align-items:center;gap:4px}.filter-menu{position:absolute;top:calc(100% + 6px);right:0;width:340px;max-height:70dvh;overflow-y:auto;padding:10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);box-shadow:var(--shadow-lift);z-index:49;animation:pop-down .14s var(--ease)}.filter-menu section{margin-bottom:12px}.filter-menu h4{margin:0 0 6px;font-size:11.5px;font-weight:550;color:var(--text-faint);letter-spacing:.02em}.filter-wrap{display:flex;flex-wrap:wrap;gap:5px}.filter-dates{display:flex;gap:8px;margin-bottom:6px}.filter-dates label{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-dim)}.filter-dates input{padding:4px 6px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl)}.filter-foot{display:flex;align-items:center;gap:8px;padding-top:4px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-dim);font-size:11.5px;cursor:pointer}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pick-area{margin-left:auto;font-size:10.5px;color:var(--text-faint)}.props .field>.switch,.props .field>.statsel,.props .field>.tagedit{align-self:flex-start;max-width:100%}.props .field>.statsel{min-width:0}.props .field>.tagedit{width:100%}.statsel-btn{max-width:100%;min-width:0}.statsel-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props .grid-2 .statsel-menu{left:0;right:0;min-width:0;width:auto;max-width:none}.props .statsel-menu{max-width:calc(var(--w-props) - 28px)}.props .statsel-menu button>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props-body{overflow-x:hidden}.props .field,.props .grid-2>.field{min-width:0}.menu-search{width:100%;margin-bottom:5px;padding:5px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);font-size:12px}.menu-search::placeholder{color:var(--text-faint)}.menu-group+.menu-group{margin-top:4px;border-top:1px solid var(--line);padding-top:4px}.menu-group-head{display:flex;align-items:center;gap:6px;padding:5px 8px 3px;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.menu-group button{padding-left:20px}.props-sec{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl)}.props-sec+.props-sec{margin-top:10px}.props-sec-head{display:flex;align-items:center;gap:6px;margin:0;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.props-sec-head svg{color:var(--accent)}.props-sec-note{margin-left:auto;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.media{display:flex;flex-direction:column;gap:7px}.media-drop{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 10px;text-align:center;color:var(--text-faint);background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-ctl);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.media-drop p{margin:0;font-size:11.5px;line-height:1.4}.media-drop:hover{color:var(--text-dim);border-color:var(--accent)}.media-drop.over{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.media-drop.busy{cursor:progress}.media-drop.static{cursor:default}.media-drop.static:hover{color:var(--text-faint);border-color:var(--line-strong)}.media-shot{position:relative;border-radius:var(--r-ctl);overflow:hidden}.media-shot img{display:block;width:100%;max-height:220px;object-fit:cover}.media-drop-x{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#0000009e;border:1px solid rgb(255 255 255 / .24);border-radius:var(--r-ctl);cursor:pointer}.media-drop-x:hover{background:#000000d1}.media-src{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-url{display:flex;align-items:center;gap:6px;padding-left:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--text-faint)}.media-url input{flex:1;min-width:0;background:transparent;border:0;padding-left:0}@keyframes tf-spin{to{transform:rotate(360deg)}}.spin{animation:tf-spin .9s linear infinite}.prio-icon{display:inline-flex;flex:none;align-items:center}.switch.compact button{padding:4px 7px}.card.lite .card-main{padding-bottom:10px}.card-main{display:flex;flex-direction:column}.card-main>*+*{margin-top:8px}.card-main>.card-top+*{margin-top:4px}.card-main>.card-top+.card-shot,.card-main>.card-top+.card-video{margin-top:2px}.card.lite .card-title{white-space:normal}.card-shot{border-radius:var(--r-ctl);overflow:hidden}.card-shot img{display:block;width:100%;max-height:132px;object-fit:cover}.backlog,.props{background:var(--bg);background-image:linear-gradient(var(--rail-tint),var(--rail-tint))}:root{--rail-tint: rgb(255 255 255 / .012)}@media(prefers-color-scheme:light){:root{--rail-tint: rgb(23 28 26 / .016)}}.backlog-head,.props-head,.props-foot,.backlog-tools{background:var(--surface);border-color:var(--line-strong)}.backlog-head h2{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.backlog-body .card{border-color:var(--line-strong)}.board{background:var(--bg-deep);box-shadow:inset 10px 0 14px -14px #000000d9,inset -10px 0 14px -14px #000000d9}.column{background:var(--bg-deep)}.media-add{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 9px;font-size:11.5px;color:var(--text-faint);background:transparent;border:1px dashed var(--line-strong);border-radius:var(--r-ctl);cursor:pointer;transition:color .15s,border-color .15s}.media-add:hover{color:var(--accent);border-color:var(--accent)}.media-shot .yt{border-radius:0}.card.drop-media{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-line)}.card.drop-media *{pointer-events:none}.media-add.over{color:var(--accent);border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.media-add.busy{cursor:progress}.zoomable{cursor:zoom-in}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#000000e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:pop .16s var(--ease)}.viewer-stage{position:relative;display:grid;place-items:center;overflow:hidden;min-height:0;cursor:grab;touch-action:none}.viewer-stage:active{cursor:grabbing}.viewer-stage img{max-width:min(94vw,100%);max-height:100%;transform-origin:center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.viewer-bar{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px}.viewer-bar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:32px;padding:0 9px;color:#e7ebe9;background:#ffffff14;border:1px solid rgb(255 255 255 / .16);border-radius:var(--r-ctl);cursor:pointer}.viewer-bar button:hover{background:#ffffff2e}.viewer-pct{font-family:var(--font-mono);font-size:12px;min-width:62px}.viewer-sep{width:1px;height:20px;margin:0 5px;background:#ffffff2e}