.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#23372f;background:#f6f7f3;font-synthesis:none;font-weight:400;--bg: #f6f7f3;--surface: #fff;--ink: #23372f;--muted: #879089;--border: #e6eae2;--accent: #245b46;--soft: #edf3e9;--sidebar: #f0f3ed;--warm: #fcfbf7;--gold: #bf9558}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 14px;cursor:pointer;font-size:13px;transition:background .15s,color .15s}button:hover{background:var(--soft)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #99bda6;outline-offset:3px}input,textarea,select{color:var(--ink);background:var(--surface)}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer;flex-shrink:0}select{border:1px solid var(--border);padding:8px;border-radius:6px;max-width:100%}textarea{border:1px solid var(--border);border-radius:8px;resize:vertical;padding:14px;line-height:1.8;width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#174733;color:#fff}.quiet{background:transparent}.icon-button{border:0;background:transparent;padding:7px;position:relative}.text-button{border:0;background:transparent;padding:6px 0;color:var(--accent)}.muted{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:16px}.warning,.danger-text{color:#ad652f!important}.small-label{font-size:11px;color:var(--muted)}.status-dot{width:6px;height:6px;border-radius:100%;display:inline-block;background:#6b946a}.app{display:flex;min-height:100vh}.sidebar{width:228px;background:var(--sidebar);padding:37px 20px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:650;letter-spacing:3px;margin:0 7px 52px}.brand-icon{background:var(--accent);color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;box-shadow:0 5px 10px #245b4612}.brand-en{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);font-weight:500;margin-top:3px}.nav-label{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin:0 12px 14px}.nav-item{display:flex;justify-content:flex-start;width:100%;border:0;background:transparent;padding:12px 14px;gap:11px;margin-bottom:5px;font-size:13px;color:#66736a}.nav-item>span:last-child{margin-left:auto;font-size:11px;color:var(--muted)}.nav-item.active{background:#e0e9db;color:var(--accent);font-weight:600}.section-label{display:flex;align-items:center;justify-content:space-between;margin-top:32px;margin-bottom:8px}.section-label .nav-label{margin-bottom:0}.dot{height:7px;width:7px;background:#8ba78e;border-radius:50%;margin-left:3px;margin-right:5px;flex-shrink:0}.dot-1{background:#c8a36d}.dot-2{background:#889bb4}.dot-3{background:#b18eaa}.group-nav{overflow:auto}.group-nav-row{display:flex;align-items:center;position:relative}.group-nav-row .nav-item{padding-right:26px}.group-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-menu{position:absolute;right:0;padding:5px;opacity:.35}.group-nav-row:hover .group-menu{opacity:1}.sidebar-bottom{margin-top:auto;padding-top:28px}.local-note{padding:16px 12px 25px}.local-note strong{font-size:11px;letter-spacing:.3px;margin-left:7px;color:#72816e}.local-note p{color:var(--muted);font-size:10px;line-height:1.9;margin:9px 0 0 13px}.sidebar-bottom .nav-item{border-top:1px solid var(--border);border-radius:0;padding-top:22px;font-size:12px}.workspace{margin-left:228px;flex:1;min-width:0}.topbar{height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:var(--surface)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb strong{color:#5b695f;font-weight:500}.top-actions{display:flex;gap:10px}.top-actions button{font-size:12px;padding:10px 15px}.content{max-width:1450px;padding:35px 42px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8c9a88}.page-heading h1{font-size:25px;font-weight:600;letter-spacing:1px;margin:9px 0 11px;line-height:1.5}.page-heading p{font-size:12px;color:var(--muted);line-height:1.8}.private-label{font-size:10px;color:#7c8975;background:#edf1e7;border-radius:20px;padding:7px 11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.study-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px}.player-card,.translation-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:0 3px 10px #243c2b03}.player-card{padding:23px 28px 0}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.3px;color:#7e8e7f}.card-heading>span:first-child{display:flex;align-items:center;gap:8px}.fraction{font-size:16px;letter-spacing:2px;color:#50725b}.fraction small{font-size:11px;color:#9fa99e;letter-spacing:1px}.sentence-block{padding:37px 2px 25px;min-height:190px;text-align:center;display:flex;flex-direction:column;justify-content:center}.sentence-number{color:#8da183;font-size:9px;letter-spacing:1.9px;margin-bottom:17px}.sentence-block h2{font-family:Georgia,Microsoft YaHei,serif;font-size:clamp(23px,2.3vw,35px);line-height:1.45;font-weight:400;letter-spacing:-.4px;overflow-wrap:anywhere;color:#2a4435}.sentence-block p{font-size:10px;color:#9ba496;margin-top:15px;line-height:1.8}.rhap_container{background:transparent;box-shadow:none;padding:5px 0 0;outline:none}.rhap_progress-section{gap:11px}.rhap_time{font-size:10px;color:#8a968b;font-variant-numeric:tabular-nums}.rhap_progress-container{margin:0}.rhap_progress-bar{height:3px;border-radius:3px;background:#e9ede5}.rhap_progress-filled{background:#50745b}.rhap_progress-indicator{width:10px;height:10px;top:-3px;margin-left:-5px;background:#456e51;box-shadow:none}.rhap_controls-section{position:relative;min-height:65px;justify-content:center}.transport{display:flex;justify-content:center;align-items:center;gap:23px}.transport>button{border:0;background:transparent;padding:9px;color:#526d56}.transport .main-play{background:var(--accent);color:#fff;border-radius:50%;height:48px;width:48px;box-shadow:0 3px 9px #245b4625}.main-play:hover{background:#164b36}.rhap_volume-controls{position:absolute;right:0;flex:0 0 auto}.rhap_volume-button{color:#80907c;font-size:17px;width:20px;height:20px}.rhap_volume-button svg{width:17px;height:17px}.rhap_volume-container{flex:0 1 75px}.rhap_volume-bar-area{width:50px}.rhap_volume-bar{background:#e6ebe1}.rhap_volume-indicator{background:#7d9278;box-shadow:none;width:8px;height:8px;top:-2px}.play-options{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:30px;padding:8px 0 23px}.play-options .play-favorite{padding:7px 10px;font-size:12px;gap:6px}.play-options .play-favorite.saved{background:var(--soft);border-color:var(--accent);color:var(--accent)}.play-options label{display:flex;gap:9px;align-items:center}.play-options label>span{font-size:10px;color:#9aa391}.play-options select{border:0;background:transparent;font-size:11px;color:#657a63;padding:3px}.gap-bar{display:flex;align-items:center;gap:12px;padding:16px 0 18px;border-top:1px solid var(--border)}.gap-icon{height:32px;width:32px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:#8ba280}.gap-icon span{font-size:16px}.gap-bar strong{font-size:11px;font-weight:500}.gap-bar p{font-size:9px;color:#a3aa9b;margin-top:5px}.gap-bar>label{margin-left:auto;white-space:nowrap;background:var(--bg);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;padding:7px 8px;color:#86937d;font-size:10px}.gap-bar input{background:transparent;border:0;width:43px;color:var(--accent);font-size:12px;outline:0;text-align:center}.gap-bar.counting .gap-icon{background:var(--accent);color:#fff}.inline-error{color:#a05231;font-size:12px;line-height:1.7;display:flex;gap:8px;padding:10px 0 15px}.translation-card{background:var(--warm);padding:25px 22px 15px;display:flex;flex-direction:column}.translation-content{text-align:center;flex:1;padding:30px 0 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px}.translation-symbol{width:45px;height:45px;display:grid;place-items:center;border:1px solid #e7e3d5;border-radius:50%;color:#b1b29b;font-family:serif;font-size:20px;margin-bottom:19px}.translation-content h3{font-size:15px;font-weight:500;color:#68745f;line-height:1.9;overflow-wrap:anywhere}.translation-content p{font-size:11px;line-height:1.9;color:#a4a58e;margin-top:9px}.reveal-button{margin-top:25px;border:1px solid #dedfce;background:transparent;color:#6c795f;padding:9px 17px;font-size:11px}.translation-content.revealed h3{color:var(--ink);font-size:18px}.quick-save{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9e8dd;padding-top:19px;gap:8px}.quick-save p{font-size:10px;color:#8c937d;margin-top:7px;line-height:1.8}.save-square{padding:9px;border-color:#e4e4d7;background:transparent;color:#a1aa8e}.saved{color:var(--gold)!important}.group-picker{font-size:10px;justify-content:flex-start;margin-top:10px}.library{margin-top:32px;border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.library-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 18px;gap:10px}.library-heading h2{font-size:16px;display:flex;align-items:center;gap:11px;font-weight:600}.library-heading h2 span{background:var(--soft);color:#7d9171;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:400}.library-heading p{font-size:10px;color:#9aa294;margin-top:8px}.library-actions{display:flex;gap:8px;align-items:center}.library-actions>button{font-size:11px;padding:7px 9px}.badge{font-size:8px;position:absolute;top:-2px;right:-2px;background:var(--accent);color:#fff;padding:2px 4px;border-radius:10px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px 20px}.search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:#99a292;width:min(340px,70%);padding:9px 11px}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;font-size:11px}.search input::placeholder{color:#a8aea2}.sort{display:flex;align-items:center;gap:5px;color:#8c9985}.sort select{border:0;font-size:11px;background:transparent;color:#85907d;max-width:110px}.table-head,.track-row{display:grid;grid-template-columns:25px 50px minmax(0,1fr) 58px 90px;gap:10px;align-items:center;padding:12px 24px}.table-head{background:#f8f9f6;border-top:1px solid #f0f1eb;border-bottom:1px solid #f0f1eb;color:#9aa391;font-size:10px;min-height:43px}.track-row{border-bottom:1px solid #f0f2eb;min-height:70px}.track-row:hover{background:#fafbf8}.track-row.current{background:#f0f5eb}.track-row.current .track-title strong{color:#38704b}.row-number{border:0;background:transparent;color:#91a088;font-size:12px;padding:8px 0;justify-content:flex-start;font-variant-numeric:tabular-nums}.track-title{display:block;text-align:left;border:0;background:transparent;padding:4px 0;min-width:0}.track-title:hover{background:transparent}.track-title strong{font-size:13px;font-weight:500;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.track-title>span{font-size:9px;color:#a0a99a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.duration-label{color:#9ba691;font-size:10px}.row-actions{display:flex;align-items:center;justify-content:flex-start;gap:1px}.row-actions .icon-button{padding:6px 3px;color:#aab19f}.row-actions .delete-track{opacity:0}.track-row:hover .delete-track,.delete-track:focus-visible{opacity:1}.library-footer{display:flex;justify-content:space-between;padding:14px 24px;color:#a7ae9e;font-size:9px}.page-footer{display:flex;justify-content:space-between;color:#a5ad9e;font-size:9px;padding:24px 2px 0;letter-spacing:.6px}.empty-state{min-height:228px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 15px}.empty-icon{color:#91a385;background:var(--soft);border-radius:13px;padding:13px;margin-bottom:14px}.empty-state h3{font-size:15px;font-weight:500}.empty-state p{font-size:11px;color:var(--muted);margin:10px 0 18px;line-height:1.8}.empty-state small{font-size:9px;color:#a6ad9d;margin-top:14px}.empty-state button{font-size:11px}.equalizer{display:flex;align-items:center;gap:3px;height:20px}.equalizer i{width:3px;background:var(--accent);height:10px;border-radius:2px;animation:wave .8s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:18px;animation-delay:.3s}.equalizer i:nth-child(3){height:13px;animation-delay:.6s}@keyframes wave{to{height:4px}}.batch-bar{background:var(--soft);padding:9px 24px;display:flex;align-items:center;gap:12px;font-size:11px;flex-wrap:wrap}.batch-bar button{font-size:11px;padding:6px 8px;background:transparent}.batch-bar strong{font-weight:500;margin-right:auto}.toast{position:fixed;bottom:28px;left:calc(50% + 114px);transform:translate(-50%);max-width:min(700px,90vw);background:#203f32;color:#fff;padding:13px 17px;border-radius:10px;z-index:20;box-shadow:0 8px 28px #0002;display:flex;align-items:center;gap:15px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.toast button{color:#fff}dialog{border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);padding:24px;width:min(640px,calc(100vw - 28px));max-height:85dvh;box-shadow:0 20px 90px #122c3430}dialog::backdrop{background:#142c2450;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.modal-head h2{font-size:19px;font-weight:600}.form-row{display:flex;align-items:center;gap:9px;margin:12px 0 17px}.form-row input:not([type=checkbox]){border:1px solid var(--border);border-radius:6px;padding:10px;flex:1;min-width:0}.form-row button{white-space:nowrap}.wrap{flex-wrap:wrap}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;margin:14px 0}.check-label input{margin-top:4px}.import-preview{padding:18px;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:18px;font-size:12px}.import-preview p{margin:9px 0;line-height:1.8;overflow-wrap:anywhere}.import-preview button{margin-top:15px}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;margin:0 0 18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}hr{border:0;border-top:1px solid var(--border);margin:22px 0}dialog h3{font-size:14px;margin-bottom:10px}.group-editor{max-height:45vh;overflow:auto;margin-bottom:20px}.group-edit-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px}.group-edit-row>span{flex:1}.group-edit-row small{margin-left:10px;background:var(--soft);color:var(--accent);padding:3px 5px;border-radius:3px}.issue-list{max-height:45vh;overflow:auto;margin-bottom:18px;font-size:12px}.issue-list p{padding:11px 0;display:flex;align-items:flex-start;gap:8px;line-height:1.8;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.issue-list svg{margin-top:4px}.fatal{padding:100px 24px;text-align:center;color:var(--accent)}.fatal h1{font-size:22px;margin:20px 0}.fatal p{margin:20px 0;line-height:1.8}.mobile-nav{display:none}[data-theme=dark]{--bg: #151d19;--surface: #1d2822;--ink: #dce5dc;--muted: #94a194;--border: #344236;--accent: #91bc98;--soft: #2b3b2f;--sidebar: #19231d;--warm: #252b23;--gold: #d5b577}[data-theme=dark] .primary,[data-theme=dark] .transport .main-play{background:#487354;color:#fff;border-color:#487354}[data-theme=dark] .nav-item.active{background:#2a3e2c;color:#b5d4b3}[data-theme=dark] .nav-item,[data-theme=dark] .breadcrumb strong,[data-theme=dark] .sentence-block h2,[data-theme=dark] .translation-content h3,[data-theme=dark] .play-options select{color:var(--ink)}[data-theme=dark] .table-head,[data-theme=dark] .track-row:hover{background:#202c24}[data-theme=dark] .track-row.current{background:#2b3d2e}[data-theme=dark] .track-row.current .track-title strong{color:#b1d2ac}[data-theme=dark] .track-row,[data-theme=dark] .table-head,[data-theme=dark] .quick-save{border-color:var(--border)}[data-theme=dark] .private-label{background:var(--soft);color:var(--muted)}@media(min-width:1600px){.content{padding-top:48px}.sentence-block{min-height:220px}.player-card{padding:26px 35px 0}.study-grid{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1180px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.workspace{margin-left:195px}.content{padding:28px}.topbar{padding:0 28px}.study-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.player-card{padding-left:20px;padding-right:20px}.translation-card{padding-left:18px;padding-right:18px}.page-heading h1{font-size:22px}.rhap_volume-controls{display:none}.toast{left:calc(50% + 97px)}}@media(max-width:950px){.sidebar{width:178px}.workspace{margin-left:178px}.content{padding:25px 20px}.topbar{padding:0 20px}.study-grid{grid-template-columns:minmax(0,1fr)}.translation-card{padding:20px}.translation-content{min-height:150px;padding:20px}.translation-content p,.translation-symbol{display:none}.reveal-button{margin-top:14px}.quick-save{padding-top:14px}.sentence-block{min-height:185px}.page-heading h1{font-size:20px}.private-label{display:none}.page-heading p{font-size:11px}.breadcrumb{display:none}.topbar{justify-content:flex-end;height:70px}.toast{left:calc(50% + 89px)}}@media(max-width:640px){.app{display:block}.sidebar{display:none}.workspace{margin:0}.topbar{height:66px;padding:0 18px;justify-content:space-between}.topbar:before{content:"句间";font-size:21px;color:var(--accent);letter-spacing:3px;font-weight:650}.top-actions{gap:7px}.top-actions button{font-size:11px;padding:9px 10px}.top-actions svg{width:15px}.content{padding:23px 16px 90px}.eyebrow{font-size:8px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:19px;letter-spacing:.3px;margin-top:9px}.page-heading p{font-size:10px}.study-grid{gap:15px}.player-card{padding:19px 20px 0;border-radius:12px}.sentence-block{min-height:200px;padding:25px 0}.sentence-block h2{font-size:29px}.sentence-block p,.card-heading{font-size:10px}.rhap_volume-controls{display:flex;right:-5px}.rhap_volume-bar-area{display:none}.rhap_volume-container{flex:0 1 20px}.transport{gap:27px}.play-options{gap:26px;padding-bottom:23px}.gap-bar{gap:10px}.gap-bar strong{font-size:10px}.gap-bar p{font-size:9px}.gap-icon{width:27px;height:30px}.gap-bar input{width:38px}.translation-content{min-height:170px}.translation-content h3{font-size:16px}.translation-content p{display:block;font-size:11px}.translation-card{border-radius:12px;padding:18px 20px}.translation-symbol{display:grid;margin-bottom:13px;width:36px;height:36px;font-size:17px}.reveal-button{margin-top:18px;min-height:44px}.library{margin-top:22px}.library-heading{padding:20px 16px}.library-heading h2{font-size:15px}.library-actions{gap:3px}.library-actions>button{font-size:10px;padding:8px 5px}.list-toolbar{padding:0 16px 17px;gap:6px}.search{padding:10px 8px;width:70%}.search input{font-size:10px}.sort{gap:0}.sort select{font-size:10px;max-width:98px;padding:5px}.table-head,.track-row{padding-left:14px;padding-right:12px;grid-template-columns:19px 31px minmax(0,1fr) 59px;gap:7px}.duration-label,.row-actions .delete-track{display:none}.row-actions .icon-button{padding:10px 4px;min-height:42px}.track-title strong{font-size:12px}.track-title>span{font-size:8px}.table-head{font-size:9px}.table-head input,.track-row input{width:14px;height:14px}.row-number{font-size:10px;min-height:44px}.library-footer{padding:13px 16px;font-size:9px}.library-footer span:last-child{display:none}.page-footer{font-size:8px;letter-spacing:0}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;background:var(--surface);border-top:1px solid var(--border);padding:5px 10px max(7px,env(safe-area-inset-bottom));z-index:10;justify-content:space-around}.mobile-nav button{border:0;background:transparent;flex-direction:column;gap:5px;font-size:9px;min-width:66px;color:var(--muted);padding:8px}.mobile-nav button.active{color:var(--accent);background:var(--soft)}.mobile-list .page-heading,.mobile-list .study-grid{display:none}.mobile-list .library{margin-top:0}.mobile-learn .library,.mobile-favorites .workspace{display:none}.mobile-favorites .sidebar{display:flex;position:static;width:auto;min-height:calc(100vh - 70px);padding:28px 18px 80px}.mobile-favorites .sidebar .brand{margin-bottom:30px}.mobile-favorites .sidebar-bottom{display:none}.toast{left:50%;bottom:82px;max-width:calc(100vw - 24px);width:max-content;font-size:12px}.settings-grid{grid-template-columns:1fr}.form-row{flex-wrap:wrap}.form-row select{max-width:100%}dialog{padding:20px 18px;max-height:85dvh}.modal-head h2{font-size:17px}.batch-bar{padding:10px 14px;gap:7px}.batch-bar button{font-size:10px}.group-nav-row .nav-item{font-size:14px;padding-top:16px;padding-bottom:16px}.group-menu{opacity:1}.group-menu.icon-button{padding:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.local-test-banner{padding:10px 20px;text-align:center;background:#fff4d6;color:#654600;font-size:13px}.favorite-target{margin-top:12px}.page-footer{flex-wrap:wrap;gap:8px}.auth-dialog{width:min(420px,calc(100vw - 32px));padding:32px;text-align:left;border-radius:20px}.auth-dialog .modal-head{margin-bottom:26px}.auth-dialog .modal-head h2{margin:0;font-size:22px;letter-spacing:-.4px}.auth-form .field{gap:10px;margin-bottom:20px;font-size:13px;font-weight:500}.auth-form input{display:block;width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s}.auth-form input::placeholder{color:var(--muted)}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);background:var(--surface)}.auth-actions{display:flex;flex-direction:column;gap:12px;margin-top:26px}.auth-actions .primary{width:100%;min-height:46px;border-radius:10px;font-size:14px}.auth-actions .auth-recover{align-self:flex-end;border:0;background:transparent;padding:4px 0;font-size:12px;color:var(--accent)}@media(max-width:480px){.auth-dialog{padding:26px 24px}}