:root{--gold:#dfbd7c;--cream:#f4ecd9;--ink:#282320;--red:#922a20;--line:#d6b57b4d;--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#211716;color:var(--cream)}body{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none;min-height:42px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f1ca75;outline-offset:4px}button:hover{filter:brightness(1.13)}[hidden]{display:none!important}#world{position:fixed;inset:0;cursor:grab;background:radial-gradient(ellipse at 45% 35%,#603027,#211713 70%);touch-action:none}#world:active{cursor:grabbing}#world canvas{display:block;width:100%;height:100%}.scene-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#110d0de6,transparent 22%,transparent 64%,#110d0de8),linear-gradient(90deg,#190e1850,transparent 50%,#170f1144)}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px 34px;gap:24px;border-bottom:1px solid #e9cf921c}.brand{text-decoration:none;color:var(--cream);display:flex;align-items:center;gap:15px;font:25px var(--serif);letter-spacing:4px;flex-shrink:0}.brand small{display:block;font:13px "PingFang SC",sans-serif;letter-spacing:2px;color:#ccbfae;margin-top:6px}.seal{display:grid;place-items:center;width:44px;height:51px;background:#9c3127;border:1px solid #d0a86d;font:32px var(--serif);color:#f0dca9;box-shadow:inset 0 0 0 3px #8e241c}.rooms{display:flex;background:#211719ba;border:1px solid var(--line);padding:4px}.rooms button{padding:0 23px;min-height:45px;font-size:16px;letter-spacing:1px;display:flex;align-items:center;gap:12px}.rooms button>span{font:17px var(--serif);opacity:.65}.rooms button.active{background:#dfbd7c;color:#2c2019}.top-actions{display:flex;gap:16px;align-items:center;font-size:14px}.top-actions #fullscreen{font-size:29px;padding:0 6px}.page-number{font:28px Georgia,serif;color:#dec59b;border-left:1px solid var(--line);padding-left:20px}.page-number small{display:block;font:12px "PingFang SC",sans-serif;margin-top:3px;color:#c4b19b}.room-title{position:absolute;top:135px;left:4.3vw;pointer-events:none;max-width:65vw;text-shadow:0 3px 20px #000}.eyebrow{font-size:13px;letter-spacing:3px;color:var(--gold);margin:0 0 13px}.room-title h1{font:400 clamp(30px,3vw,48px)/1.25 var(--serif);letter-spacing:5px;margin:0 0 15px}.room-title>p:last-child{font-size:16px;color:#eee0c9;margin:0;line-height:1.8}.teacher{position:absolute;right:2.4vw;bottom:100px;width:clamp(140px,17vw,260px);z-index:3;text-align:center}.teacher-image{width:100%;height:min(61vh,660px);position:relative}.teacher-image img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 18px #0006)}.teacher:not(.cutout) .teacher-image{overflow:hidden;border-radius:48% 48% 0 0;opacity:.95}.teacher-label{margin:10px 0 8px;font-family:var(--serif);font-size:20px;letter-spacing:3px}.teacher-label small{font:12px "PingFang SC",sans-serif;letter-spacing:1px;margin-left:9px;color:#d3bca0}.gold-button,.red-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;min-height:44px;font-size:15px}.gold-button{border:1px solid #dab7728c;background:#3c2925ed;color:#f4d99f}.red-button{background:#8f2b24;color:#fff1d9}.voice-bars{height:19px;display:inline-flex;gap:3px;align-items:center}.voice-bars i{width:2px;height:9px;background:currentColor;display:block}.voice-bars i:nth-child(2){height:18px}.voice-bars i:nth-child(3){height:12px}.voice-bars i:nth-child(4){height:16px}.is-playing .voice-bars i{animation:voice .5s infinite alternate}.is-playing .voice-bars i:nth-child(2){animation-delay:.18s}.is-playing .voice-bars i:nth-child(3){animation-delay:.32s}@keyframes voice{to{height:4px}}.welcome-note{position:absolute;left:4.3vw;bottom:132px;display:flex;align-items:center;gap:16px;max-width:65vw}.tiny-seal{border:1px solid #bc925d;color:#e2bb79;writing-mode:vertical-rl;padding:8px 5px;font:20px var(--serif)}.welcome-note p{font-size:17px;margin:0;line-height:1.6}.welcome-note small{display:block;color:#c6b49a;font-size:14px;margin-top:5px}.scene-controls{position:absolute;bottom:30px;left:4.3vw;display:flex;align-items:center;gap:20px;font-size:14px;color:#d9c8af}.look-control{display:flex;gap:18px;align-items:center}.look-control>button,.zoom-controls>button{width:40px;height:40px;border:1px solid var(--line);background:#231b18bd;font:25px Georgia,serif}.zoom-controls{display:flex;gap:6px}.scene-controls #reset-view{border-bottom:1px solid #c3a47560}.visit-meter{position:absolute;bottom:35px;right:3vw;font-size:13px;color:#d5c1a0;text-align:right}#visit-dots{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}#visit-dots i{height:4px;width:26px;background:#b4a4883d}#visit-dots i.seen{background:#deb977}.exhibit-tile{position:absolute;transform:translate(-50%,-50%);width:var(--tile-width,300px);padding:0;border:0;text-align:center;background:none;z-index:2;max-width:38vw}.exhibit-picture{border:1px solid #bb96596b;padding:9px;background:#1d1413d9;box-shadow:0 25px 55px #0008;position:relative;transition:transform .25s,border-color .25s}.exhibit-picture img{display:block;width:100%;height:clamp(160px,25vh,300px);object-fit:contain;background:#191514}.exhibit-tile:hover .exhibit-picture{border-color:#f1d295;transform:translateY(-6px)}.exhibit-label{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:8px 16px;background:#281a16ef;border:1px solid #bc925d75;box-shadow:0 10px 20px #0004;font-size:16px}.exhibit-label .index{color:#deb977;font:17px Georgia,serif}.exhibit-label .label-text{max-width:22ch}.exhibit-tile .hint{display:block;font-size:12px;letter-spacing:2px;color:#d9c6a3;margin-top:9px}.exhibit-tile.seen .index:after{content:" ·"}#audio-panel{position:fixed;z-index:20;left:50%;transform:translateX(-50%);bottom:20px;width:min(720px,90vw);padding:12px 19px 14px;border:1px solid #bca06b99;background:#201a18f5;color:#fff0d8;box-shadow:0 15px 60px #0006;backdrop-filter:blur(12px)}.audio-top{display:flex;align-items:center;justify-content:space-between}.audio-speaker{font-size:12px;letter-spacing:2px;color:#e0c18a}.audio-top button{font-size:25px;min-height:24px;padding:0 4px}#caption{font-size:18px;line-height:1.75;margin:7px 0 10px;min-height:31px}.audio-controls{display:flex;align-items:center;gap:14px;font-size:12px}.audio-controls button{min-height:28px;font-size:13px}.audio-controls input{flex:1;min-width:60px;accent-color:#d3ad6b;height:4px}.audio-controls #audio-time{font-variant-numeric:tabular-nums;white-space:nowrap}.audio-controls #audio-speed{width:36px}dialog{border:1px solid #ab865f;margin:auto;padding:0;color:var(--ink);background:#f3ecde;max-width:94vw;max-height:92vh;box-shadow:0 30px 130px #0009}dialog::backdrop{background:#100e0ccc;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:13px;width:42px;min-height:42px;font-size:32px;color:#6c4936;background:#efe5d4;z-index:3}.detail-header{padding:26px 36px 20px;border-bottom:1px solid #baa28044}.detail-header .eyebrow{color:#9f603e;margin-bottom:8px}.detail-header h2{font:400 30px/1.35 var(--serif);margin:0 50px 7px 0}.detail-header>p:last-child{font-size:14px;line-height:1.6;color:#79654e;margin:0}#detail{width:1260px;overflow:auto}.detail-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:500px}.art-section{background:#261d1a;display:flex;flex-direction:column;justify-content:center;padding:26px 26px 19px;color:#d0bb99}.art-stage{position:relative;height:clamp(260px,43vh,560px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}.art-stage img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}.art-controls{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:13px;margin-top:17px}.art-controls>button{min-height:34px}.art-controls>button:first-child,.art-controls>button:nth-child(3){font-size:20px;width:28px}.art-controls input{width:100px;accent-color:#d1b072}.art-controls #view-switch{color:#edd399;border-bottom:1px solid #c29b6366}.art-section #image-credit{font-size:12px;line-height:1.6;text-align:center;color:#b4a189;margin:13px 0 0}.learning-section{padding:26px 30px;display:flex;flex-direction:column}.dimension-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #bca27c77;gap:3px}.dimension-tabs button{font-size:18px;font-family:var(--serif);letter-spacing:2px;border-bottom:3px solid transparent;min-height:48px;color:#74624e}.dimension-tabs button.active{color:#952d25;border-bottom-color:#952d25;font-weight:600}#dimension-content{padding-top:21px;flex:1}#dimension-content h3{font:400 25px/1.45 var(--serif);margin:0 0 14px;color:#6d2e24}#dimension-content .body-copy{font-size:17px;line-height:1.95;color:#534b40;margin:0}.observation{margin:22px 0 0;border-left:3px solid #9e5e34;padding:2px 0 2px 16px}.observation small{display:block;font-size:12px;letter-spacing:2px;color:#96724f;margin-bottom:8px}.observation p{font:19px/1.65 var(--serif);margin:0;color:#433426}.swatches{display:flex;gap:14px;margin:20px 0 10px}.swatch{display:flex;align-items:center;gap:8px;font-size:14px}.swatch i{width:25px;height:25px;border-radius:50%;border:1px solid #9c886855}.history-block{border-top:1px solid #b99d7555;margin-top:22px}.history-block>button{display:flex;justify-content:space-between;width:100%;font-size:14px;color:#80613e;text-align:left;min-height:42px}#history-content{font-size:14px;line-height:1.8;color:#74604a;padding:5px 0 12px}#history-content img{display:block;max-width:100%;max-height:180px;object-fit:contain;margin:10px auto}#history-content a{color:#8e3b2a;text-underline-offset:3px}.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.detail-bottom #next-exhibit{font-size:14px;color:#876d4c}.pattern-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.pattern-box{margin:0;min-width:0}.pattern-box canvas{width:100%;height:130px;background:#211814;object-fit:contain;display:block;border:1px solid #ae967c88}.pattern-box figcaption{font-size:12px;text-align:center;color:#857052;margin-top:6px}.pattern-actions{display:flex;gap:10px;align-items:center;font-size:13px;color:#846649}.pattern-actions input{width:100px;accent-color:#a2492f}.pattern-note{font-size:12px;color:#937e66;line-height:1.6;margin:8px 0 0}#crop-mark{position:absolute;border:2px solid #ecc77b;box-shadow:0 0 0 999px #0003;pointer-events:none}#crop-mark span{position:absolute;left:0;top:-25px;font-size:12px;white-space:nowrap;color:#f3cd7a;background:#281b18d9;padding:3px 7px}#sources{width:820px;padding:38px}.source-intro{font-size:16px;line-height:1.8;color:#6b5c4b}#sources h2{font:34px var(--serif);margin:10px 0}#sources .eyebrow{color:#a5663e}.source-row{padding:17px 0;border-bottom:1px solid #c4ad8b66}.source-row h3{font-size:17px;margin:0 0 7px}.source-row p{font-size:14px;color:#7d694f;line-height:1.8;margin:0 0 6px}.source-row a{font-size:14px;color:#8e3529;line-height:1.8;text-underline-offset:3px}.credits{font-size:13px;color:#917d64;line-height:1.8;margin-top:22px}.credits p{margin:5px 0}#toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);z-index:100;background:#f6e9cd;color:#61392a;padding:13px 22px;max-width:90vw;border:1px solid #a57d46;font-size:14px;box-shadow:0 10px 50px #0005}.scene-loading{font-size:16px;position:absolute;left:40%;top:50%}.fallback-gallery #world{background-size:cover;background-position:center}.fallback-gallery .look-control,.fallback-gallery .zoom-controls{display:none}
@media(min-width:1700px){.topbar{padding:28px 50px}.room-title{top:155px}.exhibit-picture img{height:31vh}.exhibit-tile{--tile-width:420px}.exhibit-label{font-size:20px}.teacher{bottom:120px}.teacher-label{font-size:24px}.welcome-note{bottom:160px}.welcome-note p{font-size:21px}.welcome-note small{font-size:16px}.rooms button{font-size:18px;min-height:49px;padding:0 30px}.scene-controls{font-size:16px;bottom:45px}.visit-meter{bottom:46px;font-size:15px}}
@media(max-width:1050px){.topbar{padding:18px 20px;gap:12px}.brand{font-size:20px;gap:10px}.brand small{font-size:12px}.seal{width:37px;height:44px}.rooms button{padding:0 14px;font-size:14px;gap:7px}.top-actions{gap:8px}.top-actions #sources-open{font-size:12px}.page-number{display:none}.room-title{top:120px}.room-title h1{font-size:32px}.teacher{right:1vw;width:17vw;bottom:100px}.teacher-image{height:52vh}.teacher-label{font-size:17px;letter-spacing:1px}.teacher-label small{font-size:10px;margin-left:3px}.teacher .gold-button{padding:0 10px;font-size:12px}.exhibit-picture img{height:23vh}.exhibit-label{font-size:14px;padding:7px 9px;gap:7px}.welcome-note{bottom:112px}.welcome-note small{font-size:12px}.detail-grid{grid-template-columns:1fr 1fr}.learning-section{padding:20px}.art-section{padding:20px 15px}.detail-header{padding:22px 28px 16px}#dimension-content h3{font-size:23px}#dimension-content .body-copy{font-size:16px}.detail-bottom{flex-wrap:wrap}.scene-controls{gap:12px;font-size:12px}.look-control{gap:10px}}
@media(max-width:700px){.topbar{height:137px;align-items:flex-start;padding:18px}.brand{font-size:20px}.brand small{font-size:11px}.rooms{position:absolute;top:83px;left:18px;right:18px;justify-content:center}.rooms button{flex:1;padding:0 8px;justify-content:center;min-height:40px;font-size:14px}.top-actions{gap:10px;align-items:center}.top-actions #sources-open{font-size:12px}.room-title{top:163px;left:22px;max-width:92vw}.room-title h1{font-size:31px;margin-bottom:10px;letter-spacing:3px}.room-title .eyebrow{font-size:11px;margin-bottom:10px;letter-spacing:2px}.room-title>p:last-child{font-size:13px;max-width:76vw}.teacher{width:110px;right:5px;bottom:96px}.teacher-image{height:245px}.teacher-label{font-size:15px;letter-spacing:1px}.teacher-label small{display:block;margin-top:4px;font-size:10px}.teacher .gold-button{font-size:11px;gap:5px;padding:0 8px;min-height:36px}.teacher .voice-bars{transform:scale(.75)}.exhibit-tile{max-width:58vw;width:220px}.exhibit-picture{padding:6px}.exhibit-picture img{height:160px}.exhibit-label{font-size:13px;max-width:57vw;line-height:1.6}.exhibit-tile .hint{font-size:10px;letter-spacing:1px}.welcome-note{display:none}.scene-controls{left:18px;bottom:25px;gap:14px;flex-wrap:wrap;max-width:70vw}.look-control{gap:8px;font-size:11px}.look-control>button{width:32px;height:32px;min-height:32px}.zoom-controls{display:none}#reset-view{font-size:11px}.visit-meter{right:18px;bottom:28px;font-size:11px}#visit-dots{gap:4px}#visit-dots i{width:14px}.detail-header{padding:22px 20px 15px}.detail-header h2{font-size:24px}.detail-header>p:last-child{font-size:12px}.detail-grid{display:block}.art-section{padding:16px}.art-stage{height:260px}.learning-section{padding:18px 20px 25px}.dimension-tabs button{font-size:18px}.detail-header .eyebrow{font-size:11px}.art-controls{margin-top:9px}.detail-bottom{justify-content:space-between}.red-button{font-size:13px;padding:0 12px}.observation p{font-size:18px}#sources{padding:32px 23px}#sources h2{font-size:30px}#audio-panel{bottom:10px;padding:10px 14px}#caption{font-size:15px;line-height:1.7}.audio-controls{gap:10px;font-size:11px}.audio-controls button{font-size:12px}.audio-speaker{font-size:11px}.dialog-close{right:9px;top:8px;width:34px;font-size:27px}.pattern-box canvas{height:130px}}
@media(max-height:690px) and (min-width:701px){.topbar{padding-top:15px;padding-bottom:15px}.room-title{top:106px}.room-title h1{font-size:32px}.room-title .eyebrow{margin-bottom:6px}.teacher{bottom:74px}.teacher-image{height:53vh}.welcome-note{bottom:93px}.welcome-note p{font-size:15px}.welcome-note small{font-size:12px}.scene-controls{bottom:20px}.visit-meter{bottom:22px}.detail-header{padding:16px 28px 12px}.detail-header h2{font-size:26px}.detail-grid{min-height:420px}.art-stage{height:300px}.learning-section{padding:17px 24px}#dimension-content{padding-top:15px}#dimension-content h3{font-size:22px}#dimension-content .body-copy{font-size:15px;line-height:1.8}.observation{margin-top:15px}.observation p{font-size:17px}.history-block{margin-top:14px}.pattern-box canvas{height:100px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* A framed portrait keeps the selected teacher image intact. */
.teacher{width:clamp(135px,15vw,235px)}.teacher-image{height:auto!important;aspect-ratio:2/3;border:1px solid #c7a168;background:#eee1cd;overflow:hidden;border-radius:48% 48% 3px 3px;box-shadow:0 20px 65px #0006}.teacher-image img{display:block;filter:none}.teacher:not(.cutout) .teacher-image{opacity:1}.teacher-label small{font-size:12px}#detail>#audio-panel{position:sticky;transform:none;left:auto;bottom:0;width:100%;border:0;border-top:1px solid #ab865f;margin:0;box-shadow:none}#detail>#audio-panel[hidden]{display:none!important}
@media(max-width:700px){.teacher{width:80px;bottom:116px;right:15px}.teacher-image{height:auto!important}.teacher-label{font-size:14px}.teacher-label small{font-size:10px}.teacher .gold-button{font-size:11px;max-width:90px;min-height:34px;padding:3px 5px;gap:0}.teacher .voice-bars{display:none}.room-title>p:last-child{font-size:12px;max-width:87vw}.exhibit-picture img{height:150px}.exhibit-tile .hint{font-size:11px}.exhibit-label{font-size:13px}.visit-meter{bottom:23px}.top-actions{gap:4px}.top-actions #fullscreen{font-size:25px}.brand{font-size:18px}.brand small{font-size:10px}.rooms button{font-size:13px;padding:0 5px;gap:5px}.rooms button>span{font-size:15px}}

.audio-teacher{float:left;width:65px;height:98px;object-fit:contain;background:#e9dbca;margin:0 18px 0 0;border:1px solid #b99562}#audio-panel{min-height:126px}.audio-controls{overflow:hidden}#quick-exhibits{display:none}
@media(max-width:700px){#quick-exhibits{position:absolute;display:flex;left:18px;bottom:94px;gap:5px;max-width:65vw}#quick-exhibits button{font-size:11px;padding:5px 8px;min-height:32px;background:#30211dde;border:1px solid #b69c6b70}#quick-exhibits button.active{background:#d8b575;color:#302118}.audio-teacher{width:48px;height:72px;margin-right:12px}#audio-panel{min-height:110px}.audio-controls{clear:both;margin-top:12px}}

/* One movable video surface, shared by the gallery and the artwork dialog. */
.teacher{position:fixed;z-index:35;width:clamp(150px,15vw,220px);max-width:calc((100dvh - 155px)*2/3);color:var(--cream);touch-action:none;user-select:none;right:2.4vw;bottom:100px}
.teacher-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;background:#241a17ec;border:1px solid #b4976770;border-radius:4px;color:#ecd1a3}
.teacher-tools button{min-height:30px;font-size:13px;padding:3px 8px;line-height:1.5}
#teacher-drag{cursor:grab;flex:1;text-align:left;touch-action:none}#teacher-reset{min-width:30px;font-size:20px;border-left:1px solid #b4976740}
.teacher-image{cursor:grab}.teacher-image video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.teacher.dragging{filter:drop-shadow(0 8px 22px #0009)}.teacher.dragging,.teacher.dragging #teacher-drag,.teacher.dragging .teacher-image{cursor:grabbing}
.teacher-label{margin:7px 0 6px;text-shadow:0 2px 9px #000}.teacher-label small{display:block;margin:3px 0 0;font-size:12px}.teacher .gold-button{font-size:14px;min-height:38px;width:100%;padding:0 7px}
#detail>.teacher{font-family:"PingFang SC","Microsoft YaHei",sans-serif}#audio-panel{min-height:0}
@media(max-width:700px){.teacher{width:112px;bottom:145px;right:15px}.teacher-tools button{font-size:12px;padding:4px;min-height:32px}#teacher-reset{font-size:19px;min-width:26px}.teacher-label{font-size:14px}.teacher-label small{font-size:12px}.teacher .gold-button{font-size:12px;max-width:none;min-height:36px}.audio-controls{margin-top:8px}}

.teacher-label{padding:5px 4px;background:#241a17e8;border:1px solid #b4976740;border-radius:3px;text-shadow:none}.teacher-label small{color:#dfc59e}

html{overflow:hidden}

#detail>.teacher{width:clamp(112px,12vw,172px);left:12px;right:auto;bottom:160px}

/* Full-body motion video is composited onto the gallery without a portrait frame. */
.teacher{width:clamp(190px,23vw,340px);max-width:calc((100dvh - 220px)*9/16);bottom:85px;right:2vw;pointer-events:none}
.teacher-tools,.teacher-label,.teacher .gold-button,.teacher-image{pointer-events:auto}
.teacher.cutout .teacher-image{height:auto!important;aspect-ratio:9/16;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;opacity:1}
#teacher-canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 9px #0004);pointer-events:none}
.teacher-image #narration{position:absolute;width:1px;height:1px;left:0;bottom:0;opacity:0;pointer-events:none}
.teacher-tools{width:max-content;max-width:100%;margin:0 auto -30px;position:relative;z-index:1;border:0;background:#21171399;border-radius:18px;padding:0 4px}
.teacher-tools button{min-height:30px;font-size:12px;padding:3px 6px}#teacher-drag{flex:none;text-align:center}#teacher-reset{border:0;font-size:18px;min-width:27px}#teacher-motion-toggle{min-width:27px;border-left:1px solid #d2b17f55}
.teacher-label{padding:0;margin:-3px 0 5px;background:transparent;border:0;text-shadow:0 2px 6px #000,0 0 12px #000;letter-spacing:2px;font-size:18px}.teacher-label small{display:inline;margin-left:6px;color:#f2ddbb;font-size:10px;letter-spacing:1px}
.teacher .gold-button{width:auto;min-height:34px;font-size:12px;padding:0 12px;border-radius:18px;background:#271b17cc}.teacher .voice-bars{transform:scale(.8)}
#detail>.teacher{width:clamp(145px,16vw,220px);left:9px;bottom:145px;max-width:calc((100dvh - 220px)*9/16)}
@media(max-width:700px){.teacher{width:150px;right:7px;bottom:134px;max-width:calc((100dvh - 290px)*9/16)}.teacher-tools button{font-size:11px;padding:3px 4px}.teacher-label{font-size:14px}.teacher-label small{display:block;margin:2px 0}.teacher .gold-button{font-size:11px;min-height:32px;padding:0 7px}#detail>.teacher{width:132px;max-width:calc((100dvh - 280px)*9/16);bottom:136px;left:7px}.teacher .voice-bars{display:none}}
@media(min-width:701px){#detail>.teacher{left:calc(max(3vw,(100vw - 1260px)/2) + 8px);bottom:175px}}
@media(max-width:700px){#detail>.teacher{width:112px;left:auto;right:10px;top:165px;bottom:auto}}