:root{--c-primary:#2e5bff;--c-primary-strong:#1a3fe0;--c-primary-soft:#e3eaff;--c-coral:#ff3d6e;--c-coral-soft:#ffe3eb;--c-green:#0fb872;--c-green-soft:#d6f8e8;--c-amber:#ff9f0a;--c-amber-soft:#fff0d1;--c-violet:#7b4dff;--c-violet-soft:#ece5ff;--c-teal:#00b4d8;--c-teal-soft:#d2f6fd;--c-ink:#0f172a;--c-ink-2:#475569;--c-ink-3:#94a3b8;--c-line:#e2e8f0;--c-bg:#f3f6fc;--c-surface:#fff;--c-night:#0b1020;--c-brand-acme:#ff6a13;--fs-page:28px;--fs-section:18px;--fs-read:16px;--fs-ui:14px;--fs-meta:12px;--fs-stat:34px;--fs-poster:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-card:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0d;--shadow-pop:0 12px 40px #0f172a47;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);font-size:var(--fs-ui);color:var(--c-ink);background:var(--c-bg);line-height:1.45}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}svg{display:block}.ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ic-fill{fill:currentColor;stroke:none}.ic-up{transform:rotate(-90deg)}.num{font-variant-numeric:tabular-nums}.t-page{font-size:var(--fs-page);letter-spacing:-.02em;font-weight:750;line-height:1.15}.t-section{font-size:var(--fs-section);letter-spacing:-.01em;font-weight:700}.t-read{font-size:var(--fs-read);line-height:1.6}.t-ui{font-size:var(--fs-ui)}.t-meta{font-size:var(--fs-meta);color:var(--c-ink-2)}.t-stat{font-size:var(--fs-stat);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:750;line-height:1.1}.muted{color:var(--c-ink-2)}.wf-bar{align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-2) var(--sp-4);background:var(--c-night);color:#cbd5e1;font-size:var(--fs-meta);flex-wrap:wrap;display:flex}.wf-bar a{color:#fff;align-items:center;gap:6px;font-weight:600;display:inline-flex}.wf-bar .ic{width:14px;height:14px}.wf-bar .wf-name{color:#94a3b8}.wf-bar .wf-push{gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;margin-left:auto;display:flex}.wf-bar .wf-tag{color:#e2e8f0;border-radius:var(--r-pill);background:#1e293b;padding:2px 10px}.app{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 34px);display:grid}.side{background:var(--c-surface);border-right:1px solid var(--c-line);padding:var(--sp-5) var(--sp-4);gap:var(--sp-5);flex-direction:column;display:flex}.side-brand{align-items:center;gap:var(--sp-2);font-size:var(--fs-section);color:var(--c-ink);font-weight:750;display:flex}.brand-logo{width:auto;height:34px;display:block}.space-switch{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-md);color:var(--c-ink);font-weight:600;display:flex}.space-switch:hover{border-color:var(--c-primary);text-decoration:none}.space-switch .grow{flex:1;min-width:0}.space-switch .t-meta{font-weight:400;display:block}.dot{border-radius:50%;flex:none;width:12px;height:12px}.dot-orange{background:var(--c-brand-acme)}.dot-blue{background:var(--c-primary)}.dot-green{background:var(--c-green)}.dot-violet{background:var(--c-violet)}.dot-teal{background:var(--c-teal)}.dot-coral{background:var(--c-coral)}.side-nav{flex-direction:column;gap:2px;display:flex}.side-nav a{align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--r-sm);color:var(--c-ink-2);font-weight:600;display:flex}.side-nav a:hover{background:var(--c-bg);color:var(--c-ink);text-decoration:none}.side-nav a.on{background:var(--c-primary-soft);color:var(--c-primary)}.side-foot{align-items:center;gap:var(--sp-2);color:var(--c-ink-2);margin-top:auto;display:flex}.avatar{background:var(--c-violet-soft);width:30px;height:30px;color:var(--c-violet);font-weight:700;font-size:var(--fs-meta);border-radius:50%;flex:none;place-items:center;display:grid}.main{padding:var(--sp-6);gap:var(--sp-5);flex-direction:column;width:100%;min-width:0;max-width:1240px;display:flex}.page-head{align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;justify-content:space-between;display:flex}.page-head .lead{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.crumbs{gap:var(--sp-2);color:var(--c-ink-2);font-size:var(--fs-ui);flex-wrap:wrap;display:flex}.crumbs a{color:var(--c-ink-2)}.actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-ui);border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);white-space:nowrap;cursor:pointer;padding:9px 16px;font-family:inherit;font-weight:650;display:inline-flex}.btn:hover{border-color:var(--c-ink-3);text-decoration:none}.btn-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-strong);border-color:var(--c-primary-strong)}.btn-danger{background:var(--c-coral);border-color:var(--c-coral);color:#fff}.btn-success{background:var(--c-green);border-color:var(--c-green);color:#fff}.btn-quiet{color:var(--c-primary);padding-left:var(--sp-2);padding-right:var(--sp-2);background:0 0;border-color:#0000}.btn-sm{font-size:var(--fs-meta);padding:5px 10px}.btn-block{width:100%}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-card);gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.card-flush{gap:0;padding:0;overflow:hidden}.card-flush>.card-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-line)}.grid-2{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.row-gap{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.chip{border-radius:var(--r-pill);font-size:var(--fs-meta);white-space:nowrap;background:var(--c-bg);color:var(--c-ink-2);align-items:center;gap:5px;padding:3px 10px;font-weight:650;display:inline-flex}.chip .ic{width:12px;height:12px}.chip-green{background:var(--c-green-soft);color:#067a4b}.chip-amber{background:var(--c-amber-soft);color:#a35a00}.chip-blue{background:var(--c-primary-soft);color:var(--c-primary-strong)}.chip-violet{background:var(--c-violet-soft);color:#5b2fe0}.chip-coral{background:var(--c-coral-soft);color:#c8103f}.chip-teal{background:var(--c-teal-soft);color:#00798f}.tabs{gap:var(--sp-1) var(--sp-5);border-bottom:1px solid var(--c-line);flex-wrap:wrap;display:flex}.tabs a{padding:var(--sp-3) 0;color:var(--c-ink-2);border-bottom:3px solid #0000;margin-bottom:-1px;font-weight:650}.tabs a:hover{color:var(--c-ink);text-decoration:none}.tabs a.on{color:var(--c-primary);border-bottom-color:var(--c-primary)}.pills{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pills a{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink);padding:7px 14px;font-weight:600;display:inline-flex}.pills a:hover{border-color:var(--c-primary);text-decoration:none}.pills a.on{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.pills .count{color:var(--c-ink-3);font-weight:500}.pills a.on .count{color:#cbd5e1}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.label{font-size:var(--fs-ui);color:var(--c-ink);font-weight:650}.input,select.input,textarea.input{width:100%;font-family:inherit;font-size:var(--fs-read);color:var(--c-ink);border-radius:var(--r-sm);background:var(--c-surface);border:1px solid #cbd5e1;padding:10px 12px}.input:focus{outline:2px solid var(--c-primary);outline-offset:0;border-color:var(--c-primary)}.input-error{border-color:var(--c-coral);background:#fff7f9}.error-text{color:#c8103f;font-size:var(--fs-ui);font-weight:600}.input-row{gap:var(--sp-2);display:flex}.input-row .input{flex:1;min-width:0}.form-grid{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.setting{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--c-line);display:flex}.setting:first-child{border-top:0}.setting .label{font-weight:600}.toggle{border-radius:var(--r-pill);background:#cbd5e1;flex:none;width:42px;height:24px;display:inline-block;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle.on{background:var(--c-green)}.toggle.on:after{left:21px}.seg{border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg a{color:var(--c-ink-2);border-left:1px solid var(--c-line);padding:8px 14px;font-weight:600}.seg a:first-child{border-left:0}.seg a:hover{background:var(--c-bg);text-decoration:none}.seg a.on{background:var(--c-primary);color:#fff}.choice-grid{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.choice{gap:var(--sp-2);padding:var(--sp-4);border:2px solid var(--c-line);border-radius:var(--r-md);color:var(--c-ink);background:var(--c-surface);flex-direction:column;display:flex}.choice:hover{border-color:var(--c-ink-3);text-decoration:none}.choice.on{border-color:var(--c-primary);background:#f6f8ff}.choice .ic{width:22px;height:22px;color:var(--c-primary)}.choice .t-ui{font-weight:700}.type-grid{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.swatches{gap:var(--sp-2);flex-wrap:wrap;display:flex}.swatch{border:3px solid var(--c-surface);width:34px;height:34px;box-shadow:0 0 0 1px var(--c-line);border-radius:50%}.swatch.on{box-shadow:0 0 0 2px var(--c-ink)}.sw-orange{background:var(--c-brand-acme)}.sw-blue{background:var(--c-primary)}.sw-green{background:var(--c-green)}.sw-violet{background:var(--c-violet)}.sw-coral{background:var(--c-coral)}.sw-teal{background:var(--c-teal)}.sw-ink{background:var(--c-ink)}.code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-meta);background:var(--c-night);color:#e2e8f0;padding:var(--sp-4);border-radius:var(--r-md);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6}.code .k{color:#7dd3fc}.code .s{color:#fdba74}.notice{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-weight:600;display:flex}.notice-green{background:var(--c-green-soft);color:#067a4b}.notice-coral{background:var(--c-coral-soft);color:#c8103f}.notice-amber{background:var(--c-amber-soft);color:#a35a00}.notice .grow{flex:1}.list{flex-direction:column;display:flex}.item{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-line);min-width:0;display:flex}.item:first-child{border-top:0}.item .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.item .title{color:var(--c-ink);overflow-wrap:anywhere;font-weight:650}.item a.title:hover{color:var(--c-primary)}.item .cols{align-items:center;gap:var(--sp-4);flex-wrap:wrap;justify-content:flex-end;display:flex}.item .col-num{text-align:right;font-variant-numeric:tabular-nums;width:72px}.item .col-num .t-meta{display:block}.item.hl{background:#f6f8ff}.thumb{aspect-ratio:16/9;border-radius:var(--r-sm);flex:none;width:112px;position:relative;overflow:hidden}.thumb-lg{width:200px}.thumb .len{color:#fff;background:#0b1020cc;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;bottom:4px;right:4px}.th-a{background:linear-gradient(135deg,#ff6a13,#ff3d6e)}.th-b{background:linear-gradient(135deg,#7b4dff,#2e5bff)}.th-c{background:linear-gradient(135deg,#00b4d8,#0fb872)}.th-d{background:linear-gradient(135deg,#ff9f0a,#ff6a13)}.th-e{background:linear-gradient(135deg,#2e5bff,#00b4d8)}.th-f{background:linear-gradient(135deg,#0f172a,#475569)}.th-g{background:linear-gradient(135deg,#ff3d6e,#7b4dff)}.bar{border-radius:var(--r-pill);background:var(--c-line);height:10px;overflow:hidden}.bar>span{border-radius:var(--r-pill);background:var(--c-primary);height:100%;display:block}.bar-green>span{background:var(--c-green)}.bar-amber>span{background:var(--c-amber)}.bar-coral>span{background:var(--c-coral)}.bar-violet>span{background:var(--c-violet)}.bar-teal>span{background:var(--c-teal)}.dropzone{border-radius:var(--r-lg);padding:var(--sp-7) var(--sp-5);align-items:center;gap:var(--sp-3);text-align:center;background:#f6f8ff;border:2px dashed #a5b8ff;flex-direction:column;display:flex}.dropzone .big-ic{background:var(--c-primary-soft);width:56px;height:56px;color:var(--c-primary);border-radius:50%;place-items:center;display:grid}.dropzone .big-ic .ic{width:26px;height:26px}.upl{gap:var(--sp-2);flex-direction:column;display:flex}.steps{gap:var(--sp-2);flex-wrap:wrap;display:flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stats-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:var(--sp-4) var(--sp-5);border-left:1px solid var(--c-line);gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.stat:first-child{border-left:0}.stat .label{color:var(--c-ink-2);font-weight:600}.delta-up{color:#067a4b;font-weight:700;font-size:var(--fs-meta)}.chart-narrow{display:none}.chart{width:100%;height:auto;overflow:visible}.grid-line{stroke:var(--c-line);stroke-width:1px}.axis-text{fill:var(--c-ink-2);font-size:12px;font-family:var(--font)}.axis-strong{fill:var(--c-ink);font-size:12px;font-weight:700;font-family:var(--font)}.line-1{fill:none;stroke:var(--c-primary);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.line-2{fill:none;stroke:var(--c-violet);stroke-width:3px;stroke-linejoin:round}.area-1{fill:url(#fade-blue)}.area-2{fill:url(#fade-violet)}.stop-blue-a{stop-color:#2e5bff;stop-opacity:.32}.stop-blue-b{stop-color:#2e5bff;stop-opacity:0}.stop-violet-a{stop-color:#7b4dff;stop-opacity:.32}.stop-violet-b{stop-color:#7b4dff;stop-opacity:0}.col-1{fill:var(--c-primary)}.col-2{fill:var(--c-violet)}.col-3{fill:var(--c-teal)}.col-4{fill:var(--c-green)}.col-5{fill:var(--c-amber)}.col-6{fill:var(--c-coral)}.col-soft{fill:var(--c-primary-soft)}.mark-line{stroke:var(--c-coral);stroke-width:2px;stroke-dasharray:4 4}.mark-dot{fill:var(--c-coral)}.hit{fill:var(--c-primary);fill-opacity:0;cursor:pointer}.hit:hover{fill-opacity:.1}.sel-line{stroke:var(--c-ink);stroke-width:2px}.sel-dot{fill:var(--c-surface);stroke:var(--c-ink);stroke-width:3px}.sel-tag{fill:var(--c-ink)}.sel-text{fill:#fff;font-size:12px;font-weight:800}.moment{gap:var(--sp-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.moment-side{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.moment-side:first-child{container:host/inline-size}.ctrls .ic-txt{font-size:var(--fs-meta);font-weight:800}.mark-num{fill:#fff;font-size:12px;font-weight:800;font-family:var(--font)}.point{fill:var(--c-surface);stroke:var(--c-primary);stroke-width:3px}.legend{gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.legend span{font-size:var(--fs-meta);color:var(--c-ink-2);align-items:center;gap:6px;font-weight:600;display:inline-flex}.legend .sq{border-radius:3px;width:10px;height:10px}.sq-1{background:var(--c-primary)}.sq-2{background:var(--c-violet)}.sq-3{background:var(--c-teal)}.sq-6{background:var(--c-coral)}.sq-soft{background:var(--c-primary-soft)}.marker-key{background:var(--c-coral);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:inline-flex}.hbars{gap:var(--sp-3);flex-direction:column;display:flex}.hbar{align-items:center;gap:var(--sp-3);grid-template-columns:minmax(0,200px) minmax(0,1fr) 64px;display:grid}.hbar .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hbar .val{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.hbar .bar{height:14px}.hbar-pair .bar+.bar{margin-top:4px}.watched{border-radius:var(--r-sm);background:var(--c-line);overflow:hidden}.watched svg{width:100%;height:14px}.w-seg{fill:var(--c-teal)}.w-re{fill:#00798f}.w-tick{fill:#fff}.overlay{padding:var(--sp-4);z-index:10;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:min(520px,100%);padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;max-height:calc(100vh - 32px);display:flex;overflow-y:auto}.dialog-wide{width:min(720px,100%)}.dialog .foot{justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap;display:flex}.toast{right:var(--sp-5);bottom:var(--sp-5);background:var(--c-ink);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);box-shadow:var(--shadow-pop);align-items:center;gap:var(--sp-3);z-index:5;font-weight:600;display:flex;position:fixed}.toast .ic{color:#5eeaaa}.auth{min-height:100vh;padding:var(--sp-5) var(--sp-4);background:radial-gradient(circle at 15% 10%, #dce4ff 0, transparent 45%), radial-gradient(circle at 90% 90%, #eadfff 0, transparent 45%), var(--c-bg);place-items:center;display:grid}.auth .card{width:min(420px,100%);padding:var(--sp-6);gap:var(--sp-5)}.code-boxes{gap:var(--sp-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.code-boxes span{aspect-ratio:1/1.15;border-radius:var(--r-sm);font-size:var(--fs-section);background:var(--c-surface);border:1px solid #cbd5e1;place-items:center;font-weight:700;display:grid}.code-boxes.bad span{border-color:var(--c-coral);background:#fff7f9}.space-card{gap:var(--sp-4);color:var(--c-ink);flex-direction:column;display:flex}.space-card:hover{border-color:var(--c-primary);text-decoration:none}.space-card .top{align-items:center;gap:var(--sp-3);display:flex}.space-badge{border-radius:var(--r-md);color:#fff;width:44px;height:44px;font-weight:800;font-size:var(--fs-section);flex:none;place-items:center;display:grid}.sb-orange{background:var(--c-brand-acme)}.sb-blue{background:var(--c-primary)}.sb-green{background:var(--c-green)}.sb-violet{background:var(--c-violet)}.mini-stats{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mini-stats div{flex-direction:column;display:flex}.mini-stats strong{font-size:var(--fs-section);font-variant-numeric:tabular-nums}.vhead{gap:var(--sp-5);flex-wrap:wrap;align-items:center;display:flex}.vhead .lead{gap:var(--sp-2);flex-direction:column;flex:1;min-width:240px;display:flex}.timeline{border-radius:var(--r-md);border:1px solid var(--c-line);background:linear-gradient(90deg,#eef2ff,#f5f3ff);height:56px;position:relative}.timeline .tl-pin{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:8px;transform:translate(-50%)}.timeline .tl-pin .ic{color:#fff;border-radius:50%;width:22px;height:22px;padding:4px}.timeline .tl-pin .t-meta{color:var(--c-ink);font-weight:700}.pin-gate .ic{background:var(--c-violet)}.pin-btn .ic{background:var(--c-coral)}.pin-link .ic{background:var(--c-teal)}.pin-chap .ic{background:var(--c-ink-2)}.pin-end .ic{background:var(--c-green)}.ti-ic{border-radius:var(--r-sm);color:#fff;flex:none;place-items:center;width:36px;height:36px;display:grid}.ti-gate{background:var(--c-violet)}.ti-btn{background:var(--c-coral)}.ti-reveal{background:var(--c-amber)}.ti-link{background:var(--c-teal)}.ti-chap{background:var(--c-ink-2)}.ti-end{background:var(--c-green)}.type-card{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-md);color:var(--c-ink);align-items:center;font-weight:700;display:flex}.type-card:hover{border-color:var(--c-primary);background:#f6f8ff;text-decoration:none}.cap-lines{flex-direction:column;display:flex}.cap-line{gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px solid var(--c-line);grid-template-columns:64px minmax(0,1fr);align-items:center;display:grid}.cap-line:first-child{border-top:0}.cap-line .t-meta{font-variant-numeric:tabular-nums;font-weight:700}.kv{gap:var(--sp-2) var(--sp-4);grid-template-columns:minmax(0,140px) minmax(0,1fr);display:grid}.kv dt{color:var(--c-ink-2);font-weight:600}.kv dd{overflow-wrap:anywhere;margin:0;font-weight:600}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-5);text-align:center;flex-direction:column;display:flex}.empty .big-ic{background:var(--c-primary-soft);width:64px;height:64px;color:var(--c-primary);border-radius:50%;place-items:center;display:grid}.empty .big-ic .ic{width:28px;height:28px}.empty .big-ic.bad{background:var(--c-coral-soft);color:var(--c-coral)}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,#e9eef6,#f4f7fb,#e9eef6) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.skel-thumb{aspect-ratio:16/9;flex:none;width:112px}.skel-line{height:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stage{padding:var(--sp-6) var(--sp-4);justify-content:center;display:flex}.host{background:var(--c-surface);border-radius:var(--r-lg);width:min(1040px,100%);box-shadow:var(--shadow-card);border:1px solid var(--c-line);overflow:hidden;container:host/inline-size}.host-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-line);background:#eef1f6;display:flex}.host-bar .dots{gap:6px;display:flex}.host-bar .dots i{background:#cbd5e1;border-radius:50%;width:10px;height:10px;display:block}.host-bar .url{background:var(--c-surface);border-radius:var(--r-pill);min-width:0;font-size:var(--fs-meta);color:var(--c-ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;padding:4px 12px;display:flex;overflow:hidden}.host-bar .url .ic{width:12px;height:12px}.host-body{padding:var(--sp-6) var(--sp-7);gap:var(--sp-5);flex-direction:column;display:flex}.host-kicker{color:var(--c-brand-acme);font-weight:800;font-size:var(--fs-ui);letter-spacing:.06em;text-transform:uppercase}.ghost{flex-direction:column;gap:10px;display:flex}.ghost i{border-radius:var(--r-pill);background:#e8edf4;height:12px;display:block}.buy{border:2px solid var(--c-brand-acme);border-radius:var(--r-lg);padding:var(--sp-5);justify-content:space-between;align-items:center;gap:var(--sp-4);background:#fff7f1;flex-wrap:wrap;display:flex}.buy .price{font-size:var(--fs-page);font-weight:800}.btn-brand{background:var(--c-brand-acme);border-color:var(--c-brand-acme);color:#fff}.btn-brand:hover{background:color-mix(in srgb, var(--c-brand-acme) 88%, #000);border-color:color-mix(in srgb, var(--c-brand-acme) 88%, #000)}.share-meta{align-items:center;gap:var(--sp-3);display:flex}.player{border-radius:var(--r-md);background:var(--c-night);color:#fff;position:relative;overflow:hidden}.frame{aspect-ratio:16/9;position:relative}.frame>svg{width:100%;height:100%;position:absolute;inset:0}.ov{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.ov-dim{background:#0b1020b8}.ov-solid{background:var(--c-night)}.bigplay{background:var(--c-brand-acme);color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 8px 30px #00000059}.bigplay:hover{text-decoration:none;transform:scale(1.04)}.bigplay .ic{width:36px;height:36px;margin-left:4px}.len-chip{right:var(--sp-3);bottom:var(--sp-3);color:#fff;font-size:var(--fs-meta);background:#0b1020cc;border-radius:6px;padding:3px 8px;font-weight:700;position:absolute}.ctrls{align-items:center;gap:var(--sp-3);padding:28px var(--sp-4) var(--sp-3);color:#fff;background:linear-gradient(#0000,#000000b3);display:flex;position:absolute;bottom:0;left:0;right:0}.ctrls a{color:#fff;place-items:center;display:grid}.ctrls a:hover{color:#ffd8bf;text-decoration:none}.ctrls .ic{width:20px;height:20px}.ctrls .time{font-size:var(--fs-meta);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.ctrls .speed{font-size:var(--fs-meta);font-weight:800}.ctrls .on-cc{color:#fff;background:#ffffff38;border-radius:4px}.ctrls .spacer{flex:1}.scrub{background:#ffffff4d;border-radius:3px;flex:1;min-width:40px;height:6px;position:relative}.scrub .played{background:var(--c-brand-acme);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.scrub .knob{background:#fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:-5px}.scrub .tick{opacity:.85;background:#fff;border-radius:2px;width:3px;height:12px;margin-left:-1px;position:absolute;top:-3px}.scrub .locked{background:repeating-linear-gradient(45deg,#ffffff1f 0 4px,#ffffff52 4px 8px);border-radius:3px;position:absolute;top:0;bottom:0;right:0}.capline{color:#fff;font-size:var(--fs-read);text-align:center;background:#000000c7;border-radius:6px;max-width:86%;padding:4px 12px;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.ov-card{background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-lg);padding:var(--sp-5);gap:var(--sp-3);text-align:left;width:min(400px,92%);box-shadow:var(--shadow-pop);flex-direction:column;display:flex}.ov-card .btn-brand{width:100%}.ov-card .foot{align-items:center;gap:var(--sp-3);display:flex}.ov-card .foot .btn{flex:1}.ov-card .foot .skip{color:var(--c-ink-2);font-weight:650}.ov-card .input{padding:9px 12px}.ov-card .p-row{gap:var(--sp-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.player-btn{right:var(--sp-4);background:var(--c-brand-acme);color:#fff;font-weight:750;font-size:var(--fs-ui);border-radius:var(--r-md);align-items:center;gap:var(--sp-2);padding:12px 20px;display:inline-flex;position:absolute;bottom:64px;box-shadow:0 6px 20px #00000059}.player-btn:hover{background:#e85a05;text-decoration:none}.linkline{left:var(--sp-4);top:var(--sp-4);color:var(--c-ink);font-weight:700;font-size:var(--fs-ui);border-radius:var(--r-pill);align-items:center;gap:var(--sp-2);background:#fffffff2;padding:7px 14px;display:inline-flex;position:absolute;box-shadow:0 4px 14px #0000004d}.linkline .ic{color:var(--c-brand-acme)}.linkline:hover{text-decoration:none}.sound-pill{align-items:center;gap:var(--sp-3);background:var(--c-brand-acme);color:#fff;font-weight:800;font-size:var(--fs-section);border-radius:var(--r-pill);padding:16px 26px;display:inline-flex;box-shadow:0 10px 30px #0006}.sound-pill:hover{text-decoration:none}.sound-pill .ic{width:26px;height:26px}.muted-ic{left:var(--sp-3);bottom:var(--sp-3);background:#0b1020cc;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute}.chap-panel{width:44%;padding:var(--sp-4);gap:var(--sp-2);text-align:left;background:#0b1020f0;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.chap-panel .head{justify-content:space-between;align-items:center;font-weight:750;display:flex}.chap-panel .head a{color:#fff}.chap{gap:var(--sp-2);padding:7px var(--sp-2);border-radius:var(--r-sm);color:#e2e8f0;grid-template-columns:52px minmax(0,1fr);font-weight:600;display:grid}.chap:hover{background:#ffffff14;text-decoration:none}.chap .tc{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:var(--fs-meta);align-self:center}.chap.now{color:#fff;background:#ff6a1340}.end-title{font-size:var(--fs-section);font-weight:750}.end-row{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.btn-ghost-light{color:#fff;background:0 0;border-color:#ffffff80}.btn-ghost-light:hover{border-color:#fff}.round-btn{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.round-btn .ic{width:28px;height:28px}.round-btn:hover{background:#ffffff1f;text-decoration:none}.next-card{align-items:center;gap:var(--sp-3);border-radius:var(--r-md);padding:var(--sp-2);text-align:left;background:#ffffff1a;display:flex}.next-card .thumb{width:104px}.spinner{border:5px solid #ffffff40;border-top-color:var(--c-brand-acme);border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin}.spinner-sm{border-width:3px;width:26px;height:26px}@keyframes spin{to{transform:rotate(360deg)}}.lock-badge{color:#ff8fab;background:#ff3d6e2e;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.lock-badge .ic{width:26px;height:26px}.refused-title{font-size:var(--fs-section);font-weight:750}.refused-site{color:#94a3b8;font-size:var(--fs-ui)}.with-transcript{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.transcript{border:1px solid var(--c-line);border-radius:var(--r-md);flex-direction:column;display:flex;overflow:hidden}.transcript .head{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-line);font-weight:750;display:flex}.transcript .lines{padding:var(--sp-2) var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.transcript p{font-size:var(--fs-read);color:var(--c-ink-2);line-height:1.5}.transcript p b{color:var(--c-ink-3);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;margin-right:6px;font-weight:700}.transcript p.now{color:var(--c-ink);background:#fff1e8;border-radius:6px;margin:0 -6px;padding:2px 6px}.device-stage{padding:var(--sp-6) var(--sp-4);justify-content:center;display:flex}.device{border:10px solid var(--c-night);background:var(--c-surface);width:410px;max-width:100%;box-shadow:var(--shadow-pop);border-radius:46px;overflow:hidden}.device .host{width:100%;box-shadow:none;border:0;border-radius:0}.device .host-bar{padding-top:var(--sp-3)}@container host (max-width:560px){.host-body{padding:var(--sp-4);gap:var(--sp-4)}.host-body .t-page{font-size:22px}.bigplay{width:60px;height:60px}.bigplay .ic{width:26px;height:26px}.ctrls{gap:var(--sp-2);padding:20px var(--sp-3) var(--sp-2)}.ctrls .ic{width:18px;height:18px}.ctrls .wide-only{display:none}.capline{font-size:var(--fs-ui);padding:2px 8px;bottom:40px}.ov{padding:var(--sp-2);gap:var(--sp-2)}.ov-card{padding:var(--sp-3);border-radius:var(--r-md);gap:6px;width:94%}.ov-card .t-section{font-size:var(--fs-ui);font-weight:750}.ov-card .input{font-size:var(--fs-ui);padding:6px 10px}.ov-card .btn{padding:6px 12px}.ov-card .p-row{gap:6px}.ov-card .error-text,.ov-card .t-meta{font-size:var(--fs-meta)}.player-btn{bottom:38px;right:var(--sp-2);font-size:var(--fs-meta);padding:7px 12px}.linkline{left:var(--sp-2);top:var(--sp-2);font-size:var(--fs-meta);padding:4px 10px}.sound-pill{font-size:var(--fs-ui);padding:10px 18px}.sound-pill .ic{width:20px;height:20px}.chap-panel{width:72%;padding:var(--sp-2) var(--sp-3);gap:0}.chap{padding:3px var(--sp-2);font-size:var(--fs-meta);grid-template-columns:40px minmax(0,1fr)}.end-title,.refused-title{font-size:var(--fs-ui)}.end-row .btn{padding:6px 12px}.round-btn{width:48px;height:48px}.round-btn .ic{width:22px;height:22px}.lock-badge{width:40px;height:40px}.lock-badge .ic{width:20px;height:20px}.refused-site{font-size:var(--fs-meta)}.next-card .thumb{width:72px}.spinner{border-width:4px;width:40px;height:40px}.with-transcript{grid-template-columns:minmax(0,1fr)}.buy{padding:var(--sp-4)}.buy .btn{width:100%}}.doc{max-width:1120px;padding:var(--sp-6) var(--sp-5) var(--sp-7);gap:var(--sp-5);flex-direction:column;margin:0 auto;display:flex}.link-list{flex-direction:column;display:flex}.link-list a,.link-list .ll{justify-content:space-between;align-items:center;gap:var(--sp-3);border-top:1px solid var(--c-line);color:var(--c-ink);padding:10px 0;font-weight:600;display:flex}.link-list a:first-child,.link-list .ll:first-child{border-top:0}.link-list a:hover{color:var(--c-primary);text-decoration:none}.link-list .ll a{color:var(--c-primary);border:0;padding:0}.link-list .pair{gap:var(--sp-3);display:flex}.flow{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.flow a{border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary-strong);padding:6px 12px;font-weight:650}.flow .ic{width:14px;height:14px;color:var(--c-ink-3)}.color-grid{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.color{border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden}.color i{height:64px;display:block}.color div{padding:var(--sp-2) var(--sp-3);flex-direction:column;display:flex}.ci-primary{background:var(--c-primary)}.ci-primary-strong{background:var(--c-primary-strong)}.ci-primary-soft{background:var(--c-primary-soft)}.ci-coral{background:var(--c-coral)}.ci-coral-soft{background:var(--c-coral-soft)}.ci-green{background:var(--c-green)}.ci-green-soft{background:var(--c-green-soft)}.ci-amber{background:var(--c-amber)}.ci-amber-soft{background:var(--c-amber-soft)}.ci-violet{background:var(--c-violet)}.ci-violet-soft{background:var(--c-violet-soft)}.ci-teal{background:var(--c-teal)}.ci-teal-soft{background:var(--c-teal-soft)}.ci-ink{background:var(--c-ink)}.ci-ink-2{background:var(--c-ink-2)}.ci-ink-3{background:var(--c-ink-3)}.ci-line{background:var(--c-line)}.ci-bg{background:var(--c-bg)}.ci-surface{background:var(--c-surface)}.ci-night{background:var(--c-night)}.ci-brand-acme{background:var(--c-brand-acme)}.type-row{gap:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--c-line);grid-template-columns:minmax(0,1fr) 220px;align-items:baseline;display:grid}.type-row:first-child{border-top:0}.poster-sample{font-size:var(--fs-poster);letter-spacing:-.03em;color:var(--c-brand-acme);font-weight:850;line-height:1.1}.space-row{align-items:center;gap:var(--sp-3);grid-template-columns:90px minmax(0,1fr);display:grid}.space-row i{background:var(--c-primary);border-radius:3px;height:14px;display:block}.sp-1{width:4px}.sp-2{width:8px}.sp-3{width:12px}.sp-4{width:16px}.sp-5{width:24px}.sp-6{width:32px}.sp-7{width:48px}.state-grid{gap:0 var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (max-width:820px){.app{grid-template-columns:minmax(0,1fr)}.side{border-right:0;border-bottom:1px solid var(--c-line);padding:var(--sp-4);gap:var(--sp-3)}.side-nav{gap:var(--sp-1);flex-flow:wrap}.side-nav a{gap:6px;padding:6px 10px}.side-foot{display:none}.main{padding:var(--sp-5) var(--sp-4)}.grid-2,.form-grid,.state-grid,.moment,.choice-grid,.type-grid{grid-template-columns:minmax(0,1fr)}.stats,.stats-5{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-3{grid-template-columns:minmax(0,1fr)}.stat{border-left:0;border-top:1px solid var(--c-line)}.stats .stat:nth-child(-n+2){border-top:0}.stats .stat:nth-child(2n){border-left:1px solid var(--c-line)}.stats-3 .stat:first-child{border-top:0}.stats-3 .stat:nth-child(2n){border-left:0}.stats-3 .stat:nth-child(2){border-top:1px solid var(--c-line)}.t-page{font-size:24px}.chart-wide{display:none}.chart-narrow{display:block}.item{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);flex-wrap:wrap}.item .grow{flex-basis:calc(100% - 140px)}.item .cols{justify-content:flex-start;width:100%}.item .col-num{text-align:left;width:auto}.hbar{grid-template-columns:minmax(0,1fr) 56px}.hbar .name{grid-column:1/-1}.thumb-lg{width:100%}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-row{grid-template-columns:minmax(0,1fr)}.toast{left:var(--sp-4);right:var(--sp-4)}.stage{padding:var(--sp-3) 0}.host{border-left:0;border-right:0;border-radius:0}.device-stage{padding:0}.device{width:100%;box-shadow:none;border:0;border-radius:0}.kv{grid-template-columns:minmax(0,1fr);gap:2px}.kv dd{margin-bottom:var(--sp-2)}.card{padding:var(--sp-4)}.card-flush{padding:0}.card-flush>.card-head{padding:var(--sp-3) var(--sp-4)}}.sc-wall{fill:#1d2b64}.sc-window{fill:#2e4aa8}.sc-glow{fill:#5b7bff;opacity:.55}.sc-shelf{fill:#0f1a44}.sc-book1{fill:#ff6a13}.sc-book2{fill:#00b4d8}.sc-book3{fill:#ff3d6e}.sc-plant{fill:#0fb872}.sc-desk{fill:#0f1a44}.sc-shirt{fill:#f8fafc}.sc-skin{fill:#e9a77a}.sc-hair{fill:#3b2416}.sc-poster-a{fill:#ff6a13}.sc-poster-b{fill:#7b4dff}.sc-poster-c{fill:#00a3c4}.sc-ring{fill:#fff;opacity:.14}.sc-kicker{fill:#fff;font-family:var(--font);letter-spacing:6px;opacity:.9;font-size:56px;font-weight:800}.sc-big{fill:#fff;font-family:var(--font);letter-spacing:-6px;font-size:190px;font-weight:850}.sc-sub{fill:#fff;font-family:var(--font);opacity:.92;font-size:64px;font-weight:600}.stack-tight{flex-direction:column;gap:2px;min-width:0;display:flex}.col-when{flex:none;width:96px;font-weight:700}.sq.w-re-key{background:#00798f}.host-free .player{max-width:100%}.row-gap .input,.input-row select.input{width:auto;max-width:100%}.take{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--c-violet);border-radius:0 var(--r-md) var(--r-md) 0;background:#f7f4ff;flex-direction:column;display:flex}.take .chip{align-self:flex-start}.quote{color:var(--c-ink);font-style:italic}.fix{align-items:center;gap:var(--sp-2);font-size:var(--fs-read);flex-wrap:wrap;display:inline-flex}.fix .ic{width:16px;height:16px;color:var(--c-ink-3)}.fix-old{color:#c8103f;text-decoration:line-through}.fix-new{color:#067a4b;font-weight:700}.drop{gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--c-line);flex-direction:column;display:flex}.drop:first-child{border-top:0;padding-top:0}.pct-0{width:0%}.at-0{left:0%}.pct-1{width:1%}.at-1{left:1%}.pct-2{width:2%}.at-2{left:2%}.pct-3{width:3%}.at-3{left:3%}.pct-4{width:4%}.at-4{left:4%}.pct-5{width:5%}.at-5{left:5%}.pct-6{width:6%}.at-6{left:6%}.pct-7{width:7%}.at-7{left:7%}.pct-8{width:8%}.at-8{left:8%}.pct-9{width:9%}.at-9{left:9%}.pct-10{width:10%}.at-10{left:10%}.pct-11{width:11%}.at-11{left:11%}.pct-12{width:12%}.at-12{left:12%}.pct-13{width:13%}.at-13{left:13%}.pct-14{width:14%}.at-14{left:14%}.pct-15{width:15%}.at-15{left:15%}.pct-16{width:16%}.at-16{left:16%}.pct-17{width:17%}.at-17{left:17%}.pct-18{width:18%}.at-18{left:18%}.pct-19{width:19%}.at-19{left:19%}.pct-20{width:20%}.at-20{left:20%}.pct-21{width:21%}.at-21{left:21%}.pct-22{width:22%}.at-22{left:22%}.pct-23{width:23%}.at-23{left:23%}.pct-24{width:24%}.at-24{left:24%}.pct-25{width:25%}.at-25{left:25%}.pct-26{width:26%}.at-26{left:26%}.pct-27{width:27%}.at-27{left:27%}.pct-28{width:28%}.at-28{left:28%}.pct-29{width:29%}.at-29{left:29%}.pct-30{width:30%}.at-30{left:30%}.pct-31{width:31%}.at-31{left:31%}.pct-32{width:32%}.at-32{left:32%}.pct-33{width:33%}.at-33{left:33%}.pct-34{width:34%}.at-34{left:34%}.pct-35{width:35%}.at-35{left:35%}.pct-36{width:36%}.at-36{left:36%}.pct-37{width:37%}.at-37{left:37%}.pct-38{width:38%}.at-38{left:38%}.pct-39{width:39%}.at-39{left:39%}.pct-40{width:40%}.at-40{left:40%}.pct-41{width:41%}.at-41{left:41%}.pct-42{width:42%}.at-42{left:42%}.pct-43{width:43%}.at-43{left:43%}.pct-44{width:44%}.at-44{left:44%}.pct-45{width:45%}.at-45{left:45%}.pct-46{width:46%}.at-46{left:46%}.pct-47{width:47%}.at-47{left:47%}.pct-48{width:48%}.at-48{left:48%}.pct-49{width:49%}.at-49{left:49%}.pct-50{width:50%}.at-50{left:50%}.pct-51{width:51%}.at-51{left:51%}.pct-52{width:52%}.at-52{left:52%}.pct-53{width:53%}.at-53{left:53%}.pct-54{width:54%}.at-54{left:54%}.pct-55{width:55%}.at-55{left:55%}.pct-56{width:56%}.at-56{left:56%}.pct-57{width:57%}.at-57{left:57%}.pct-58{width:58%}.at-58{left:58%}.pct-59{width:59%}.at-59{left:59%}.pct-60{width:60%}.at-60{left:60%}.pct-61{width:61%}.at-61{left:61%}.pct-62{width:62%}.at-62{left:62%}.pct-63{width:63%}.at-63{left:63%}.pct-64{width:64%}.at-64{left:64%}.pct-65{width:65%}.at-65{left:65%}.pct-66{width:66%}.at-66{left:66%}.pct-67{width:67%}.at-67{left:67%}.pct-68{width:68%}.at-68{left:68%}.pct-69{width:69%}.at-69{left:69%}.pct-70{width:70%}.at-70{left:70%}.pct-71{width:71%}.at-71{left:71%}.pct-72{width:72%}.at-72{left:72%}.pct-73{width:73%}.at-73{left:73%}.pct-74{width:74%}.at-74{left:74%}.pct-75{width:75%}.at-75{left:75%}.pct-76{width:76%}.at-76{left:76%}.pct-77{width:77%}.at-77{left:77%}.pct-78{width:78%}.at-78{left:78%}.pct-79{width:79%}.at-79{left:79%}.pct-80{width:80%}.at-80{left:80%}.pct-81{width:81%}.at-81{left:81%}.pct-82{width:82%}.at-82{left:82%}.pct-83{width:83%}.at-83{left:83%}.pct-84{width:84%}.at-84{left:84%}.pct-85{width:85%}.at-85{left:85%}.pct-86{width:86%}.at-86{left:86%}.pct-87{width:87%}.at-87{left:87%}.pct-88{width:88%}.at-88{left:88%}.pct-89{width:89%}.at-89{left:89%}.pct-90{width:90%}.at-90{left:90%}.pct-91{width:91%}.at-91{left:91%}.pct-92{width:92%}.at-92{left:92%}.pct-93{width:93%}.at-93{left:93%}.pct-94{width:94%}.at-94{left:94%}.pct-95{width:95%}.at-95{left:95%}.pct-96{width:96%}.at-96{left:96%}.pct-97{width:97%}.at-97{left:97%}.pct-98{width:98%}.at-98{left:98%}.pct-99{width:99%}.at-99{left:99%}.pct-100{width:100%}.at-100{left:100%}.code-input{font-size:var(--fs-section);letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.code-input.bad{border-color:var(--c-coral)}.side-foot form{margin-left:auto}.link-button{color:var(--c-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.swatch-pick{cursor:pointer;display:inline-flex;position:relative}.swatch-pick .swatch{flex:none;display:block}fieldset.field legend{margin-bottom:6px;padding:0}.swatch-pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch-pick input:checked+.swatch{box-shadow:0 0 0 2px var(--c-ink)}.swatch-pick input:focus-visible+.swatch{outline:2px solid var(--c-primary);outline-offset:2px}fieldset.field{border:0;margin:0;padding:0}button.space-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.sb-coral{background:var(--c-coral)}.sb-teal{background:var(--c-teal)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}label.dropzone{cursor:pointer}.dropzone-over{border-color:var(--c-primary);background:var(--c-primary-soft)}.player-embed{border-radius:0;container:host/inline-size}.e-body{background:0 0;margin:0;overflow:hidden}.frame-video{background:var(--c-night);object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ctrls button{color:#fff;cursor:pointer;font:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.ctrls button:hover{color:#ffd8bf}.ctrls .seek{min-width:40px;accent-color:var(--c-brand-acme);cursor:pointer;flex:1;height:6px}button.bigplay{cursor:pointer;border:0}.look-orange{--c-brand-acme:#ff6a13}.look-blue{--c-brand-acme:#2e5bff}.look-green{--c-brand-acme:#0fb872}.look-violet{--c-brand-acme:#7b4dff}.look-coral{--c-brand-acme:#ff3d6e}.look-teal{--c-brand-acme:#00b4d8}.preview-frame{aspect-ratio:16/9;border-radius:var(--r-md);background:var(--c-night);position:relative;overflow:hidden}.preview-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}fieldset.type-grid{border:0;min-width:0;margin:0;padding:0}.choice:has(input:checked){border-color:var(--c-primary);background:#f6f8ff}.choice:has(input:focus-visible){outline:2px solid var(--c-primary);outline-offset:2px}label.choice{cursor:pointer}.look-ink{--c-brand-acme:#0f172a}.player.corners-square{border-radius:0}.player.corners-rounded{border-radius:12px}.player.corners-round{border-radius:24px}.play-square .bigplay{border-radius:22px}.play-pill .bigplay{border-radius:var(--r-pill);align-items:center;gap:var(--sp-2);width:auto;height:64px;font-weight:800;font-size:var(--fs-ui);padding:0 30px 0 24px;display:inline-flex}.play-pill .bigplay .ic{width:26px;height:26px;margin-left:0}html:has(.player-embed){background:0 0}html:has(.player-embed) body{background:0 0}.seg label{color:var(--c-ink-2);border-left:1px solid var(--c-line);cursor:pointer;padding:8px 14px;font-weight:600}.seg label:first-of-type{border-left:0}.seg label:hover{background:var(--c-bg)}.seg label:has(input:checked){background:var(--c-primary);color:#fff}:is(.seg label:has(input:focus-visible),label.swatch:has(input:focus-visible),label.toggle:has(input:focus-visible)){outline:2px solid var(--c-primary);outline-offset:2px}label.swatch{cursor:pointer}label.swatch:has(input:checked){box-shadow:0 0 0 2px var(--c-ink)}.sw-blue-look{background:#2e5bff}.sw-green-look{background:#0fb872}.sw-violet-look{background:#7b4dff}.sw-coral-look{background:#ff3d6e}.sw-orange-look{background:#ff6a13}.sw-ink-look{background:#0f172a}label.toggle{cursor:pointer}label.toggle:has(input:checked){background:var(--c-green)}label.toggle:has(input:checked):after{left:21px}fieldset.plain{border:0;min-width:0;margin:0;padding:0}fieldset.plain:disabled{opacity:.55}.look-preview{position:relative}.look-preview .frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.look-preview .ctrls .seek-static{background:#ffffff59;border-radius:2px;flex:1;height:4px;position:relative}.look-preview .ctrls .seek-static:before{content:"";background:var(--c-brand-acme);border-radius:2px;width:35%;position:absolute;top:0;bottom:0;left:0}.frames{gap:var(--sp-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.frames button{border:2px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-night);cursor:pointer;aspect-ratio:16/9;padding:0;overflow:hidden}.frames button:hover{border-color:var(--c-primary)}.frames img{object-fit:cover;width:100%;height:100%;display:block}.thumb-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);background:var(--c-night);width:100%;display:block}.thumb>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}@media (max-width:600px){.frames{grid-template-columns:repeat(3,minmax(0,1fr))}}.frames .frame-pick{color:#fff;place-items:center;gap:var(--sp-1);cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;font-weight:700;display:grid}.frames .frame-pick:disabled{cursor:progress}.spinner-sm{vertical-align:middle;width:16px;height:16px;margin-right:var(--sp-2);border-width:2px;display:inline-block}.frames .frame-pick:disabled{color:var(--c-ink-2)}.share-page{max-width:960px;padding:var(--sp-6) var(--sp-4);gap:var(--sp-5);flex-direction:column;margin:0 auto;display:flex}.share-frame{aspect-ratio:16/9;position:relative}.share-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (max-width:600px){.share-page{padding:var(--sp-4);gap:var(--sp-4)}}.frame-video::cue{color:#fff;font-family:var(--font);background:#0b1020c7;font-size:1.05em;line-height:1.35}.cap-lines{gap:var(--sp-2);max-height:560px;padding-right:var(--sp-1);flex-direction:column;display:flex;overflow-y:auto}.cap-line{gap:var(--sp-3);grid-template-columns:56px 1fr;align-items:center;display:grid}.cap-line .t-meta{font-variant-numeric:tabular-nums}.cap-line.edited .input{border-color:var(--c-green);background:#f0fdf7}.cap-line[hidden]{display:none}.transcript-plain{gap:var(--sp-2);flex-direction:column;display:flex}.transcript-plain p{font-size:var(--fs-read);color:var(--c-ink-2);margin:0;line-height:1.55}.transcript-plain p b{color:var(--c-ink-3);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;margin-right:6px;font-weight:700}.cc-line{color:#fff;text-align:center;white-space:pre-line;pointer-events:none;background:#0b1020c7;border-radius:6px;max-width:86%;padding:4px 12px;font-size:clamp(13px,2.4vw,22px);font-weight:600;line-height:1.35;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}@media (max-width:600px){.cc-line{bottom:52px}}.fix-item{align-items:flex-start}.fix-at{font-variant-numeric:tabular-nums;flex:none;width:48px;padding-top:2px}.fix-before{color:var(--c-ink-3);text-decoration:line-through}.fix-after{color:var(--c-ink);font-weight:650}.terms{gap:var(--sp-2);flex-wrap:wrap;display:flex}.term-chip{border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-surface);align-items:center;gap:4px;padding:4px 6px 4px 12px;font-weight:600;display:inline-flex}.term-chip button{cursor:pointer;color:var(--c-ink-3);background:0 0;border:0;place-items:center;padding:2px;display:grid}.term-chip button:hover{color:var(--c-coral)}.term-chip .ic{width:14px;height:14px}.moment-group{gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-line);flex-direction:column;display:flex}.moment-group:first-child{border-top:0}.moment-group .title{color:var(--c-ink);overflow-wrap:anywhere;font-weight:650}.moment-group a.title:hover{color:var(--c-primary)}.moment{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-sm);color:var(--c-ink);display:flex}.moment:hover{background:var(--c-primary-soft)}.moment .chip{font-variant-numeric:tabular-nums;flex:none}.moment-text{overflow-wrap:anywhere;min-width:0}.moment-text mark{color:inherit;background:#ffe9a8;border-radius:3px;padding:0 2px}.search-bar{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}@media (max-width:1280px){.lib-list .item{flex-wrap:wrap}.lib-list .item .grow{flex-basis:calc(100% - 140px)}.lib-list .item .cols{width:100%;padding-left:calc(112px + var(--sp-4));justify-content:flex-start}.lib-list .item .col-num{text-align:left;width:auto}}@media (max-width:820px){.lib-list .item .cols{padding-left:0}}.lesson-list .item{flex-wrap:wrap}.lesson-list .item .grow{flex-basis:calc(100% - 140px)}.lesson-list .item .cols{width:100%;padding-left:calc(112px + var(--sp-4));justify-content:flex-start;gap:var(--sp-3)}@media (max-width:820px){.lesson-list .item .cols{padding-left:0}}@media (min-width:821px){.hbars-fit .hbar{grid-template-columns:max-content minmax(48px,1fr) 48px}}.seg button{color:var(--c-ink-2);font:inherit;border:0;border-left:1px solid var(--c-line);cursor:pointer;background:0 0;padding:8px 14px;font-weight:600}.seg button:first-child{border-left:0}.seg button:hover{background:var(--c-bg)}.seg button.on{background:var(--c-primary);color:#fff}.pin-reveal .ic{background:var(--c-amber)}.timeline a.tl-pin:hover{text-decoration:none}.timeline a.tl-pin:hover .ic{box-shadow:0 0 0 3px var(--c-surface), 0 0 0 5px var(--c-primary)}.chap-row{gap:var(--sp-2);grid-template-columns:110px minmax(0,1fr) auto;align-items:center;display:grid}@media (max-width:820px){.chap-row{grid-template-columns:84px minmax(0,1fr) auto}}.seek-wrap{flex:1;align-items:center;min-width:40px;display:flex;position:relative}.seek-wrap .seek{flex:1;width:100%}.seek-lock{pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff1f 0 4px,#ffffff52 4px 8px);border-radius:3px;height:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.player .sound-pill{cursor:pointer;border:0;font-family:inherit}.skip-ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.ctrls .skip-ic{width:24px;height:24px}.skip-ic .skip-mirror{transform-origin:12px 12px;transform:scaleX(-1)}.skip-ic text{fill:currentColor;stroke:none;text-anchor:middle;font-family:inherit;font-size:7.5px;font-weight:800}.ctrls .seek{touch-action:none;height:32px;margin:-13px 0}@container host (max-width:560px){.ctrls .time-total{display:none}}.ov-card .p-row-one{grid-template-columns:minmax(0,1fr)}.ov-card .skip{font:inherit;color:var(--c-ink-2);cursor:pointer;background:0 0;border:0;padding:6px 4px;font-weight:650}.ov-card .gate-error{color:#c8103f;font-size:var(--fs-meta);margin:0;font-weight:650}.player .chap-panel{z-index:2;color:#fff;bottom:52px}.chap-panel .head button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.chap-list{flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}button.chap{font-family:inherit;font-size:var(--fs-ui);text-align:left;cursor:pointer;background:0 0;border:0;width:100%}button.chap:hover{background:#ffffff14}button.chap.now{background:color-mix(in srgb, var(--c-brand-acme) 40%, transparent);color:#fff}.chap .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seek-wrap .tick{opacity:.85;pointer-events:none;background:#fff;border-radius:2px;width:3px;height:12px;margin:-6px 0 0 -1px;position:absolute;top:50%}@container host (max-width:560px){.player .chap-panel{width:72%;padding:var(--sp-2) var(--sp-3);gap:0}button.chap{padding:6px var(--sp-2);font-size:var(--fs-meta);grid-template-columns:40px minmax(0,1fr)}}.next-card .thumb{background:var(--c-night)}.next-card strong{color:#fff}.player .ov .t-meta{color:#cbd5e1}.player .ov .ov-card .t-meta{color:var(--c-ink-2)}@container host (max-width:560px){.player .end-title{font-size:var(--fs-ui)}.player .end-row .btn{padding:6px 12px}.player .round-btn{width:48px;height:48px}.player .next-card .thumb{width:80px}.player .ov{gap:var(--sp-2);padding:var(--sp-2)}}.cf-connect{text-align:left;width:min(420px,100%)}.draft-note{padding:var(--sp-3) var(--sp-4);display:block}.moment-view{gap:var(--sp-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}@media (max-width:900px){.moment-view{grid-template-columns:minmax(0,1fr)}}.delta-down{color:#c8103f;font-weight:700;font-size:var(--fs-meta)}.aw-note{font-weight:500;display:block}
