:root{--bg:#080808;--ink:#efe4ca;--muted:#a39780;--line:#54452d;color-scheme:dark}
.lab-home-link{font-size:13px;color:#ead7ac;text-decoration:none;white-space:nowrap;padding:8px 10px;background:#080808d9;border:1px solid #756345;border-radius:5px}.header:has(.lab-home-link){gap:26px}.lab-home-link:focus-visible{outline:2px solid #edcf89;outline-offset:5px}
@media(max-width:650px){.header:has(.lab-home-link){gap:12px;flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:14px}.lab-home-link{font-size:12px}.header:has(.lab-home-link) .header-controls{width:100%;justify-content:flex-end}}
body{background:#080808 url('assets/stage.png') center top / 100% auto no-repeat;font-family:'Noto Serif SC','Songti SC',SimSun,serif;min-height:100vh}
.header{max-width:none;height:92px;min-height:92px;padding:0 2.8%;gap:66px;border:0}
.brand{font-size:34px;color:#eed399;font-weight:600;letter-spacing:1px}.header nav{margin:0;gap:30px;align-items:center}.nav-button{font-size:19px;padding:12px 4px;border-radius:0!important}.nav-button.active{border:0;border-bottom:2px solid #e7cc8b;background:none;color:#ecd29a}.header-controls{margin-left:auto;display:flex;align-items:center;gap:27px}select{font:inherit;color:#e8d2a2;background:#080808b8;border:1px solid #c5a56b;padding:13px 24px;border-radius:35px;min-width:185px;font-size:18px}.sound-toggle{width:44px;height:44px;font-size:0!important;background:transparent url('assets/volume-up.svg') center/30px no-repeat!important;border:0!important}.sound-toggle[aria-pressed=false]{background-image:url('assets/volume-mute.svg')!important}
main{max-width:none;padding:0}.draw-stage{height:min(48vw,710px);min-height:430px;position:relative;perspective:1500px;max-width:1500px;margin:auto;isolation:isolate}
.topic-card,.side-card{position:absolute;background:#111 url('assets/card.png') center/100% 100% no-repeat;border:0;border-radius:5%;aspect-ratio:2/3;padding:0;display:flex;align-items:center;justify-content:center;color:#edd298;overflow:hidden;box-shadow:0 16px 42px #0008}
.topic-card{width:30%;max-width:455px;left:35%;top:4%;z-index:3;transform:rotate(1deg);box-shadow:0 0 23px #e2b96725,0 18px 50px #0009}
.topic-card:before,.topic-card:after{display:none}.card-top,.card-bottom,.topic-kicker,.topic-content>p,.question-box{display:none}.topic-content{padding:30px;width:100%;text-align:center;transform:rotate(-1deg)}.topic-content h2{font-size:clamp(30px,4vw,64px);line-height:1.5;font-weight:500;letter-spacing:3px;margin:0;color:#f4db9f;min-height:0;text-shadow:0 2px 12px #000}
.side-card{width:25%;top:11%;opacity:.51;filter:brightness(.8);z-index:1}.side-card h2{padding:26px;text-align:center;font-size:clamp(22px,3vw,46px);line-height:1.5;font-weight:500;overflow-wrap:anywhere}.left-card{left:13%;transform:rotateY(26deg) rotateZ(-2deg);transform-origin:left center}.right-card{right:13%;transform:rotateY(-26deg) rotateZ(2deg);transform-origin:right center}
.stage-arrow{position:absolute;top:46%;border:1px solid #c5a56b;border-radius:50%;background:#06060685;width:58px;height:58px;display:grid;place-items:center;z-index:5}.stage-arrow img{width:26px;height:26px}.previous{left:4.7%}.next{right:4.7%}.stage-arrow:hover{background:#4a3b22}.stage-actions{display:flex;justify-content:center;gap:28px;margin:28px auto 0;padding:0 24px}.stage-actions button{height:75px;font:500 25px 'Noto Serif SC',SimSun,serif;border-radius:14px}.stage-actions .primary{width:425px;background:#dfbe7d;color:#19130b;border:1px solid #f2dbab;box-shadow:inset 0 0 26px #fff3;letter-spacing:2px}.stage-actions .secondary{width:298px;background:#0808089e;color:#ead7ac;border:1px solid #ddbd7e}.stage-caption{text-align:center;font-size:19px;letter-spacing:3px;color:#c4ad81;margin:57px 0 0}.study-settings{max-width:760px;margin:25px auto;color:#a99a7d;text-align:center}.study-settings>summary{cursor:pointer;font-size:13px;width:max-content;margin:auto}.study-settings .settings{margin:18px auto;text-align:left;width:100%;max-width:760px;padding:26px}.settings h2,.settings-note,.local-badge,.settings .section-label:first-child,#categories,.settings .divider{display:none}.settings .section-label{font-size:14px}.settings .duration-line{display:inline-flex;margin-left:30px}.presets{display:inline-flex;margin-left:25px}.presets button{font-size:13px;white-space:nowrap;padding:8px 15px}.library-link{font-size:14px!important;color:#d8bd83}.workspace{display:block;max-width:830px;margin:auto;padding:0 24px}.main-column{width:100%}.session{margin:24px 0 50px;background:#12110ff5;border-color:#5e4c30}.session h3{font-size:18px}.session .section-label{font-size:12px}.session button{font-size:14px}.session textarea{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:15px}.writing-header label,.writing-header a,#writing-tip{font-size:14px}footer{display:none}#history-view,#custom-view{max-width:1000px;margin:55px auto;padding:0 25px 50px}.entry{background:#141310e8}.entry h2{font-size:26px}.custom-form{background:#141310ed}.toast{font-family:'Microsoft YaHei',sans-serif;font-size:14px}
.drawing{animation:card-shuffle .32s ease-in-out infinite}.drawing .topic-content h2{white-space:normal;overflow:visible}.revealed{animation:card-arrive .7s cubic-bezier(.16,1,.3,1)}.revealed .topic-content{animation:none}.rolling{animation:term-roll .18s ease-out}.draw-stage:has(.drawing) .side-card{opacity:.28}.draw-stage:has(.drawing) .left-card{animation:deck-left .38s ease-in-out infinite alternate}.draw-stage:has(.drawing) .right-card{animation:deck-right .38s ease-in-out infinite alternate}
@keyframes card-shuffle{50%{transform:translateY(-9px) rotateY(7deg) rotateZ(1deg)}}@keyframes card-arrive{from{transform:translateY(-18px) scale(.93);filter:brightness(1.8)}to{transform:rotate(1deg);filter:brightness(1)}}@keyframes term-roll{from{opacity:.2;transform:translateY(-12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes deck-left{to{transform:translateX(12px) rotateY(30deg)}}@keyframes deck-right{to{transform:translateX(-12px) rotateY(-30deg)}}
@media(min-width:1600px){body{background-size:1600px auto}.draw-stage{height:740px}}
@media(max-width:900px){.header{gap:28px;height:80px;min-height:80px}.brand{font-size:27px}.header nav{gap:20px}.nav-button{font-size:16px}.header-controls{gap:10px}select{font-size:15px;min-width:145px;padding:10px 15px}.draw-stage{min-height:440px}.topic-card{width:34%;left:33%;top:8%}.side-card{top:16%;width:27%}.left-card{left:9%}.right-card{right:9%}.stage-arrow{width:42px;height:42px}.previous{left:2%}.next{right:2%}.stage-actions{margin-top:0}.stage-actions button{height:62px;font-size:20px}.stage-caption{margin-top:38px;font-size:15px}}
@media(max-width:600px){body{background-size:auto 710px;background-position:center 45px}.header{height:auto;min-height:110px;padding:18px 18px 10px;gap:12px;flex-wrap:wrap}.brand{font-size:25px}.header nav{width:auto;margin-left:auto;gap:15px;flex-wrap:nowrap}.nav-button{font-size:14px;padding:7px 0}.header-controls{width:100%;justify-content:space-between;margin:0}.header-controls select{font-size:13px;padding:7px 12px;min-width:130px}.sound-toggle{width:30px;height:30px;background-size:23px!important}.draw-stage{height:420px;min-height:0;margin-top:8px;overflow:hidden}.topic-card{width:62%;left:19%;top:5%;max-height:380px}.topic-content{padding:18px}.topic-content h2{font-size:clamp(25px,7.8vw,43px);letter-spacing:1px}.side-card{width:44%;top:16%;opacity:.35}.side-card h2{font-size:22px;padding:15px}.left-card{left:-13%}.right-card{right:-13%}.stage-arrow{top:46%;width:32px;height:32px}.stage-arrow img{width:17px}.previous{left:2%}.next{right:2%}.stage-actions{gap:12px;padding:0 18px}.stage-actions button{height:55px;font-size:16px;border-radius:9px}.stage-actions .primary{width:55%}.stage-actions .secondary{width:45%;font-size:14px}.stage-caption{font-size:12px;letter-spacing:1px;margin-top:30px}.study-settings{margin:20px 18px}.settings .duration-line{margin-left:15px}.presets{margin-left:0;margin-top:12px}.workspace{padding:0 18px}.session-top{align-items:flex-start}.session h3{font-size:15px}.session-actions{gap:10px}.page-heading h1{font-size:28px}#history-view,#custom-view{margin-top:24px}}
@media(max-width:370px){.draw-stage{height:355px}.nav-button{font-size:12px}.header nav{gap:10px}.stage-actions button{font-size:14px}.stage-actions .secondary{font-size:12px}}
@media(min-width:901px){body{background-size:100% 1080px}.topic-card{width:28%;left:36%}.side-card{width:22%;top:12%;opacity:1;filter:brightness(.52)}.left-card{left:14%;transform:rotateY(30deg) rotateZ(-3deg)}.right-card{right:14%;transform:rotateY(-30deg) rotateZ(3deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){body{background-position:center top}.side-card h2{visibility:hidden}.side-card{opacity:1;filter:brightness(.35)}}
@media(min-width:901px){.side-card{width:23%;top:10%}.left-card{transform:rotateY(30deg) rotateZ(3deg)}.right-card{transform:rotateY(-30deg) rotateZ(-3deg)}}
.stage-actions .draw-cta{background:#dfbe7d url('assets/arrow-right.svg') right 25px center/27px no-repeat;padding-right:50px}
.admin-entry{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:#e8d2a2;border:1px solid #8e754b;border-radius:8px;padding:9px 14px;text-decoration:none;font-size:15px;background:#08080885}.admin-entry:hover{background:#302719}.admin-entry:focus-visible{outline:2px solid #e7c886;outline-offset:4px}
@media(max-width:900px){.admin-entry{font-size:13px;padding:8px 10px}}
@media(max-width:600px){.stage-actions .draw-cta{background-position:right 12px center;background-size:18px;padding-right:27px}}
@media(max-width:1000px){.header{height:auto;min-height:80px;flex-wrap:wrap;padding:16px 20px;gap:12px}.header nav{width:auto;margin-left:auto;gap:18px;flex-wrap:nowrap}.header-controls{width:100%;margin:0;gap:12px}.header-controls select{margin-right:auto}.admin-entry{flex-shrink:0}}