.kiao-transcripts{--bg:#ffffff;--surface:#f5f4f1;--fg:#161616;--muted:#6b6b68;--border:rgba(22,22,22,0.14);--accent:#161616;--line-soft:rgba(22,22,22,0.07);--fg-soft:color-mix(in oklch,var(--fg) 6%,transparent);--error:#a4262c;--error-soft:color-mix(in oklch,var(--error) 12%,transparent);--font-display:"Playfair Display","Noto Serif TC","Iowan Old Style",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"PingFang TC",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--radius:8px;--ctl-h:38px;--gap-md:20px;--gap-lg:32px;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-md);line-height:1.65;-webkit-font-smoothing:antialiased;@layer base{& a{color:inherit;text-decoration:none}& button{font:inherit;cursor:pointer}}& p{text-wrap:pretty;margin:0}& h1{font-family:var(--font-display);font-size:clamp(26px,3.2vw,34px);line-height:1.2;letter-spacing:.005em}& h1,& h2{font-weight:600;margin:0}& h2{font-size:var(--text-md)}& .lead{max-width:44em;margin-top:8px}& .lead,& .meta{color:var(--muted)}& .meta{font-size:var(--text-sm)}& .meta,& .num{font-family:var(--font-mono)}& .num{font-variant-numeric:tabular-nums}& .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;font-size:var(--text-base);font-weight:500;transition:transform .05s,background .15s,border-color .15s,opacity .15s}& .btn:active{transform:translateY(1px)}& .btn[disabled]{opacity:.4;cursor:not-allowed}& .btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}& .btn-primary:hover:not([disabled]){background:color-mix(in oklch,var(--fg) 80%,var(--bg))}& .btn-secondary{background:var(--bg);color:var(--fg);border-color:var(--border)}& .btn-secondary:hover:not([disabled]){border-color:var(--fg)}& .btn-sm{padding:6px 12px;font-size:var(--text-sm)}& .btn-fmt{padding:6px 11px;font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.04em}& .main{padding:clamp(24px,3.4vw,40px) clamp(20px,3.6vw,52px);max-width:880px}& .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:var(--gap-lg)}& .scope-tabs{display:inline-flex;gap:4px;margin-bottom:var(--gap-md);padding:4px;border-radius:10px;background:var(--surface)}& .scope-tabs button{min-width:82px;padding:7px 16px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:600}& .scope-tabs button[aria-selected=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 4px rgba(22,22,22,.12)}& .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}& .search{position:relative;flex:1;min-width:200px;max-width:360px}& .search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none}& .search input{width:100%;height:var(--ctl-h);border:1px solid var(--border);border-radius:8px;background:var(--bg);font:inherit;font-size:var(--text-base);padding:0 12px 0 34px;outline:none}& .search input:focus{border-color:var(--fg)}& .filter{display:inline-flex;border:1px solid var(--border);border-radius:99px;padding:3px;gap:2px;background:var(--bg)}& .filter button{border:0;background:transparent;border-radius:99px;padding:6px 13px;font-size:var(--text-xs);color:var(--muted)}& .filter button[aria-pressed=true]{background:var(--fg);color:var(--bg)}& .count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);margin-left:auto;white-space:nowrap}& .tlist{display:flex;flex-direction:column}& .trow-wrap{position:relative}& .trow{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:14px 12px;border-top:1px solid var(--border);transition:background .12s}& .tlist .trow-wrap:first-child .trow{border-top:1.5px solid var(--fg)}& .trow-wrap:hover .trow{background:var(--fg-soft)}& .row-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:2}& .row-actions:focus-within,& .trow-wrap.dl-open .row-actions,& .trow-wrap:hover .row-actions{opacity:1;pointer-events:auto}& .trow-wrap.dl-open .tr-date,& .trow-wrap:hover .tr-date{opacity:0;transition:opacity .12s}& .rename-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);transition:color .12s,border-color .12s}& .rename-btn svg{width:14px;height:14px}& .rename-btn:hover{color:var(--fg);border-color:var(--fg)}& .retry-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:var(--text-sm);font-weight:500;transition:border-color .12s}& .retry-btn svg{width:14px;height:14px}& .retry-btn:hover{border-color:var(--fg)}& .unshare-btn{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font-size:var(--text-xs);font-weight:500}& .unshare-btn:hover{border-color:var(--fg);color:var(--fg)}& .trow.trow-edit{display:block}& .trow.trow-edit .tr-title{display:inline-block;outline:none;cursor:text;white-space:nowrap;overflow:visible;text-overflow:clip;border-radius:6px;padding:2px 6px;margin:-2px -6px}& .trow.trow-edit .tr-title:focus{background:var(--fg-soft)}& .trow.trow-edit .tr-title:focus-visible{outline:2px solid var(--fg);outline-offset:2px}& .tr-main{min-width:0}& .tr-title{font-size:var(--text-md);font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .tr-meta{font-family:var(--font-mono);font-size:var(--text-xs);margin-top:3px}& .tr-meta,& .tr-meta .expiry{color:var(--muted)}& .tr-meta .expiry.soon{color:var(--error);font-weight:500}& .tr-date{font-size:var(--text-xs);text-align:right}& .pill,& .tr-date{font-family:var(--font-mono);color:var(--muted);white-space:nowrap}& .pill{display:inline-flex;align-items:center;gap:7px;padding:3px 11px;border:1px solid var(--border);border-radius:999px;font-size:var(--text-2xs);letter-spacing:.04em}& .pill .pdot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}& .pill.is-done{color:var(--fg)}& .pill.is-done .pdot{background:var(--fg)}& .pill.is-proc{color:var(--fg)}& .pill.is-proc .pdot{background:var(--fg);animation:kiao-pulse 1s ease-in-out infinite}& .pill.is-fail{color:var(--error);border-color:color-mix(in oklch,var(--error) 32%,var(--border))}& .pill.is-fail .pdot{background:var(--error);border:0}& .pill.is-cancel .pdot{background:var(--border)}& .pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}& .pager .pg-ind{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}& .empty{display:grid;place-items:center;gap:14px;padding:72px 20px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}& .empty p{font-size:var(--text-base)}& .dl-wrap{position:relative}& .dl-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:var(--text-sm);font-weight:500;transition:border-color .12s}& .dl-btn svg{width:13px;height:13px}& .dl-btn:hover{border-color:var(--fg)}& .dl-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:134px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px -18px rgba(0,0,0,.34);padding:5px;display:grid;gap:2px;z-index:5}& .dl-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);text-align:left}& .dl-menu button:hover:not([disabled]){background:var(--fg-soft)}& .dl-menu button[disabled]{opacity:.5;cursor:not-allowed}& .tr-prog{position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:99px;background:var(--line-soft);overflow:hidden}& .tr-prog i{display:block;height:100%;width:0;background:var(--fg);border-radius:99px;transition:width .4s ease}& .main.editor{height:100vh;min-width:0;max-width:none;padding:0;display:grid;grid-template-rows:1fr auto;overflow:hidden}& .main-scroll{overflow-y:auto;padding:clamp(24px,3.4vw,40px) clamp(20px,3.6vw,52px) 28px}& .col{max-width:820px;margin-inline:auto}& .backlink{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--muted);transition:color .15s;margin-bottom:var(--gap-md)}& .backlink:hover{color:var(--fg)}& .doc-head{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--gap-md)}& .doc-head .title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}& .doc-head .title-row .doc-title{outline:none;cursor:text;border-radius:8px;padding:2px 8px;margin:-2px -8px;transition:background .12s ease}& .doc-head .title-row .doc-title:focus,& .doc-head .title-row .doc-title:hover{background:var(--fg-soft)}& .doc-head .title-row .doc-title:focus-visible{outline:2px solid var(--fg);outline-offset:2px}& .doc-head .title-rename{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease}& .doc-head .title-rename:hover{color:var(--fg);background:var(--fg-soft)}& .doc-head .title-rename:focus-visible{outline:2px solid var(--fg-soft);outline-offset:2px}& .doc-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}& .doc-meta .mi{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}& .doc-meta .dot{width:7px;height:7px;border-radius:50%;background:var(--fg);flex:none}& .doc-meta .sep{color:var(--border)}& .notice{margin-bottom:var(--gap-md);padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:var(--text-sm);color:var(--muted)}& .notice strong{color:var(--fg);font-weight:600}& .exportbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:var(--gap-md)}& .exportbar .ex-spacer{flex:1}& .exportbar .ex-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px}& .exportbar .ex-speakers{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--muted);cursor:pointer;user-select:none;margin-right:6px}& .exportbar .ex-speakers input{accent-color:var(--fg);cursor:pointer}& .exportbar .ex-audio{display:inline-flex;align-items:center;gap:6px}& .exportbar .ex-audio svg{width:14px;height:14px}& .main.editor.video{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(340px,42%) 1fr}& .main.editor.video>.video-stage{grid-column:1;grid-row:1}& .main.editor.video>.main-scroll{grid-column:2;grid-row:1}& .main.editor.video>.player-dock{grid-column:1/-1;grid-row:2}& .video-stage{position:sticky;top:0;align-self:stretch;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--surface);border-right:1px solid var(--border)}& .video-stage .vs-frame{flex:none;padding:clamp(16px,2vw,26px) clamp(16px,2vw,26px) 14px}& .video-stage video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#000;outline:none}& .visual-list{--vseg-index-width:14px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin-top:12px;border-top:1px solid var(--border);background:var(--surface)}& .visual-list .vl-head{flex:none;display:flex;align-items:center;gap:8px;padding:13px clamp(16px,2vw,26px) 7px}& .visual-list .vl-eyebrow{letter-spacing:.1em;text-transform:uppercase}& .visual-list .vl-count,& .visual-list .vl-eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}& .visual-list .vl-count{margin-left:auto;font-variant-numeric:tabular-nums}& .visual-list .vl-scroll{min-height:0;overflow-y:auto;padding-bottom:12px}& .visual-list .visual-segments{margin:0;padding:0;list-style:none}& .visual-list .vseg{position:relative;border-top:1px solid var(--line-soft)}& .visual-list .vseg:first-child{border-top:0}& .visual-list .vseg:before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .12s ease}& .visual-list .vseg.active:before{background:var(--fg)}& .visual-list .vseg-head{width:100%;display:flex;align-items:center;gap:10px;padding:11px clamp(16px,2vw,26px);text-align:left;color:var(--fg);cursor:pointer;transition:background .12s ease}& .visual-list .vseg-head:focus-visible,& .visual-list .vseg-head:hover,& .visual-list .vseg.expanded>.vseg-head{background:var(--fg-soft)}& .visual-list .vseg-head:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}& .visual-list .vseg-idx{flex:none;width:var(--vseg-index-width);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--muted)}& .visual-list .vseg-title{flex:1 1 auto;min-width:0;overflow:hidden;font-size:var(--text-sm);font-weight:600;color:var(--fg);text-overflow:ellipsis;white-space:nowrap}& .visual-list .vseg-time{appearance:none;flex:none;margin:-2px;padding:2px 4px;border:0;border-radius:5px;background:transparent;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--muted);text-decoration:underline dotted transparent;text-underline-offset:3px;white-space:nowrap;cursor:pointer;transition:color .12s ease,text-decoration-color .12s ease,background .12s ease}& .visual-list .vseg-time:focus-visible,& .visual-list .vseg-time:hover{color:var(--fg);text-decoration-color:var(--muted);background:var(--fg-soft)}& .visual-list .vseg-time:focus-visible{outline:1px solid var(--fg);outline-offset:1px}& .visual-list .vseg-chev{flex:none;color:var(--muted);transition:transform .18s ease}& .visual-list .vseg.expanded .vseg-chev{transform:rotate(180deg)}& .visual-list .vseg-body{padding:12px clamp(16px,2vw,26px) 12px calc(clamp(16px, 2vw, 26px) + var(--vseg-index-width) + 10px);font-size:var(--text-sm);line-height:1.72;color:var(--muted);white-space:pre-wrap;word-break:break-word}& .visual-list .vseg-body[contenteditable=true]{cursor:text}& .visual-list .vseg-body[contenteditable=true]:hover{color:var(--fg)}& .visual-list .vseg-body[contenteditable=true]:focus-visible{outline:1px solid var(--fg);outline-offset:-1px;color:var(--fg);background:var(--fg-soft)}& .sugg-summary{margin-bottom:var(--gap-md);padding:10px 14px;border:1px dashed var(--border);border-radius:10px;background:var(--surface);font-size:var(--text-sm);color:var(--muted)}& .player-dock{border-top:1px solid var(--border);background:var(--surface);padding:12px clamp(20px,3.6vw,40px) 14px;display:grid;gap:9px}& .player-dock[hidden]{display:none}& .dock-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}& .dock-controls .pl-time{margin-left:auto}& .pl-play{width:42px;height:42px;flex:none;border-radius:50%;background:var(--fg);color:var(--bg);border:0;display:grid;place-items:center}& .pl-play:hover{background:color-mix(in oklch,var(--fg) 82%,var(--bg))}& .pl-play svg{width:16px;height:16px}& .seg-toggle{display:inline-flex;border:1px solid var(--border);border-radius:99px;padding:3px;gap:2px;background:var(--bg)}& .seg-toggle button{border:0;background:transparent;border-radius:99px;padding:5px 13px;font-size:var(--text-xs);color:var(--muted)}& .seg-toggle button[aria-pressed=true]{background:var(--fg);color:var(--bg)}& .speed,& .speed-options{display:flex;align-items:center;gap:5px}& .speed .sp-label{font-size:var(--text-xs);color:var(--muted);margin-right:3px}& .speed button{border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 8px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--muted)}& .speed button:hover{color:var(--fg)}& .speed button[aria-pressed=true]{background:var(--fg);color:var(--bg)}& .pl-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--muted);white-space:nowrap}& .dock-zoom{display:inline-flex;align-items:center;gap:8px}& .dock-zoom svg{width:14px;height:14px;color:var(--muted);flex:none}& .dock-zoom input[type=range]{-webkit-appearance:none;appearance:none;width:120px;height:4px;border-radius:99px;background:var(--border);outline:none;cursor:pointer}& .dock-zoom input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--fg);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--border);cursor:grab}& .dock-zoom input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--fg);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--border);cursor:grab}& .dock-zoom .zlabel{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xs);color:var(--muted);min-width:54px;text-align:right}& .wave-scroll{overflow-x:auto;overflow-y:hidden}& .wave-scroll::-webkit-scrollbar{height:8px}& .wave-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}& .wave-inner{width:100%;display:grid;gap:7px}& .wave{position:relative;height:82px;cursor:pointer;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--bg);--wave-muted:color-mix(in oklch,var(--fg) 42%,var(--bg));--wave-grid:color-mix(in oklch,var(--border) 58%,transparent);--wave-played:color-mix(in oklch,var(--fg) 8%,transparent)}& .wave:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--wave-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--wave-grid) 1px,transparent 1px);background-size:10% 100%,100% 25%;pointer-events:none;z-index:0}& .wave-progress{top:0;bottom:0;width:0;background:var(--wave-played);z-index:1}& .wave-canvas,& .wave-progress{position:absolute;left:0;pointer-events:none}& .wave-canvas{top:6px;width:100%;height:calc(100% - 12px);z-index:2;color:var(--wave-muted);transition:filter .08s}& .wave:hover .wave-canvas{filter:brightness(.7)}& .wave-zero-line{right:0;top:50%;height:1px;background:color-mix(in oklch,var(--fg) 24%,transparent);z-index:3}& .wave .wph,& .wave-zero-line{position:absolute;left:0;pointer-events:none}& .wave .wph{top:0;bottom:0;width:2px;background:var(--fg);z-index:4;box-shadow:0 0 0 1px var(--bg)}& .spk-track{position:relative;height:34px;border-radius:6px;overflow:hidden;background:var(--fg-soft)}& .spk-track .sblock{position:absolute;top:0;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:grab;border-right:1px solid var(--bg);touch-action:none}& .spk-track .sblock:active{cursor:grabbing}& .spk-track .sblock:hover{filter:brightness(.92)}& .spk-track .sblock .sb-label{font-family:var(--font-mono);font-size:var(--text-3xs);font-weight:500;padding-left:9px;pointer-events:none;white-space:nowrap;opacity:.92}& .spk-track .sblock .sb-h{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;touch-action:none}& .spk-track .sblock .sb-h.l{left:0}& .spk-track .sblock .sb-h.r{right:0}& .spk-track .sblock .sb-h:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:14px;border-radius:1px;background:var(--bg);box-shadow:0 0 0 .5px rgba(0,0,0,.35)}& .spk-track .sblock.active{box-shadow:inset 0 0 0 2px var(--bg)}& .spk-track .sblock.sel{outline:2px solid var(--fg);outline-offset:-2px;z-index:3}& .pl-ruler{position:relative;height:12px}& .pl-ruler .tick{position:absolute;top:0;font-size:var(--text-3xs);white-space:nowrap}& .cue-edit-hint,& .pl-ruler .tick{font-family:var(--font-mono);color:var(--muted)}& .cue-edit-hint{font-size:var(--text-2xs);letter-spacing:.02em}& .roster{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:var(--gap-md);display:grid;gap:12px}& .roster-hint{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--muted)}& .roster-row{display:flex;flex-wrap:wrap}& .roster-row,& .spk-chip{gap:8px;align-items:center}& .spk-chip{display:inline-flex;padding:5px 8px 5px 6px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}& .spk-av{width:13px;height:13px;flex:none;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(22,22,22,.12)}& .spk-name-in{width:5.5em;min-width:3em;border:0;background:transparent;font:inherit;font-size:var(--text-base);color:var(--fg);padding:0;outline:none;border-bottom:1px dashed transparent;transition:border-color .12s}& .spk-name-in::placeholder{color:var(--muted)}& .spk-name-in:hover{border-bottom-color:var(--border)}& .spk-name-in:focus{border-bottom-color:var(--fg)}& .spk-merge{border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-3xs);padding:3px 4px;outline:none}& .spk-merge:hover{border-color:var(--fg);color:var(--fg)}& .spk-add{display:inline-flex;align-items:center;gap:6px}& .spk-add input{height:32px;width:8.5em;border:1px solid var(--border);border-radius:8px;background:var(--bg);font:inherit;font-size:var(--text-sm);padding:0 10px;outline:none}& .spk-add input:focus{border-color:var(--fg)}& .spk-add button{height:32px;width:32px;flex:none;border:1px solid var(--border);border-radius:8px;background:var(--bg);display:grid;place-items:center;color:var(--fg);font-size:var(--text-lg);line-height:1}& .spk-add button:hover:not([disabled]){border-color:var(--fg);background:var(--fg-soft)}& .spk-add button[disabled]{opacity:.4;cursor:not-allowed}& .cues{list-style:none;margin:0;padding:0}& .cue{position:relative;display:grid;gap:5px;padding:12px 12px 12px 16px;border-top:1px solid var(--line-soft);background:var(--bg);transition:background .12s ease;cursor:pointer}& .cue:first-child{border-top:0}& .cue:before{content:"";position:absolute;left:0;top:-1px;bottom:0;width:2px;background:transparent}& .cue.active:before{background:var(--tone,var(--fg))}& .cue.active,& .cue:hover{background:var(--fg-soft)}& .cue.sel{background:color-mix(in oklch,var(--fg) 11%,transparent);outline:0}& .cue-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}& .spk-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;color:var(--fg)}& .spk-badge .spk-av{width:11px;height:11px;border-radius:3px}& .spk-flat{font-weight:600;font-size:var(--text-xs);color:var(--fg);padding:2px 3px}& .spk-pick{appearance:none;-webkit-appearance:none;border:0;outline:none;cursor:pointer;font:inherit;font-weight:600;font-size:var(--text-xs);color:var(--fg);background:transparent no-repeat right 4px center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.2 4l2.8 2.8L7.8 4' fill='none' stroke='%239a9a95' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:9px;padding:2px 16px 2px 3px;border-radius:5px;transition:background-color .12s}& .spk-pick:hover{background-color:var(--fg-soft)}& .spk-pick:focus-visible{box-shadow:inset 0 0 0 1px var(--fg)}& .cue-time{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xs);line-height:1;color:var(--muted)}& .cue-time .tc{padding:1px 4px;border-radius:4px;outline:none;cursor:text;transition:background .12s,box-shadow .12s}& .cue-time .tc:hover{background:var(--fg-soft);color:var(--fg)}& .cue-time .tc:focus{background:var(--bg);box-shadow:inset 0 0 0 1px var(--fg);color:var(--fg)}& .cue-time .tc-arr{opacity:.55}& .cue-tools .cue-play{font-size:var(--text-2xs);line-height:1;color:var(--fg)}& .cue-text{margin:0 0 0 -6px;font-size:var(--text-md);line-height:1.7;color:var(--fg);padding:2px 6px;border-radius:6px;outline:none;cursor:text;transition:background .12s,box-shadow .12s}& .cue-text:hover{background:var(--fg-soft)}& .cue-text:focus{background:var(--bg);box-shadow:inset 0 0 0 1px var(--fg)}& .cue-sugg{margin:6px 0 2px;display:grid;gap:6px}& .cue-sugg .sugg{border:1px dashed var(--border);border-radius:9px;background:var(--surface);overflow:hidden}& .cue-sugg .sugg-chip{display:flex;align-items:center;gap:7px;padding:6px 10px;font-size:var(--text-xs);color:var(--muted);cursor:pointer;user-select:none;list-style:none}& .cue-sugg .sugg-chip::-webkit-details-marker{display:none}& .cue-sugg .sugg-chip:hover{color:var(--fg)}& .cue-sugg .sugg-ic{width:14px;height:14px;flex:none}& .cue-sugg .sugg-badge-txt{font-weight:600;letter-spacing:.01em}& .cue-sugg .sugg-state{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}& .cue-sugg .sugg.accepted{opacity:.72}& .cue-sugg .sugg.skipped{opacity:.55}& .cue-sugg .sugg-panel{padding:4px 12px 12px;display:grid;gap:10px;border-top:1px solid var(--line-soft)}& .cue-sugg .sugg-head{margin:8px 0 0;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}& .cue-sugg .sugg-diff{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline}& .cue-sugg .sugg-k{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}& .cue-sugg .sugg-o{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}& .cue-sugg .sugg-n{color:var(--fg);font-weight:600}& .cue-sugg .sugg-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}& .cue-sugg .sugg-ref{font-size:var(--text-xs);color:var(--muted);font-style:italic}& .cue-tools{margin-left:auto;display:inline-flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s}& .cue.active .cue-tools,& .cue:focus-within .cue-tools,& .cue:hover .cue-tools{opacity:1}@media (hover:none){& .cue-tools{opacity:1}}& .cue-tools .ctool{position:relative;width:24px;height:24px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted)}& .cue-tools .ctool:hover:not([disabled]){color:var(--fg);background:var(--fg-soft)}& .cue-tools .ctool[disabled]{opacity:.3;cursor:not-allowed}& .cue-tools .ctool svg{width:15px;height:15px}& .cue-tools .ctool:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 7px);right:0;white-space:nowrap;padding:4px 9px;border-radius:7px;background:var(--fg);color:var(--bg);font-size:var(--text-2xs);font-weight:500;line-height:1.4;box-shadow:0 6px 18px -8px rgba(22,22,22,.45);opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s;pointer-events:none;z-index:40}& .cue-tools .ctool:focus-visible:after,& .cue-tools .ctool:hover:after{opacity:1;transform:translateY(0)}& .merge-seam{position:absolute;top:-10px;left:50%;transform:translateX(-50%);height:20px;display:flex;align-items:center;gap:6px;z-index:5;pointer-events:none}& .merge-seam.tail{top:auto;bottom:-10px}& .merge-seam .ms-btn{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--muted);font-size:var(--text-2xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,border-color .12s;box-shadow:0 1px 5px rgba(22,22,22,.08)}& .merge-seam .ms-btn svg{width:12px;height:12px}& .cue:focus-within>.merge-seam .ms-btn,& .cue:hover>.merge-seam .ms-btn{opacity:1;pointer-events:auto}& .merge-seam .ms-btn:hover{border-color:var(--fg);color:var(--fg)}& .ret-chip{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);display:inline-flex;align-items:center;gap:6px}& .ret-chip.soon{color:var(--error)}& .ret-chip .rdot{width:6px;height:6px;border-radius:50%;background:var(--error);flex:none;display:none}& .ret-chip.soon .rdot{display:block}& .doc-head .title-row .title-acts{margin-left:auto;flex:none;display:flex;align-items:center;gap:6px}& .docact{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius,10px);background:var(--bg);color:var(--muted);transition:color .12s,border-color .12s}& .docact:hover:not([disabled]){color:var(--fg);border-color:var(--fg)}& .docact[disabled]{opacity:.4;cursor:not-allowed}& .docact svg{width:17px;height:17px}& .expiry-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:11px 14px;margin-bottom:var(--gap-md);font-size:var(--text-sm)}& .expiry-banner .eb-text{flex:1;min-width:200px;color:var(--muted)}& .expiry-banner .btn{flex:none}& .expiry-banner.soon{border-color:color-mix(in oklch,var(--error) 40%,var(--border));background:color-mix(in oklch,var(--error) 8%,var(--bg))}& .expiry-banner.soon .eb-text{color:var(--error)}& .tombstone{display:grid;place-items:center;gap:12px;text-align:center;padding:72px 20px;border:1px dashed var(--border);border-radius:12px;margin-top:8px}& .tombstone svg{width:30px;height:30px;color:var(--muted)}& .tombstone .tomb-title{font-size:var(--text-md);font-weight:600;color:var(--fg);margin:0}& .tombstone .tomb-sub{font-size:var(--text-sm);color:var(--muted);max-width:30em;margin:0;line-height:1.6}& .center-note{display:grid;place-items:center;min-height:60vh;color:var(--muted);text-align:center;gap:14px;padding:40px 20px}@media (max-width:920px){& .main.editor{height:auto;overflow:visible}& .main.editor.video{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}& .main.editor.video>.video-stage{grid-column:1;grid-row:1}& .main.editor.video>.main-scroll{grid-column:1;grid-row:2}& .main.editor.video>.player-dock{grid-column:1;grid-row:3}& .video-stage{height:60vh;max-height:60vh;align-self:stretch;z-index:15;display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);overflow:hidden;border-right:0;border-bottom:1px solid var(--border)}& .video-stage .vs-frame{min-width:0}& .video-stage .visual-list{margin-top:0;border-top:0;border-left:1px solid var(--border)}}@media (max-width:680px){& .video-stage{height:auto;max-height:80vh;grid-template-columns:minmax(0,3fr) minmax(180px,2fr)}}@media (max-width:920px) and (max-height:600px){& .video-stage{height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr) minmax(50%,1fr)}}@media (max-width:920px) and (max-height:350px){& .video-stage{grid-template-columns:minmax(0,3fr) minmax(70%,7fr)}}@media (max-width:600px){& .trow{grid-template-columns:1fr auto;row-gap:6px}& .tr-main{grid-column:1/-1}& .count{margin-left:0;width:100%}}}main.main:has(>.kiao-transcripts){padding:0;max-width:none}@keyframes kiao-pulse{50%{opacity:.35}}@keyframes kiao-modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}@media (prefers-reduced-motion:reduce){.kiao-transcripts *{animation:none!important;transition:none!important}}.kiao-transcripts .ai-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-2xs,10.5px);letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;white-space:nowrap}.kiao-transcripts .ai-tag svg{width:10px;height:10px}.kiao-transcripts .ctool.voice:hover{border-color:var(--fg)}.kiao-transcripts .ctool.del:hover{color:var(--error);border-color:color-mix(in oklch,var(--error) 40%,var(--border))}.kiao-transcripts .cue-check{flex:none;width:16px;display:inline-flex;justify-content:center;margin:0;opacity:0;transition:opacity .12s}.kiao-transcripts .cue:hover .cue-check,.kiao-transcripts .cues.selmode .cue-check{opacity:1}.kiao-transcripts .cue-check input{width:15px;height:15px;accent-color:var(--fg);cursor:pointer;margin:0}.kiao-transcripts .cue.picked{background:color-mix(in oklch,var(--fg) 11%,transparent);outline:0}.kiao-transcripts .sel-bar{position:fixed;z-index:40;width:max-content;max-width:calc(100vw - 32px);margin:0;transform:translateX(-50%);display:flex;align-items:center;gap:8px;flex-wrap:nowrap;padding:6px 8px 6px 15px;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklch,var(--bg) 90%,transparent);backdrop-filter:saturate(1.1) blur(8px);box-shadow:0 14px 32px -16px rgba(22,22,22,.28),0 2px 8px -4px rgba(22,22,22,.12)}.kiao-transcripts .sel-bar .btn{border-radius:999px}.kiao-transcripts .sel-bar .cnt{font-family:var(--font-mono);font-size:var(--text-sm,13px);white-space:nowrap}.kiao-transcripts .sel-bar .sb-div{width:1px;align-self:stretch;margin:3px 2px;background:var(--border)}.kiao-transcripts .dl-wrap{position:relative;display:inline-flex}.kiao-transcripts .dl-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--fg);color:var(--bg);font-size:var(--text-xs,12px);line-height:1.3;padding:7px 11px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .12s;box-shadow:0 10px 24px -12px rgba(22,22,22,.45)}.kiao-transcripts .dl-wrap.disabled:hover .dl-tip{opacity:1}.kiao-transcripts .btn-danger{background:var(--bg);color:var(--error);border-color:color-mix(in oklch,var(--error) 40%,var(--border))}.kiao-transcripts .btn-danger:hover:not([disabled]){border-color:var(--error);background:color-mix(in oklch,var(--error) 8%,var(--bg))}.kiao-modal--retention .retd-opts{display:grid;gap:10px}.kiao-modal--retention .retd-opt{display:grid;gap:4px;text-align:left;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);transition:border-color .12s,background .12s}.kiao-modal--retention .retd-opt:hover:not([disabled]){border-color:var(--fg);background:var(--fg-soft)}.kiao-modal--retention .retd-opt[disabled]{opacity:.45;cursor:not-allowed}.kiao-modal--retention .retd-opt .t{font-size:var(--text-base);font-weight:600;color:var(--fg)}.kiao-modal--retention .retd-opt .d{font-size:var(--text-sm);color:var(--muted);line-height:1.6}.kiao-modal--retention .retd-opt.danger .t{color:var(--error)}.kiao-modal--retention .retd-opt.danger:hover:not([disabled]){border-color:color-mix(in oklch,var(--error) 45%,var(--border));background:color-mix(in oklch,var(--error) 6%,var(--bg))}.kiao-transcripts .sblock.ai{background-image:repeating-linear-gradient(45deg,transparent 0 4px,rgba(255,255,255,.4) 4px 6px)}.kiao-modal.kiao-modal--tts{width:min(560px,calc(100vw - 48px))}.kiao-modal--tts .tts-comp,.kiao-transcripts .tts-comp{display:grid;gap:13px}.kiao-modal--tts .tc-field{width:100%;min-height:66px;resize:vertical;border:1px solid var(--border);border-radius:10px;background:var(--bg);font:inherit;font-size:var(--text-md,15px);line-height:1.7;color:var(--fg);padding:10px 12px;outline:none}.kiao-modal--tts .tc-field:focus{border-color:var(--fg)}.kiao-modal--tts .tc-voice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line-soft,rgba(22,22,22,.07));border-radius:10px;background:var(--surface)}.kiao-modal--tts .tc-voice .vlabel{font-family:var(--font-mono);font-size:var(--text-2xs,10.5px);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kiao-modal--tts .tc-voice select{height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font:inherit;font-size:var(--text-sm,13px);color:var(--fg);padding:0 10px;outline:none;cursor:pointer}.kiao-modal--tts .tc-voice select:focus{border-color:var(--fg)}.kiao-modal--tts .tc-voice .note{flex-basis:100%;font-size:var(--text-xs,12px);color:var(--muted);line-height:1.55;margin:0}.kiao-modal--tts .tc-stage{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-soft,rgba(22,22,22,.07));border-radius:10px;background:var(--surface)}.kiao-modal--tts .tc-stage audio{flex:1;height:34px}.kiao-modal--tts .gen-spin{width:15px;height:15px;border:2px solid var(--border);border-top-color:var(--fg);border-radius:50%;animation:kiao-spin .7s linear infinite;flex:none}@keyframes kiao-spin{to{transform:rotate(1turn)}}.kiao-modal--tts .gen-txt{font-size:var(--text-sm,13px);color:var(--muted)}.kiao-modal--tts .mini-dur{font-size:var(--text-xs,12px);color:var(--muted);white-space:nowrap}.kiao-modal--tts .tc-error{font-size:var(--text-sm,13px);color:var(--error);margin:0}.kiao-modal--tts .tc-actions{display:flex;align-items:center;gap:8px}.kiao-modal--tts .tc-actions .spacer{flex:1}.kiao-transcripts .ptabs,.kiao-transcripts .vbar{margin-bottom:var(--gap-md)}.kiao-transcripts .vbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kiao-transcripts .vbar .pk{width:220px;max-width:100%}.kiao-transcripts .vbar .vlab{font-size:var(--text-xs);color:var(--muted)}.kiao-transcripts .vone{font-size:var(--text-base);font-weight:600}.kiao-transcripts .vadd{margin-left:auto;border:0;background:none;padding:0;font:inherit;font-size:var(--text-sm);color:var(--muted);cursor:pointer}.kiao-transcripts .vadd:hover{color:var(--fg)}.kiao-transcripts .vadd:focus-visible{outline:2px solid var(--fg-soft);outline-offset:2px}.kiao-transcripts .mn-doc{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:var(--gap-lg);align-items:start}.kiao-transcripts .mn-page{min-width:0}.kiao-transcripts .mn-frame{position:relative;max-width:44em;margin:0 -16px}.kiao-transcripts .mn-savebar{position:absolute;top:20px;right:17px;z-index:2;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .22s ease;pointer-events:none}.kiao-transcripts .mn-savebar>*{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--muted)}.kiao-transcripts .mn-savebar.show{opacity:1}.kiao-transcripts .mn-savebar .dot{width:6px;height:6px;border-radius:50%;background:var(--border)}.kiao-transcripts .mn-savebar.is-saving .dot{background:var(--fg);animation:mn-pulse 1s ease-in-out infinite}.kiao-transcripts .mn-savebar.is-failed>*{color:var(--error)}.kiao-transcripts .mn-savebar.is-failed .dot{background:var(--error)}@keyframes mn-pulse{50%{opacity:.35}}.kiao-transcripts .mn-side{border-left:1px solid var(--border);padding-left:var(--gap-md)}.kiao-transcripts .mn-sk{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.kiao-transcripts .mn-srow{padding:10px 0;border-top:1px solid var(--line-soft);font-size:var(--text-sm)}.kiao-transcripts .mn-srow:first-of-type{border-top:0;padding-top:0}.kiao-transcripts .mn-srow .k{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:2px}.kiao-transcripts .mn-srow a{text-decoration:underline;text-underline-offset:2px}.kiao-transcripts .mn-sacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--gap-md)}.kiao-transcripts .mn-regen{margin-top:var(--gap-md)}.kiao-transcripts .mn-setup{max-width:760px}.kiao-transcripts .mn-setup h3{font-size:var(--text-md);font-weight:600;margin:0}.kiao-transcripts .mn-tplgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.kiao-transcripts .mn-tpl{display:block;padding:13px 15px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:left;font:inherit;cursor:pointer}.kiao-transcripts .mn-tpl:hover{border-color:var(--fg)}.kiao-transcripts .mn-tpl[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.kiao-transcripts .mn-tpl .t{font-size:var(--text-base);font-weight:500;display:flex;align-items:center;gap:8px}.kiao-transcripts .mn-tpl .d{font-size:var(--text-xs);color:var(--muted);margin-top:3px;display:block}.kiao-transcripts .mn-tpl .tag{margin-left:auto}.kiao-transcripts .mn-setupfoot{display:flex;align-items:center;gap:14px;margin-top:var(--gap-md);flex-wrap:wrap}.kiao-transcripts .mn-run{max-width:560px}.kiao-transcripts .mn-run h3{font-size:var(--text-md);font-weight:600;margin:0}.kiao-transcripts .mn-track{height:3px;background:var(--fg-soft);border-radius:2px;overflow:hidden;margin:var(--gap-md) 0}.kiao-transcripts .mn-track i{display:block;height:100%;width:0;background:var(--fg);border-radius:2px}.kiao-transcripts .mn-track--indeterminate i{width:34%;animation:mn-slide 1.25s ease-in-out infinite}@keyframes mn-slide{0%{transform:translateX(-100%)}to{transform:translateX(330%)}}@media (max-width:920px){.kiao-transcripts .mn-doc{grid-template-columns:1fr}.kiao-transcripts .mn-side{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:var(--gap-md)}.kiao-transcripts .mn-tplgrid{grid-template-columns:1fr}}.kiao-modal.kiao-modal--public-share{width:min(600px,calc(100vw - 48px))}.kiao-modal--public-share .pns{display:grid;gap:16px}.kiao-modal--public-share .pns-empty,.kiao-modal--public-share .pns-status{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.65}.kiao-modal--public-share .pns-team{display:grid;gap:6px}.kiao-modal--public-share .pns-team-toggle{display:flex;align-items:center;gap:9px;font-weight:600}.kiao-modal--public-share .pns-team-toggle input{width:16px;height:16px;accent-color:var(--fg)}.kiao-modal--public-share .pns-team p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.55}.kiao-modal--public-share .pns-divider{height:1px;background:var(--border)}.kiao-modal--public-share .pns-link{display:grid;gap:7px}.kiao-modal--public-share .pns-link label{font-size:var(--text-xs);font-weight:600;color:var(--muted)}.kiao-modal--public-share .pns-link input{width:100%;height:40px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--fg);padding:0 11px;font:12px/1.4 var(--font-mono)}.kiao-modal--public-share .pns-actions{display:flex;flex-wrap:wrap;gap:8px}.kiao-modal--public-share .pns-create{justify-self:start}.kiao-modal--public-share .pns-revoke{justify-self:start;border:0;background:transparent;color:var(--error);padding:3px 0;font:inherit;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px}.kiao-modal--public-share .pns-revoke[disabled]{opacity:.45;cursor:not-allowed}