:root{--paper:#f1f0e9;--ink:#151511;--acid:#ddff3f;--red:#ff5638;--muted:#777;--line:#c5c4bc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}header,footer{height:66px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.15em}.brand{font-size:20px;font-weight:900;letter-spacing:-.08em;text-decoration:none}.import-tool{padding:34px 3vw 100px}.crumb{font-size:11px}.intro{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end;padding:8vh 0}.eyebrow,.label,.url-field>span{font-size:10px;font-weight:bold;letter-spacing:.15em}.intro h1{font-size:clamp(60px,9vw,130px);line-height:.82;letter-spacing:-.075em;margin:35px 0 0}.intro em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.intro>p{font:21px/1.5 Georgia,serif}.import-panel{background:#fff;border:1px solid var(--ink);padding:clamp(22px,4vw,56px)}.helper-state{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:18px;background:var(--acid);margin-bottom:28px}.helper-state.offline{background:#ffe1d9}.helper-state span{font-size:9px;letter-spacing:.14em}.helper-state strong{display:block;font-size:22px;margin:8px 0}.helper-state p{margin:0;font:15px/1.4 Georgia,serif}.helper-actions{display:flex;flex-wrap:wrap;gap:8px}.helper-actions a,.helper-actions button{border:1px solid;background:white;color:var(--ink);padding:10px 12px;text-decoration:none;font:700 11px Arial;cursor:pointer}.helper-actions a[aria-disabled=true]{opacity:.45;cursor:not-allowed}.url-field div{display:grid;grid-template-columns:1fr auto;margin-top:15px}.url-field input{font:18px Arial;padding:18px;border:1px solid var(--ink);min-width:0}.url-field button,.start{border:0;background:var(--ink);color:white;padding:0 28px;font-weight:bold;cursor:pointer}.url-field button:disabled,.start:disabled{opacity:.4;cursor:not-allowed}.login-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.login-options small{color:var(--muted)}.permission{display:flex;gap:10px;margin:18px 0;font-size:14px}.local-import{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0;padding:14px;border:1px dashed var(--line);font-size:10px;letter-spacing:.12em}.local-import label{font-weight:bold;cursor:pointer}.local-import input{display:block;margin-top:7px;max-width:240px}.media-card{display:grid;grid-template-columns:220px 1fr;gap:25px;border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.media-card img{width:220px;aspect-ratio:16/9;object-fit:cover;background:#ddd}.media-card span{font-size:10px;letter-spacing:.15em}.media-card h2{font-size:30px;margin:14px 0}.options{border-top:1px solid var(--line);margin-top:28px;padding-top:28px;display:grid;gap:25px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mode-grid label{border:1px solid var(--line);padding:18px;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;cursor:pointer}.mode-grid small{grid-column:2;color:var(--muted)}.quality{display:flex;justify-content:space-between;align-items:center}.quality select{padding:10px 35px 10px 12px}.subtitle-options{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 18px;border:1px solid var(--line);padding:18px}.subtitle-options legend{font-size:10px;font-weight:bold;letter-spacing:.15em}.subtitle-options select,.subtitle-options input[type=file]{min-width:0;max-width:100%}.subtitle-options small{grid-column:1/-1;color:var(--muted)}.start{min-height:54px}.job{margin-top:28px;padding:24px;background:var(--ink);color:white}.job-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.track{height:8px;background:#444;margin:18px 0}.track i{display:block;width:0;height:100%;background:var(--acid);transition:.3s}.result-actions{display:flex;gap:10px;margin-top:20px}.result-actions a,.result-actions button{border:0;padding:12px 18px;text-decoration:none;font-weight:bold;background:var(--acid);color:var(--ink);cursor:pointer}.result-actions button{background:white}.player{margin-top:28px;border:1px solid var(--ink);background:var(--paper);padding:clamp(14px,3vw,32px);color:var(--ink)}.player-head,.transcript-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.player-head span{font-size:9px;letter-spacing:.14em}.player-head h2{margin:8px 0 20px}.player-head button,.transcript-head button,.media-controls button,.subtitle-modes button{border:1px solid var(--ink);background:white;padding:9px 12px;cursor:pointer}.player-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px}.media-stage{position:relative;background:#050505;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.media-stage video{width:100%;height:100%;object-fit:contain}.media-stage video.audio-only{height:80px}.subtitle-overlay{position:absolute;z-index:2;left:5%;right:5%;bottom:max(7%,22px);display:grid;gap:4px;justify-items:center;pointer-events:none}.subtitle-overlay span{max-width:92%;background:rgba(0,0,0,.76);color:white;padding:4px 9px;text-align:center;font-size:clamp(15px,2vw,25px);line-height:1.35;text-shadow:0 1px 2px #000}.subtitle-overlay .translation{color:var(--acid)}.media-controls{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:12px;align-items:center;margin-top:12px}.media-controls input{width:100%}.media-controls output{font-variant-numeric:tabular-nums;font-size:12px}.subtitle-modes{display:flex;gap:8px;margin-top:12px}.subtitle-modes button.active{background:var(--ink);color:white}.transcript-panel{border:1px solid var(--line);background:white;min-height:0}.transcript-head{padding:12px;border-bottom:1px solid var(--line)}.transcript-list{height:min(56vw,560px);overflow:auto;overscroll-behavior:contain;padding:8px}.transcript-list button{width:100%;display:grid;grid-template-columns:54px 1fr;gap:4px 10px;text-align:left;border:0;border-left:3px solid transparent;background:transparent;padding:12px 10px;cursor:pointer}.transcript-list button:hover{background:#f4f4ef}.transcript-list button.active{border-left-color:var(--red);background:#fff0eb}.transcript-list time{grid-row:1/3;color:var(--muted);font-size:10px}.transcript-list span{grid-column:2;line-height:1.4}.transcript-list .translation{color:#555}.transcript-list.empty{display:grid;place-items:center;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid;margin-top:60px}.facts article{padding:30px;border-right:1px solid}.facts article:last-child{border:0}.facts p{font:17px/1.5 Georgia,serif}footer{background:var(--ink);color:white;border:0}
@media(max-width:760px){.intro,.media-card,.facts,.player-grid{grid-template-columns:1fr}.intro h1{font-size:17vw}.mode-grid{grid-template-columns:1fr}.url-field div{grid-template-columns:1fr}.url-field button{min-height:52px}.media-card img{width:100%}.facts article{border-right:0;border-bottom:1px solid}.helper-state,.local-import{display:block}.helper-actions{margin-top:18px}.local-import label{display:block;margin-top:12px}.subtitle-options{grid-template-columns:1fr}.subtitle-options small{grid-column:auto}.player{padding:10px}.media-stage{aspect-ratio:16/10}.subtitle-overlay{bottom:18%;left:2%;right:2%}.subtitle-overlay span{max-width:98%;font-size:clamp(14px,4vw,20px)}.media-controls{grid-template-columns:auto 1fr}.media-controls output{grid-column:1/-1}.transcript-list{height:42vh;min-height:260px}.transcript-list button{grid-template-columns:42px 1fr}header span,footer span{display:none}}@media(max-width:760px) and (orientation:landscape){.player-grid{grid-template-columns:1.4fr 1fr}.transcript-list{height:54vw;max-height:70vh}.subtitle-overlay{bottom:20%}}