@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f5f2e9;--surface:#fffcf5;--ink:#24382e;--muted:#6d776c;--line:#dcded0;--gold:#dfbc72;--light:#e9eddf;--red:#9e483a;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0;background:none}input,textarea,select{color:var(--ink)}input,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:12px 14px}input[type=checkbox]{width:auto;accent-color:var(--ink)}select{border:0;background:transparent;padding:8px;cursor:pointer}textarea{resize:vertical}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b28a37;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-weight:400}em{font-weight:400}h1{font:clamp(48px,6.2vw,83px)/.99 var(--serif);letter-spacing:-2px}h1 em{color:#7c8d64}h2{font:36px/1.1 var(--serif);letter-spacing:-.6px}small{font-size:12px}[hidden]{display:none!important}.masthead{height:93px;max-width:1320px;margin:auto;padding:0 52px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;font:34px/1 var(--serif);letter-spacing:-1px}.brand-dot{margin-left:-9px;color:#ad8342}.record{width:30px;height:30px;background:radial-gradient(circle,var(--paper) 0 2px,var(--gold) 2px 7px,var(--ink) 7px 10px,#627161 10px 11px,var(--ink) 11px);border-radius:50%}.masthead nav{display:flex;gap:33px;margin-left:auto;align-items:center}.masthead nav a{font-size:13px;position:relative}.masthead nav a.active:after{content:'';height:2px;background:var(--ink);position:absolute;left:0;right:0;bottom:-32px}.count{padding:3px 7px;background:var(--light);font-size:10px;border-radius:20px;margin-left:3px}.icon-button{border:1px solid var(--line);border-radius:50%;width:39px;height:39px;display:inline-flex;justify-content:center;align-items:center;font-size:19px;flex-shrink:0}.icon-button:hover,.pill-button:hover{background:var(--light)}main{max-width:1216px;padding:0 0 55px;margin:0 auto;min-height:70vh}.hero{display:flex;justify-content:space-between;align-items:center;padding:67px 33px 62px;border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700}.hero h1{margin-top:25px}.hero p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:23px}.hero-record{margin-right:45px;position:relative;width:300px;aspect-ratio:1;border-radius:50%;transform:rotate(-14deg);background:repeating-radial-gradient(circle at center,#26352d 0px,#26352d 2px,#36463a 3px,#26352d 4px);box-shadow:14px 18px 0 #dedecb;display:grid;place-items:center}.hero-record:before{content:'';position:absolute;inset:88px;border-radius:50%;background:var(--gold)}.hero-record:after{content:'';position:absolute;width:8px;height:8px;background:var(--paper);border-radius:50%;left:calc(50% - 4px);top:calc(50% - 4px)}.hero-record span{z-index:1;text-align:center;position:relative;font:25px/1 var(--serif);padding-bottom:45px}.hero-record small{font:7px var(--sans);letter-spacing:1px}.collection-heading{display:flex;justify-content:space-between;align-items:end;margin:43px 0 24px}.collection-heading h2{margin-top:8px}.text-button{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.text-button:hover{color:#99752c}.filters{display:flex;align-items:center;justify-content:space-between;gap:20px}.search{flex:1;max-width:560px;position:relative;display:flex;align-items:center}.search input{background:transparent;padding:13px 42px 13px 42px;font-size:13px}.search>span{position:absolute;left:14px;font-size:25px;top:3px}.search kbd{position:absolute;right:15px;color:var(--muted);border:1px solid var(--line);width:18px;text-align:center;font-size:11px}.sort-label{font-size:12px;color:var(--muted)}.sort-label select{font-size:12px;color:var(--ink)}.periods{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.periods button,.pill-button{border:1px solid var(--line);padding:8px 16px;border-radius:50px;font-size:12px;white-space:nowrap}.periods button.active,.pill-button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.periods small{margin-left:6px;font-size:10px;opacity:.65}.alphabet{display:flex;justify-content:space-between;align-items:center;margin-top:23px;border-bottom:1px solid var(--line);padding-bottom:14px;gap:4px}.alphabet button{font-size:11px;padding:3px 6px;border-radius:3px;color:var(--muted)}.alphabet button.active{background:var(--ink);color:white}.alphabet button:hover{background:var(--light);color:var(--ink)}.results-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:11px;color:var(--muted)}.saved-filter{display:flex;gap:6px;align-items:center}.song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 23px}.song-card{min-width:0;position:relative}.song-open{display:block;width:100%;padding:0;text-align:left}.song-art{aspect-ratio:16/10;background:var(--light);position:relative;overflow:hidden;border-radius:4px;margin-bottom:11px;display:flex;align-items:center;justify-content:center}.song-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .3s,filter .3s}.song-open:hover img{transform:scale(1.04);filter:saturate(1)}.art-initial{position:absolute;font:75px var(--serif);opacity:.3}.art-play{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;color:white;background:#172a2360;opacity:0;transition:opacity .2s}.song-open:hover .art-play,.song-open:focus-visible .art-play{opacity:1}.art-decade{position:absolute;left:10px;bottom:10px;background:#f5f2e9e8;padding:1px 7px;border-radius:2px;font-size:9px;letter-spacing:1px}.song-card h3{font-size:14px;font-weight:500;line-height:1.35;padding-right:24px}.song-card .artist{font-size:12px;color:var(--muted);margin-top:3px}.card-heart{position:absolute;right:-4px;bottom:18px;font-size:21px}.card-heart.on{color:#ab703a}.song-year{font-size:10px;color:var(--muted);margin-top:5px}.empty-state{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--line)}.empty-state h2{margin-bottom:15px}.collection-footer{display:flex;justify-content:center;gap:17px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px;font-size:12px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:26px 52px;max-width:1320px;margin:auto;display:flex;align-items:center;gap:25px}.small-brand{font-size:25px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer>button{margin-left:auto;font-size:11px}.primary{background:var(--ink);color:var(--surface);padding:12px 22px;border-radius:5px;font-size:13px}.primary:hover{background:#3e5543}.back-row{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:12px}.watch-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.watch-heading h1{font-size:48px;line-height:1.1;letter-spacing:-1px;margin:7px 0}.watch-heading>div>p:last-child{color:var(--muted);font-size:14px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.watch-column{min-width:0}.video-stage{width:100%;aspect-ratio:16/9;background:#19231d;border-radius:6px;overflow:hidden;position:relative;min-height:200px}.video-stage #player,.video-stage iframe{width:100%;height:100%;border:0}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:25px;color:#e6eadf;text-align:center}.video-placeholder:empty{display:none}.video-placeholder h2{font-size:28px}.video-placeholder button{border-color:#6d776c}.watch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:15px 0}.watch-toolbar>div{display:flex;align-items:center;gap:8px}.rate-label{font-size:11px;color:var(--muted)}.subtitle-panel{padding:27px 30px;background:var(--surface);border:1px solid var(--line);border-radius:6px;min-height:200px}.subtitle-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.subtitle-top .eyebrow{font-size:9px}.subtitle{font:32px/1.5 var(--serif);margin:20px 0 6px;white-space:pre-wrap}.subtitle.empty{font:16px/1.8 var(--sans);color:var(--muted)}.word{font:inherit;padding:0 1px;border-bottom:1px dotted #a3ae93;border-radius:2px}.word:hover,.word.selected{background:#e9dfbd}.word.saved{border-bottom:2px solid var(--gold)}.translation{font-size:16px;line-height:1.8;color:#596b4f;white-space:pre-wrap}.translation.missing{font-size:12px;color:var(--muted)}.subtitle-actions{display:flex;gap:20px;margin-top:23px;border-top:1px solid var(--line);padding-top:15px}.subtitle-actions .text-button{font-size:11px}.word-panel{background:#e9eddf;padding:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:6px;margin-top:15px}.word-panel h2{margin:6px 0;font-size:33px}.word-panel .ipa{font-size:12px;color:var(--muted)}.word-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.word-panel .eyebrow{font-size:8px}.word-panel #word-zh{font-size:16px;white-space:pre-wrap}.word-buttons .primary{font-size:11px;padding:9px 15px}.watch-footnote{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin-top:16px}.watch-footnote a{text-decoration:underline}.transcript-side{border-left:1px solid var(--line);padding-left:23px;min-width:0}.transcript-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.transcript-heading h2{font-size:27px}.transcript-heading label{font-size:10px;color:var(--muted)}.transcript{max-height:650px;overflow:auto;scroll-behavior:smooth}.transcript button{display:flex;gap:12px;width:100%;padding:12px 9px;text-align:left;border-radius:4px;font-size:12px;line-height:1.6}.transcript button.active{background:var(--light)}.transcript button:hover{background:#e9eddf80}.transcript time{font-size:10px;color:var(--muted);min-width:30px;margin-top:3px}.transcript .line-zh{font-size:11px;color:var(--muted);display:block}.transcript-side>.quiet{margin-top:20px;font-size:11px}.quiet{font-size:12px;color:var(--muted);line-height:1.8}.status{font-size:12px;color:var(--muted);line-height:1.6;margin-top:8px;white-space:pre-wrap}.status.error{color:var(--red)}.page-intro{padding:55px 0 30px}.page-intro h1{font-size:66px;margin:20px 0}.page-intro>p{color:var(--muted);font-size:14px}.review-stats{display:flex;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.review-stats>div{display:flex;flex-direction:column}.review-stats b{font:48px var(--serif)}.review-stats span{font-size:12px;color:var(--muted)}.review-start-row{display:flex;align-items:center;gap:18px;margin:25px 0}.deck-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.deck-row .deck-main{flex:1;text-align:left;padding:0;min-width:0}.deck-row h3{font-size:15px;font-weight:500}.deck-row p{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-when{font-size:11px;color:var(--muted)}.deck-row.removed{opacity:.4}.deck-row.removed h3{text-decoration:line-through}.review-session-top{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.review-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;text-align:center;max-width:800px;margin:25px auto;padding:48px 35px}.review-card h2{font-size:46px;margin:25px 0}.review-card>#reveal-card{display:block;margin:30px auto 0}.review-card #card-answer{margin-top:25px}.review-card #card-context{margin-top:18px;font-size:16px}.review-card #card-context-zh{color:var(--muted);font-size:13px}.review-card #card-origin{margin-top:20px;font-size:11px}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.grade-buttons button{border:1px solid var(--line);border-radius:5px;padding:13px 8px;font-size:12px}.grade-buttons button small{display:block;color:var(--muted);font-size:10px}.grade-buttons button:hover{background:var(--light)}.grade-buttons button:first-child{color:var(--red)}.review-player-host{max-width:600px;margin:20px auto}.request-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:35px}.request-form label,dialog label{display:block;font-size:12px;font-weight:500;margin:0 0 20px}.request-form input,.request-form textarea,dialog input,dialog textarea{display:block;margin-top:6px}.optional{font-weight:400;font-size:10px;color:var(--muted);margin-left:4px}.request-inbox-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.request-inbox-heading h2{font-size:29px}.request-item{border-bottom:1px solid var(--line);padding:15px 0}.request-item h3{font-size:14px;font-weight:500}.request-item p{font-size:12px;color:var(--muted);white-space:pre-wrap}.request-item .request-meta{font-size:10px;margin-top:8px;display:flex;justify-content:space-between}.request-item a{font-size:11px;text-decoration:underline}.honeypot{position:absolute!important;left:-9999px!important}.site-footer,.masthead,main{width:100%}dialog{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);width:min(580px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:30px;box-shadow:0 30px 100px #14231c35}dialog::backdrop{background:#16231c70;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.dialog-head h2{font-size:35px}.dialog-head .eyebrow{font-size:9px}.close{font-size:27px;line-height:1;padding:5px}.dialog-actions,.settings-actions{display:flex;gap:20px;align-items:center;margin-top:22px}dialog p{font-size:13px;line-height:1.8;margin-bottom:16px}dialog .quiet{font-size:11px}dialog summary{font-size:12px;cursor:pointer;margin:15px 0}.file-button{display:inline-block;cursor:pointer}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--surface);border-radius:6px;padding:11px 21px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90vw}#toast.on{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-70px;left:20px;padding:10px 15px;background:var(--ink);color:white;z-index:30}.skip:focus{top:10px}
@media(min-width:1350px){main{max-width:1120px}.hero{padding-left:0}}
@media(max-width:1250px){main{padding-left:40px;padding-right:40px}.masthead{padding:0 40px}.hero{padding-left:0;padding-right:0}.hero-record{width:260px;margin-right:30px}.hero-record:before{inset:75px}.song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.masthead{height:76px;padding:0 24px;gap:20px}.masthead nav{gap:20px}.masthead nav a.active:after{bottom:-25px}.brand{font-size:29px}main{padding-left:24px;padding-right:24px}.hero{padding:45px 0}.hero-record{width:190px;margin-right:18px}.hero-record:before{inset:55px}.hero-record span{font-size:20px;padding-bottom:35px}.hero-record small{font-size:5px}.hero h1{font-size:65px}.song-grid{gap:25px 17px}.watch-layout{grid-template-columns:1fr}.transcript-side{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.transcript{max-height:300px}.request-layout{gap:35px}.site-footer{padding:25px 24px}.alphabet{flex-wrap:wrap;justify-content:flex-start;gap:7px}.alphabet button{min-width:20px}.watch-heading h1{font-size:40px}}
@media(max-width:580px){body{font-size:14px}.masthead{padding:0 17px;gap:12px}.masthead nav{gap:15px}.masthead nav a{font-size:11px}.masthead .icon-button{width:30px;height:30px;font-size:16px}.brand{font-size:27px;gap:7px}.record{width:23px;height:23px}.brand-dot{margin-left:-6px}main{padding:0 18px 35px}.hero{padding:38px 0;position:relative;min-height:285px}.hero-record{position:absolute;width:155px;right:-60px;top:82px;opacity:.85;margin:0;box-shadow:8px 10px 0 #dedecb}.hero-record:before{inset:45px}.hero-record span{font-size:14px;padding-bottom:25px}.hero-record small{font-size:4px}.hero h1{font-size:56px;letter-spacing:-1.5px;position:relative;z-index:1}.hero p{font-size:12px;margin-top:20px;position:relative;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero h1{margin-top:20px}.collection-heading{margin-top:30px}.collection-heading h2{font-size:29px}.collection-heading .eyebrow{font-size:8px}.collection-heading .text-button{font-size:11px}.filters{display:block}.sort-label{display:block;text-align:right;margin-top:7px}.periods{margin-top:13px;gap:6px}.periods button{font-size:11px;padding:6px 10px}.periods small{font-size:9px;margin-left:4px}.alphabet{gap:4px;margin-top:17px}.alphabet button{font-size:10px;padding:3px 5px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.song-card h3{font-size:12px;padding-right:17px}.song-card .artist{font-size:11px}.song-art{margin-bottom:8px}.song-year{font-size:9px}.card-heart{font-size:19px;bottom:17px;right:-5px}.art-play{width:29px;height:29px;font-size:11px;opacity:.8}.art-decade{font-size:8px;left:7px;bottom:7px}.results-head{font-size:10px;gap:10px}.collection-footer{font-size:11px;gap:10px;align-items:center}.collection-footer .text-button{font-size:11px}.site-footer{padding:22px 18px;gap:12px;flex-wrap:wrap}.site-footer p{font-size:9px}.site-footer .text-button{font-size:10px}.watch-heading{gap:12px;align-items:start}.watch-heading h1{font-size:36px}.watch-heading .text-button{font-size:10px;white-space:nowrap;margin-top:6px}.watch-heading .eyebrow{font-size:9px}.back-row{font-size:11px}.watch-toolbar{gap:4px;flex-wrap:wrap}.watch-toolbar .pill-button{padding:7px 10px;font-size:11px}.watch-toolbar .icon-button{width:31px;height:31px;font-size:15px}.watch-toolbar>div{gap:5px}.subtitle-panel{padding:20px}.subtitle{font-size:29px}.translation{font-size:15px}.subtitle-actions{gap:18px}.word-panel{padding:20px;display:block}.word-buttons{justify-content:flex-start;margin-top:16px}.page-intro{padding-top:35px}.page-intro h1{font-size:54px}.review-stats{gap:60px}.review-stats b{font-size:40px}.review-card{padding:30px 18px}.review-card h2{font-size:34px}.grade-buttons{gap:6px}.grade-buttons button{font-size:11px;padding:12px 5px}.request-layout{grid-template-columns:1fr;gap:35px}.deck-when{max-width:65px;text-align:right;font-size:10px}.deck-row{gap:10px}.request-form label{font-size:12px}dialog{padding:23px}.dialog-head h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.listening .masthead{height:64px}.listening .masthead nav a.active:after{bottom:-18px}.listening .back-row{padding-top:12px}.listening .watch-heading{margin-top:12px;margin-bottom:14px}.listening .watch-heading h1{font-size:29px;margin:3px 0}.listening .video-stage{aspect-ratio:auto;height:min(42vh,430px)}
@media(max-width:580px){.listening .video-stage{height:auto;aspect-ratio:16/9}.listening .masthead{height:64px}.listening .watch-heading h1{font-size:27px}}

/* Listening reader: video, one clickable line, optional meaning, then replay. */
.watch-layout{display:block;max-width:840px;margin:0 auto}.watch-heading,.back-row{max-width:840px;margin-left:auto;margin-right:auto}.watch-heading h1{font-size:36px}.video-stage{border-radius:8px 8px 0 0;min-height:0}.subtitle-panel{border-radius:0 0 8px 8px;margin-top:0;min-height:190px;padding:24px 30px}.subtitle-top{margin-bottom:8px}.subtitle{font:500 clamp(25px,3.3vw,35px)/1.65 var(--sans);margin:10px 0 16px;letter-spacing:.1px}.word{padding:0 2px;border-bottom:1px dotted #9cab97;min-height:42px}.word:hover,.word.selected{background:#e2e9d5}.line-meaning-toggle{display:block;width:100%;text-align:left;border:1px dashed var(--line);border-radius:6px;padding:12px 15px;font-size:13px;color:var(--muted);background:var(--paper)}.line-meaning-toggle:hover{border-color:var(--muted);background:var(--light)}.line-meaning-toggle[aria-pressed=true]{border-bottom:0;border-radius:6px 6px 0 0;padding-bottom:5px}.subtitle-panel .translation{padding:6px 15px 14px;background:var(--paper);border:1px dashed var(--line);border-top:0;border-radius:0 0 6px 6px}.subtitle-actions{margin-top:18px;padding-top:12px}.word-panel{margin:12px 0}.watch-toolbar{margin:16px 0 10px}.transcript-side{border:0;border-top:1px solid var(--line);padding:16px 0;margin-top:25px}.transcript-side>summary{cursor:pointer;font-size:14px;font-weight:600;padding:6px 0}.transcript-heading{margin-top:18px}.transcript{max-height:420px}.transcript button{font-size:15px;padding:14px 9px}.watch-footnote{flex-wrap:wrap}.word-panel #word-zh{max-width:500px}.word-panel h2{font-family:var(--sans);font-size:28px;font-weight:600}
@media(max-width:580px){.watch-heading{margin-top:17px;margin-bottom:17px}.watch-heading h1{font-size:29px}.subtitle-panel{padding:19px 17px;min-height:180px}.subtitle{font-size:25px}.subtitle-actions{gap:15px}.word-panel{padding:18px}.watch-toolbar>div{gap:6px}.line-meaning-toggle{font-size:12px}.transcript button{font-size:14px}}

/* Keep the selected word and its save action beside the subtitle. */
.subtitle-row{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.subtitle-row .subtitle{flex:1;min-width:0;margin:0}.line-play{margin-top:5px;width:34px;height:34px;font-size:13px;background:var(--light)}
.subtitle-panel .word-panel{display:block;margin:10px 0 12px;padding:12px 14px}.word-heading{display:flex;align-items:baseline;gap:10px}.word-heading h2{font:24px/1.2 var(--serif);margin:0}.word-heading .ipa{font:14px/1.5 'Segoe UI',sans-serif}.word-heading #word-close{margin-left:auto;font-size:22px;line-height:1;padding:0 4px}.word-panel #word-zh{font-size:15px;margin:5px 0;line-height:1.6}.word-panel .word-buttons{margin-top:8px;justify-content:flex-start;gap:12px}.word-buttons .icon-button{width:32px;height:32px;font-size:16px}.word-panel #word-full{white-space:pre-wrap;font-size:14px}.word-panel summary{font-size:11px;cursor:pointer}.subtitle-actions{margin-top:12px;padding-top:8px}
@media(max-width:580px){.subtitle-panel{padding:15px}.subtitle-row{gap:8px}.line-play{width:30px;height:30px}.word-buttons .primary{padding:9px 12px}}