#studentLibrary[data-view="dictate"]{
  --safe-top:max(env(safe-area-inset-top),54px);--safe-bottom:max(env(safe-area-inset-bottom),12px);--brand-h:72px;--nav-h:86px;
  isolation:isolate;padding:var(--safe-top) 0 var(--safe-bottom)!important;background:#170b4f!important;color:#f8e9c9;
}
#studentLibrary[data-view="dictate"]::before{content:"";position:absolute;z-index:0;inset:var(--safe-top) 0 0;pointer-events:none;background:url("./shelf_library_bg_v21.webp") center top/cover no-repeat}
#studentLibrary[data-view="dictate"]::after{content:"";position:absolute;z-index:0;inset:var(--safe-top) 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(20,7,61,.02),rgba(20,7,61,.08) 48%,rgba(20,7,61,.28))}
#studentLibrary[data-view="dictate"]>.sl-brand,#studentLibrary[data-view="dictate"]>.sl-main,#studentLibrary[data-view="dictate"]>.sl-nav{position:relative;z-index:2}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand{flex:0 0 var(--brand-h);min-height:var(--brand-h);padding-bottom:0}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand::before{top:-5px;height:calc(var(--brand-h) + 15px)}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>b{font-size:clamp(19px,5vw,23px)}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>small{font-size:8.5px}
#studentLibrary[data-view="dictate"] .sl-main{overflow:hidden;display:flex;align-items:stretch;justify-content:center}
.v26-scene{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;padding-top:2px}
.v26-title{position:absolute;z-index:5;top:2px;left:50%;width:min(74vw,326px);aspect-ratio:1671/594;transform:translateX(-50%);display:grid;place-items:center;filter:drop-shadow(0 4px 6px rgba(19,5,40,.28))}
.v26-title>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.v26-title>div{position:relative;text-align:center;color:#4a2557;padding-top:1px}
.v26-title h1{font:760 clamp(17px,4.5vw,22px)/1.06 "Kaiti SC","STKaiti","Songti SC",serif;letter-spacing:1.4px;text-shadow:0 1px 1px #fff6dd;white-space:nowrap}.v26-title small{display:block;margin-top:2px;font:italic 600 clamp(8px,2vw,10px)/1 "Snell Roundhand","Apple Chancery",cursive;color:#7b4f46;white-space:nowrap}
.v24-primary-actions{position:absolute;z-index:6;top:116px;left:3.5%;right:3.5%;height:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.v24-primary-btn{position:relative;min-width:0;height:38px;border:0;background:transparent;color:#fff0d2;display:flex;align-items:center;justify-content:center;padding:0 13px 0 31px;font:700 clamp(10px,2.65vw,12.5px)/1 "Songti SC","STSong",serif;white-space:nowrap;text-shadow:0 1px 2px #2f184a}
.v24-primary-btn::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:50%;aspect-ratio:900/255;transform:translateY(-50%);background:url("./dictation_primary_btn_v24.webp") center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(8,3,25,.32))}
.v24-primary-btn>img{position:absolute;left:9px;width:23px;height:23px;object-fit:contain}.v24-primary-btn>i{position:absolute;right:8px;font:700 16px/1 Georgia,serif;color:#f6d894;font-style:normal;opacity:.88}.v24-primary-btn:active{transform:translateY(1px) scale(.985)}
.v26-paper-wrap{position:absolute;z-index:3;left:50%;top:157px;bottom:6px;width:min(108vw,474px);transform:translateX(-50%);filter:drop-shadow(0 9px 10px rgba(7,2,24,.24))}
.v26-paper-art{position:absolute;z-index:0;left:50%;top:31px;width:100%;height:auto;transform:translateX(-50%);object-fit:contain;pointer-events:none}
.v24-tabs{position:absolute;z-index:6;top:0;left:7.3%;right:7.3%;height:50px;display:grid;grid-template-columns:1fr 1fr;gap:2px;align-items:center}.v24-tab{position:relative;isolation:isolate;border:0;background:transparent;height:46px;padding:0 8px;color:#7a4a32;font:750 clamp(11px,2.8vw,14px)/1 "Songti SC","STSong",serif;white-space:nowrap;text-shadow:0 1px 1px #fff0c8}.v24-tab::before{content:"";position:absolute;z-index:-1;inset:0;background:url("./v26_tab_off.webp") center/contain no-repeat}.v24-tab[aria-selected="true"]{color:#fff0d0;text-shadow:0 1px 2px #2b1646}.v24-tab[aria-selected="true"]::before{background-image:url("./v26_tab_on.webp")}
.v26-flower-left{position:absolute;z-index:7;left:0;top:42px;width:92px;pointer-events:none}.v26-flower-right{position:absolute;z-index:7;right:0;top:52px;width:62px;pointer-events:none}.v26-decor-scrolls{position:absolute;z-index:4;left:0;bottom:-8px;width:68px;transform:rotate(-4deg);pointer-events:none}.v26-decor-books{position:absolute;z-index:5;left:35px;bottom:-7px;width:62px;transform:rotate(-5deg);pointer-events:none}.v26-decor-quill{position:absolute;z-index:8;right:5px;bottom:-4px;width:42px;transform:rotate(8deg);pointer-events:none}.v26-decor-ink{position:absolute;z-index:7;right:17px;bottom:-7px;width:40px;pointer-events:none}
.v24-paper{position:absolute;z-index:4;left:11.3%;right:11.1%;top:73px;bottom:17px;display:flex;flex-direction:column;min-height:0;padding:3px 3px 0;color:#4a3029;overflow:hidden}
.v24-paper-head{flex:none;height:32px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:0 8px 0 10px}.v24-paper-head h2{font:760 clamp(13px,3.4vw,17px)/1 "Songti SC","STSong",serif;color:#4c2a58;white-space:nowrap}.v24-paper-progress{font:650 clamp(9px,2.2vw,11px)/1 "Songti SC",serif;color:#704f42;white-space:nowrap}.v24-amend-toggle{height:24px;padding:0 8px;border:0;border-radius:12px;background:#765094;color:#fff0d5;font-size:10px}
.v24-summary{flex:none;height:27px;display:flex;align-items:center;gap:15px;padding:0 11px;font:700 clamp(9px,2.35vw,11.5px)/1 "Songti SC",serif}.v24-stat.ok{color:#3e7e66}.v24-stat.bad{color:#a54e48}.v24-stat.wait{color:#6f647d}.v24-stat b{font-size:1.08em}
.v24-progress-track{flex:none;height:5px;margin:0 11px 5px;border-radius:5px;background:rgba(126,91,74,.2);overflow:hidden;box-shadow:inset 0 1px 2px rgba(60,37,25,.13)}.v24-progress-track i{display:block;height:100%;width:40%;border-radius:5px;background:linear-gradient(90deg,#744497,#9a60c0);box-shadow:0 0 4px rgba(139,82,188,.32)}
.v24-toolbar{flex:none;height:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:0 7px 2px}.v24-tool{position:relative;isolation:isolate;min-width:0;border:0;background:transparent;color:#66463c;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 3px;font:700 clamp(8px,2.05vw,10px)/1 "Songti SC",serif;white-space:nowrap}.v24-tool::before{content:"";position:absolute;z-index:-1;inset:2px 0;background:url("./v26_tool.webp") center/contain no-repeat}.v24-tool img{width:14px;height:14px;object-fit:contain;opacity:.85}.v24-tool:active{transform:translateY(1px)}
.v24-word-list{flex:1 1 auto;min-height:0;overflow:auto;padding:0 7px 1px;scrollbar-width:none}.v24-word-list::-webkit-scrollbar{display:none}.v24-row{display:grid;grid-template-columns:28px minmax(0,1fr) 88px;align-items:center;gap:4px;min-height:49px;padding:3px 0;position:relative}.v24-row::after{content:"";position:absolute;left:29px;right:2px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(172,128,77,.28) 9%,rgba(172,128,77,.28) 91%,transparent)}
.v24-num{width:28px;height:26px;display:grid;place-items:center;background:url("./v26_num.webp") center/contain no-repeat;color:#60406f;font:700 10px/1 Georgia,serif}.v24-word-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.v24-answer-button{display:block;width:max-content;max-width:100%;padding:0;border:0;background:transparent;color:#3d2256;text-align:left;font:760 clamp(16px,4.2vw,20px)/1 Georgia,"Times New Roman",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v24-meta-line{display:flex;align-items:center;min-width:0;gap:3px;white-space:nowrap;overflow:hidden}.v24-pos{flex:none;color:#78657c;font:650 clamp(8.5px,2.2vw,10.5px)/1.1 Georgia,serif}.v24-cn{min-width:0;max-width:44%;overflow:hidden;text-overflow:ellipsis;color:#563a2d;font:650 clamp(9px,2.35vw,11.5px)/1.1 "Songti SC","STSong",serif}.v24-speaker{flex:none;width:18px;height:18px;padding:0;border:0;background:url("./v26_sound_purple.svg") center/contain no-repeat}.v24-ipa{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#6d4b75;font:600 clamp(8px,2.05vw,10px)/1.1 Georgia,serif}.v24-row.answer-hidden .v24-answer-button{display:none}.v24-row.answer-hidden{min-height:43px}.v24-row.answer-hidden .v24-meta-line{min-height:27px}.v24-row.answer-hidden .v24-cn{max-width:48%;font-size:clamp(11px,2.8vw,13.5px);color:#4a2c48}
.v24-row-actions{display:grid;grid-template-columns:repeat(3,28px);justify-content:end;gap:1px}.v24-score{width:28px;height:28px;border:0;background:center/contain no-repeat}.v24-score.ok{background-image:url("./v26_ok.webp")}.v24-score.bad{background-image:url("./v26_bad.webp")}.v24-score.undo{background-image:url("./v26_undo.webp")}.v24-score[aria-pressed="true"]{transform:scale(1.06);filter:drop-shadow(0 0 4px rgba(115,70,150,.28))}.v24-status-readonly{justify-self:end;min-width:50px;text-align:center;padding:4px 7px;border-radius:10px;font:700 9px/1 "Songti SC",serif;background:#fff1d5aa;color:#65413b}.v24-status-readonly.ok{color:#39765f}.v24-status-readonly.bad{color:#a44845}
.v24-paper-note{flex:none;height:22px;display:flex;align-items:center;justify-content:center;font:600 clamp(8px,1.9vw,9.5px)/1 "Songti SC",serif;color:#7a533c;white-space:nowrap}.v24-amend-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none;height:34px;padding:2px 20%}.v24-amend-actions button{border:0;border-radius:15px;background:#f7e1bd;color:#5a355e;font:700 10px/1 "Songti SC",serif}.v24-amend-actions button:last-child{background:#744898;color:#fff2d5}
#studentLibrary[data-view="dictate"] .sl-nav{flex:0 0 var(--nav-h);min-height:var(--nav-h);margin:0;padding:1px 15px 0}#studentLibrary[data-view="dictate"] .sl-nav::before{inset:-1px 4px -2px;border-image-width:24px 24px 22px 24px}#studentLibrary[data-view="dictate"] .sl-nav button{min-height:73px;gap:0;padding:0 2px;font-size:12.5px}#studentLibrary[data-view="dictate"] .sl-nav button img{width:54px;height:54px}#studentLibrary[data-view="dictate"] .sl-nav button[aria-current=page]::before{top:0;height:54px}
.v24-modal-layer{position:absolute;z-index:20;inset:var(--safe-top) 0 0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(12,6,34,.52);backdrop-filter:blur(3px)}.v24-modal{width:min(360px,88vw);min-height:180px;padding:22px 24px;border:1px solid #d8ae75;border-radius:24px;background:linear-gradient(145deg,#fff1d4,#f4d7aa);box-shadow:0 16px 46px #08041a99;color:#4b302c;text-align:center}.v24-modal h3{margin:0 0 8px;color:#4d2d61;font:750 20px/1.15 "Songti SC",serif}.v24-modal p{margin:6px 0 12px;font:600 13px/1.5 "Songti SC",serif;color:#66463c}.v24-modal-word{display:block;margin:12px 0 4px;color:#3d2155;font:750 28px/1.1 Georgia,serif}.v24-modal input{width:100%;height:42px;padding:0 12px;border:1px solid #c49b72;border-radius:12px;background:#fffaf0;font-size:16px;color:#3f2e2b}.v24-modal-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.v24-modal-actions button{min-width:86px;height:38px;padding:0 14px;border:1px solid #b88961;border-radius:18px;background:#fff3dc;color:#5b3a52;font:700 12px/1 "Songti SC",serif}.v24-modal-actions button.primary{background:#724392;color:#fff1d6}.v24-toast{position:absolute;z-index:25;left:50%;bottom:calc(var(--nav-h) + 18px);transform:translateX(-50%);padding:8px 14px;border-radius:16px;background:#2e174fe8;color:#fff0d5;font:650 12px/1.25 "Songti SC",serif;white-space:nowrap}
@media(max-height:780px){#studentLibrary[data-view="dictate"]{--safe-top:max(env(safe-area-inset-top),44px);--brand-h:58px;--nav-h:70px}#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand{flex-basis:58px;min-height:58px}#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand::before{height:68px;top:-6px}#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>b{font-size:18px}#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>small{font-size:7.5px}#studentLibrary[data-view="dictate"] .sl-nav{flex-basis:70px;min-height:70px;padding:0 12px}#studentLibrary[data-view="dictate"] .sl-nav button{min-height:62px;font-size:10.8px}#studentLibrary[data-view="dictate"] .sl-nav button img{width:43px;height:43px}#studentLibrary[data-view="dictate"] .sl-nav button[aria-current=page]::before{height:43px}.v26-title{width:min(68vw,265px);top:1px}.v24-primary-actions{top:91px;height:34px}.v24-primary-btn{height:34px;padding-left:27px;font-size:9.7px}.v24-primary-btn>img{left:8px;width:20px;height:20px}.v24-primary-btn>i{right:6px;font-size:15px}.v26-paper-wrap{top:126px;bottom:4px;width:min(108vw,421px)}.v24-tabs{height:44px}.v24-tab{height:41px;font-size:10.5px}.v26-paper-art{top:27px;height:calc(100% - 27px)}.v24-paper{top:62px;bottom:14px}.v24-paper-head{height:26px}.v24-summary{height:22px}.v24-toolbar{height:30px}.v24-row{min-height:43px}.v24-answer-button{font-size:15px}.v24-row-actions{grid-template-columns:repeat(3,25px)}.v24-score{width:25px;height:25px}.v24-paper-note{display:none}.v26-flower-left{width:70px}.v26-flower-right{width:48px}}

/* V27: independent upper writing-board support layer */
.v27-upper-board{
  position:absolute;z-index:2;left:-5%;right:-5%;top:35px;height:132px;
  background:url('./v27_upper_board.webp') center top/100% 100% no-repeat;
  filter:drop-shadow(0 6px 7px rgba(12,3,30,.24));
  pointer-events:none;
}
@media(max-height:780px){.v27-upper-board{top:27px;height:106px}}