.detail-card{background:var(--card);border-radius:18px}.heading-meta{color:var(--mute);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13px;display:flex}.heading-meta>*{white-space:nowrap}.heading-meta a{font-weight:500}.heading-title{letter-spacing:-.03em;text-wrap:pretty;align-items:flex-start;gap:6px;margin-top:8px;font-size:34px;font-weight:800;line-height:1.22;display:flex}.heading-rename{width:34px;height:34px;color:var(--mute);letter-spacing:0;transition:transform .45s var(--spring-press), background-color .2s, color .2s;border-radius:17px;flex:none;justify-content:center;align-items:center;margin-top:4px;font-size:20px;display:flex}.heading-rename:hover{background:#7f7f7f1f}.heading-rename:active{transform:scale(.86)}.rename{flex-direction:column;gap:10px;margin-top:8px;display:flex}.rename input{background:var(--field);width:100%;height:52px;box-shadow:var(--focus-ring);color:var(--ink);letter-spacing:-.02em;border:0;border-radius:14px;outline:0;padding:0 14px;font-size:22px;font-weight:700}.rename-actions{gap:8px;display:flex}.player{flex-direction:column;gap:12px;display:flex}.frame-box{aspect-ratio:16/9;background:var(--player-bg);border-radius:18px;width:100%;position:relative;overflow:hidden}.frame-box iframe,.frame-box>div,.frame-box>div>iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.douyin-stage .douyin-frame{width:1280px;height:755px;transform:translate(-50%, -50%) scale(var(--douyin-scale,.3));transform-origin:50%;position:absolute;top:50%;left:50%}.audio-card{background:var(--card);border-radius:18px;align-items:center;gap:12px;padding:16px 18px;display:flex}.audio-card>.icon{color:var(--accent);font-size:22px}.audio-card audio{flex:1;min-width:0;height:40px}.player-card{background:var(--card);color:var(--mute);border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 22px;font-size:14px;line-height:1.7;display:flex}.player-card>.icon{font-size:24px}.player-foot{color:var(--mute);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:0 6px;font-size:12px;display:flex}.player-foot:empty{display:none}.player-foot>span{white-space:nowrap}.player-switch{color:var(--accent);font-size:12px;font-weight:600}.transcript{flex-direction:column;height:100%;min-height:0;display:flex}.transcript-head{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 22px 6px;display:flex}.transcript-info{min-width:0;color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.transcript-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 10px 16px;overflow-y:auto}.transcript-body>.loading,.transcript-body>.note{margin:8px 12px}.transcript-status{flex-direction:column;align-items:flex-start;gap:10px;padding:8px 12px 12px;display:flex}.transcript-status .bar{width:100%;max-width:340px}.transcript-status p{color:var(--mute);font-size:13px}.transcript-actions{gap:6px;display:flex}.paragraphs{position:relative}.reading-mark{height:var(--mark-height,0);transform:translateY(var(--mark-top,0));background:var(--accent-soft);opacity:0;pointer-events:none;transition:transform .6s var(--spring-read), height .45s var(--spring-read), opacity .3s;border-radius:12px;position:absolute;top:0;left:0;right:0}.reading-mark[data-shown=true]{opacity:1}.paragraph{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:11px 12px;display:grid;position:relative}.paragraph .ts{background:var(--chip);height:22px;color:var(--tab-off);font:600 11.5px / 22px var(--mono);transition:transform .45s var(--spring-press), background-color .3s, color .3s;border-radius:11px;align-self:start;margin-top:4px}.paragraph .ts:active{transform:scale(.86)}.paragraph[data-active=true] .ts{background:var(--accent);color:var(--on-accent)}.paragraph p{text-wrap:pretty;font-size:16px;line-height:1.9}.notes-head{justify-content:space-between;align-items:center;gap:12px;min-height:38px;margin-top:22px;display:flex}.notes-title{align-items:baseline;gap:10px;min-width:0;display:flex}.notes-meta{color:var(--mute-2);white-space:nowrap;font-size:12px}.notes-tools{gap:2px;display:flex}.notes-empty{color:var(--mute);flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;font-size:15px;line-height:1.7;display:flex}.notes-progress{background:var(--accent-soft);border-radius:14px;flex-direction:column;gap:10px;max-width:660px;margin-top:14px;padding:14px 16px;display:flex}.notes-progress-line{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.notes-progress-line b{font-size:14px;font-weight:600}.notes-progress-line span{color:var(--mute);font-size:12px}.notes-progress .bar{border-radius:3px;height:5px}.notes-alert{flex-wrap:wrap;max-width:660px;margin-top:14px}.notes>.loading,.notes>.note-error{margin-top:14px}.notes-editor{flex-direction:column;gap:12px;max-width:660px;margin-top:14px;display:flex}.notes-conflict{background:var(--warn-bg);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;font-size:14px;line-height:1.65;display:flex}.notes-editor textarea{resize:vertical;background:var(--editor-bg);width:100%;min-height:420px;box-shadow:inset 0 0 0 1px var(--hairline), 0 0 0 4px var(--accent-tint);color:var(--ink);font:13.5px / 1.85 var(--mono);border:0;border-radius:14px;outline:0;padding:16px 18px}.notes-hint{color:var(--mute);font-size:12px}.notes-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.notes-editor-actions>.btn:not(.btn-sm){height:38px;padding:0 22px}.notes-editor-actions>.btn-gray:not(.btn-sm){padding:0 20px;font-weight:400}.markdown{overflow-wrap:anywhere;max-width:660px;margin-top:12px;font-size:16px;line-height:1.9}.markdown>:first-child{margin-top:0}.markdown :is(h2,h3,h4,h5,h6){letter-spacing:-.015em;margin:28px 0 6px;font-size:20px;font-weight:700;line-height:1.4}.markdown :is(h4,h5,h6){font-size:17px}.markdown p{margin:18px 0 0}.markdown :is(h2,h3,h4,h5,h6)+p{margin-top:0}.markdown :is(ul,ol){margin:4px 0 0;padding-left:26px}.markdown li{margin:2px 0;padding-left:2px}.markdown li::marker{font:600 13px var(--mono);color:var(--mute-2)}.markdown li li{color:var(--ink-2)}.markdown li>p{margin:0}.markdown li :is(ul,ol){margin-top:0}.markdown strong{font-weight:600}.markdown code{background:var(--chip);font:13.5px var(--mono);border-radius:7px;padding:2px 7px}.markdown pre{background:var(--field);font:13.5px / 1.7 var(--mono);border-radius:14px;margin:18px 0 0;padding:14px 16px;overflow-x:auto}.markdown pre code{background:0 0;padding:0}.markdown blockquote{background:var(--field);color:var(--ink-2);border-radius:14px;margin:18px 0 0;padding:14px 18px}.markdown blockquote>p:first-child{margin-top:0}.markdown .table-scroll{margin:18px 0 0;overflow-x:auto}.markdown table{border-collapse:collapse;width:100%;font-size:15px}.markdown th{border-bottom:.5px solid var(--sep);text-align:left;color:var(--mute);padding:8px 16px 8px 0;font-size:12.5px;font-weight:500}.markdown td{border-bottom:.5px solid var(--sep);padding:10px 16px 10px 0}.markdown tr:last-child td{border-bottom:0}.markdown hr{border:0;border-top:.5px solid var(--sep);margin:24px 0}.markdown input[type=checkbox]{vertical-align:-1px;margin:0 6px 0 0}.markdown .raw{font:13px / 1.7 var(--mono);white-space:pre-wrap;color:var(--mute)}.ts-chip{background:var(--accent-tint);color:var(--accent);font:600 11.5px / 1 var(--mono);vertical-align:1px;transition:transform .45s var(--spring-press);border-radius:9px;margin-left:8px;padding:5px 8px}.ts-chip:active{transform:scale(.86)}@media (width>=1080px){.detail{height:calc(100dvh - var(--content-top) - 24px);grid-template:"player notes""transcript notes"minmax(0,1fr)/600px minmax(0,1fr);gap:12px 16px;min-height:560px;margin:0 24px 24px;display:grid}.detail-top,.detail-switch{display:none}.detail-player{grid-area:player}.detail-transcript{grid-area:transcript;min-height:0;overflow:hidden}.detail-notes{overscroll-behavior:contain;grid-area:notes;min-height:0;padding:30px 44px 40px;overflow-y:auto}.detail-notes-head>.note{margin-bottom:14px}}@media (width<=1079px){.detail{max-width:720px;margin:0 auto;padding:8px 24px 40px}.detail-notes-head{display:none}.detail-top>.note{margin-bottom:12px}.detail-player{margin-top:14px}.detail-switch{top:calc(var(--content-top) - 10px);z-index:5;background:var(--bg);padding:10px 0;position:sticky}.detail-notes{padding:14px 18px 24px}.detail[data-pane=notes] .detail-transcript,.detail[data-pane=transcript] .detail-notes{display:none}.transcript-body{overflow:visible}.notes-head{margin-top:0}.notes-tools{gap:0;margin-right:-8px}}@media (width<=719px){.detail{padding:8px 14px 40px}.heading-meta{gap:3px 12px;padding:0 4px;font-size:12.5px}.heading-title{margin:6px 4px 0;font-size:26px;line-height:1.26;display:block}.heading-rename{vertical-align:-3px;width:auto;height:auto;margin:0;padding:0 0 0 6px;display:inline-flex}.heading-rename:hover{background:0 0}.frame-box{border-radius:16px}.player{gap:0}.player-foot{gap:3px 10px;padding:8px 4px 0;font-size:11.5px}.player-foot>span{white-space:normal}.player-switch{padding:6px 0}.detail-transcript .transcript{padding:6px 4px 10px}.transcript-head{padding:10px 12px 4px}.transcript-body{padding:0}.paragraph{flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.paragraph .ts{height:28px;font:600 12px / 28px var(--mono);border-radius:14px;margin:0;padding:0 11px}.notes-progress{gap:8px;margin-top:8px;padding:12px 14px}.markdown{margin-top:6px}.markdown :is(h2,h3,h4,h5,h6){margin:24px 0 4px;font-size:19px}.markdown p{margin-top:16px}.markdown blockquote{padding:12px 14px}.notes-editor textarea{min-height:320px}}