:root{--meteor-navy:var(--practice-navy,#1d347c);--meteor-rust:#a7522d;--meteor-paper:var(--paper-desk,#f3efe6);--meteor-ink:#252b3d;--meteor-line:#1d347c2e;--meteor-green:#276348;--meteor-red:#a52d32}body.meteor-space{background-color:#101a3a;background-image:radial-gradient(120% 90% at 50% 42%,#0e163442 0%,#0c132e70 62%,#090e2499 100%),linear-gradient(#0a102866 0%,#0e16344d 45%,#090e2480 100%),url(/illustrations/space-collage.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.meteor-space .meteor-quiz{box-shadow:0 30px 70px -18px #0000008c,0 0 0 1px #bed2ff1a,0 0 50px -12px #78a0ff24}body.meteor-space .app,body.meteor-space .app.route-playground,body.meteor-space .app-main,body.meteor-space .app-footer{background-color:#0000;background-image:none}.meteor-quiz-page{background:0 0;max-width:none;min-height:calc(100vh - 88px);margin:0;padding:32px 18px 64px}.meteor-quiz{max-width:1120px;margin:0 auto}.meteor-quiz,.meteor-quiz-setup,.meteor-quiz-state,.meteor-quiz-result{border:1px solid var(--meteor-line);background:var(--meteor-paper);box-shadow:var(--shadow-paper-lg,0 16px 34px #5c462224);border-radius:22px}.meteor-quiz{isolation:isolate;overflow:hidden}.meteor-quiz-setup,.meteor-quiz-state,.meteor-quiz-result{text-align:center;max-width:620px;margin:0 auto;padding:clamp(28px,6vw,56px)}.meteor-quiz-setup h1,.meteor-quiz-result h1,.meteor-quiz-state h1{color:var(--meteor-navy);margin:8px 0 12px;font-size:clamp(30px,6vw,48px);line-height:1.12}.meteor-quiz-setup>p:not(.eyebrow){max-width:34em;color:var(--muted,#626b7e);margin:0 auto 28px}.meteor-level-field{max-width:280px;color:var(--meteor-navy);text-align:left;gap:8px;margin:0 auto 22px;font-size:13px;font-weight:800;display:grid}.meteor-level-field select{border:1px solid var(--meteor-line);min-height:46px;color:var(--meteor-ink);background:#fffdf8;border-radius:10px;padding:8px 12px}.meteor-quiz-header{border-bottom:1px solid var(--meteor-line);background:var(--paper-1,#fffdf8);min-height:72px;color:var(--meteor-navy);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px 22px;font-weight:850;display:grid}.meteor-lives{color:var(--meteor-rust);align-items:center;gap:7px;display:flex}.meteor-lives:before{color:var(--muted,#626b7e);content:"生命";letter-spacing:.08em;margin-right:2px;font-size:11px;font-weight:850}.meteor-life{background:var(--paper-note,#fdf0c4);width:30px;height:30px;color:var(--meteor-rust);transition:transform .18s var(--ease-paper,ease), filter .18s, opacity .18s;border:2px solid #a7522d47;border-radius:45% 55% 48% 52%;place-items:center;font-size:21px;line-height:1;display:inline-grid;transform:rotate(-5deg);box-shadow:0 3px #5c462229,0 5px 9px #5c462217}.meteor-life:nth-child(3){transform:rotate(5deg)}.meteor-life.is-lost{background:var(--paper-3,#f9f4e8);color:#626b7e80;opacity:.62;filter:grayscale(.7);border-color:#626b7e33;transform:scale(.82)rotate(-5deg);box-shadow:0 2px #5c462214}.meteor-score,.meteor-streak{white-space:nowrap;font-variant-numeric:tabular-nums}.meteor-score{background:var(--paper-note,#fdf0c4);border:2px solid #1d347c33;border-radius:4px 10px 5px 9px;padding:8px 12px;font-size:14px;transform:rotate(-1.4deg);box-shadow:0 4px #5c462224}.meteor-streak{color:var(--meteor-rust);background:var(--paper-2,#fdf8ec);transition:transform .22s var(--ease-paper,ease), background .18s, color .18s;border:2px solid #a7522d33;border-radius:10px 4px 9px 6px;padding:8px 12px;font-size:14px;transform:rotate(1.4deg);box-shadow:0 4px #5c46221f}.meteor-streak.is-hot{background:var(--paper-note,#fdf0c4);color:var(--meteor-rust);border-color:#a7522d7a;transform:scale(1.12)rotate(-2deg)}.meteor-field{--fall-distance:clamp(240px, 40vh, 360px);background:radial-gradient(circle at 12% 22%,#fffdf8cc 0 1px,#0000 2px) 0 0/150px 150px,radial-gradient(circle at 78% 18%,#fdf0c4b8 0 1px,#0000 2px) 0 0/210px 210px,radial-gradient(circle at 56% 62%,#fffdf88f 0 1px,#0000 2px) 0 0/180px 180px,radial-gradient(circle at 88% 76%,#fdf0c4b3 0 2px,#0000 3px) 0 0/250px 250px,linear-gradient(#1d347cfa,#1d347cc7);min-height:430px;position:relative;overflow:hidden}.meteor-field:before{z-index:0;content:"";opacity:0;pointer-events:none;filter:blur(3px);width:clamp(16px,3vw,26px);height:180px;animation:meteor-trail-fall var(--fall-duration,6s) linear forwards;background:linear-gradient(#0000 0%,#fdf0c4d6 48%,#a7522d38 100%);border-radius:999px;position:absolute;top:0;left:50%;transform:translate(-50%,-180px)scaleY(.72);box-shadow:0 0 22px #fdf0c473}.meteor-field:after{content:"";background:linear-gradient(90deg,#0000,#fdf0c4a6,#0000);height:2px;position:absolute;bottom:26px;left:12%;right:12%;box-shadow:0 0 12px #fdf0c459}@keyframes meteor-fall{0%{transform:translate(-50%,-90px)}to{transform:translate(-50%, var(--fall-distance))}}@keyframes meteor-trail-fall{0%{opacity:0;transform:translate(-50%,-180px)scaleY(.72)}14%{opacity:.9}to{opacity:.16;transform:translate(-50%, var(--fall-distance)) scaleY(1.1)}}@keyframes meteor-explode{0%{transform:translate(-50%, var(--fall-distance)) scale(1);opacity:1}55%{transform:translate(-50%, var(--fall-distance)) scale(1.28) rotate(8deg);opacity:.96}to{transform:translate(-50%, var(--fall-distance)) scale(.2) rotate(-15deg);opacity:0}}@keyframes meteor-screen-shake{0%,to{transform:translate(0,0)}25%{transform:translate(-4px,1px)rotate(-.25deg)}50%{transform:translate(4px,-1px)rotate(.25deg)}75%{transform:translate(-2px)}}@keyframes meteor-particle-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(.2) rotate(160deg)}}.meteor-quiz.is-shaking{animation:.18s ease-out meteor-screen-shake}.meteor-particles{top:calc(var(--fall-distance) + 40px);z-index:3;pointer-events:none;width:0;height:0;position:absolute;left:50%}.meteor-particles span{background:var(--paper-note,#fdf0c4);width:9px;height:9px;animation:meteor-particle-fly .36s var(--ease-paper,ease-out) forwards;border:1px solid #fdf0c4d1;border-radius:45% 55% 48% 52%;display:block;position:absolute;box-shadow:0 0 8px #fdf0c480}.meteor-particles span:first-child{--particle-x:-58px;--particle-y:-38px}.meteor-particles span:nth-child(2){--particle-x:-33px;--particle-y:42px;background:var(--meteor-rust);width:7px;height:7px}.meteor-particles span:nth-child(3){--particle-x:4px;--particle-y:-55px;width:6px;height:6px}.meteor-particles span:nth-child(4){--particle-x:42px;--particle-y:-29px;background:var(--meteor-rust)}.meteor-particles span:nth-child(5){--particle-x:56px;--particle-y:26px;width:7px;height:7px}.meteor-particles span:nth-child(6){--particle-x:22px;--particle-y:52px;background:var(--meteor-rust);width:6px;height:6px}.meteor{z-index:1;clip-path:polygon(50% 0%,78% 8%,100% 38%,89% 76%,62% 100%,21% 89%,0% 56%,11% 18%);background:radial-gradient(circle at 28% 25%, #fdf0c4d9 0 4px, transparent 5px), radial-gradient(circle at 72% 68%, #1d347c47 0 7px, transparent 8px), linear-gradient(145deg, #a7522de6, var(--meteor-rust));max-width:min(76%,420px);min-height:78px;color:var(--paper-1);filter:drop-shadow(0 11px #1d347c52)drop-shadow(0 18px 30px #0a12346b);text-align:center;animation:meteor-fall var(--fall-duration,6s) linear forwards;will-change:transform;border:2px solid #fdf0c4c7;border-radius:42% 58% 51% 49%/48% 42% 58% 52%;align-items:center;gap:10px;padding:20px 26px;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%,-90px)}.meteor:before,.meteor:after{z-index:-1;content:"";opacity:.72;background:#1d347c57;border-radius:50%;width:11px;height:11px;position:absolute}.meteor:before{top:17px;left:20%;box-shadow:28px 32px #1d347c33}.meteor:after{background:#fdf0c48c;width:7px;height:7px;bottom:13px;right:18%}.meteor>span[aria-hidden=true]{filter:drop-shadow(0 0 6px #fdf0c4b8);font-size:25px}.meteor strong{text-shadow:0 2px #1d347c5c;font-size:clamp(18px,3vw,26px);line-height:1.25}.meteor.is-correct{animation-name:meteor-explode;animation-duration:.3s;animation-timing-function:var(--ease-paper,cubic-bezier(.22, 1.2, .36, 1))}.meteor.is-missed{filter:saturate(.72);border-color:#fcecddd1;animation-play-state:paused}.meteor-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px 24px 28px;display:grid}.meteor-option{border:2px solid var(--meteor-line);background:var(--paper-1,#fffdf8);min-width:0;min-height:76px;color:var(--meteor-navy);text-align:left;overflow-wrap:anywhere;transition:transform var(--dur-base,.28s) var(--ease-paper,ease), background .16s, border-color .16s, box-shadow .16s;border-radius:5px 12px 8px 10px;align-items:center;gap:12px;padding:12px 16px;font-size:clamp(15px,2.5vw,20px);font-weight:800;display:flex;box-shadow:0 5px #5c46221f,0 10px 18px #5c462214}.meteor-option:first-child{background:var(--paper-1,#fffdf8);transform:rotate(-1.2deg)}.meteor-option:nth-child(2){background:var(--paper-2,#fdf8ec);transform:rotate(1.1deg)}.meteor-option:nth-child(3){background:var(--paper-3,#f9f4e8);transform:rotate(.7deg)}.meteor-option:nth-child(4){background:var(--paper-2,#fdf8ec);transform:rotate(-.8deg)}.meteor-option:hover:not(:disabled),.meteor-option:focus-visible{border-color:var(--meteor-navy);background:var(--paper-1,#fffdf8);transform:translateY(-5px)rotate(0);box-shadow:0 8px #5c462224,0 14px 22px #5c462221}.meteor-option:disabled{cursor:default}.meteor-option-number{background:var(--paper-note,#fdf0c4);width:30px;height:30px;color:var(--meteor-rust);border:2px solid #a7522d4d;border-radius:50%;flex:0 0 30px;place-items:center;font-size:13px;display:inline-grid;transform:rotate(-7deg);box-shadow:0 2px #5c462229}.meteor-option.is-correct{border-color:var(--meteor-green);color:var(--meteor-green);background:#e9f4ed}.meteor-option.is-correct .meteor-option-number{background:var(--paper-1,#fffdf8);color:var(--meteor-green);border-color:#2763485c}.meteor-option.is-wrong{border-color:var(--meteor-red);color:var(--meteor-red);background:#fceceb}.meteor-option.is-wrong .meteor-option-number{background:var(--paper-2,#fdf8ec);color:var(--meteor-red);border-color:#a52d325c}.meteor-result-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0;display:grid}.meteor-result-stats div{background:#fffdf8b8;border-radius:12px;gap:3px;padding:12px 6px;display:grid}.meteor-result-stats strong{color:var(--meteor-navy);font-size:22px;line-height:1.2}.meteor-result-stats span{color:var(--muted,#626b7e);font-size:12px}.meteor-review{text-align:left;max-width:440px;margin:24px auto 28px}.meteor-review h2{margin-bottom:10px;font-size:20px}.meteor-review ul{gap:8px;display:grid}.meteor-review li{border-bottom:1px dashed var(--meteor-line);flex-wrap:wrap;gap:8px 14px;padding:9px 12px;display:flex}.meteor-review li strong{min-width:110px;color:var(--meteor-navy)}.meteor-review li span{color:var(--muted,#626b7e)}.meteor-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=560px){.meteor-quiz-page{padding:20px 10px 40px}.meteor-quiz-header{grid-template-columns:1fr auto;gap:6px 12px;padding:12px 14px}.meteor-lives{grid-column:1/-1}.meteor-score{grid-column:1}.meteor-streak{grid-area:2/2}.meteor-field{--fall-distance:clamp(200px, 32vh, 260px);min-height:360px}.meteor-life{width:28px;height:28px;font-size:19px}.meteor-score,.meteor-streak{padding:7px 9px;font-size:12px}.meteor-options{gap:10px;padding:14px}.meteor-option{gap:8px;min-height:68px;padding:10px;font-size:clamp(14px,4vw,18px);line-height:1.2}.meteor-option-number{flex-basis:26px;width:26px;height:26px}.meteor-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.meteor,.meteor-quiz.is-shaking,.meteor-option,.meteor-particles span{transition-duration:1ms!important;animation-duration:1ms!important}}:root{color:#202b45;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--navy:#192c74;--navy-hover:#11215b;--gold:#edaf32;--ink:#202b45;--muted:#626b7e;--line:#dde1ea;--soft:#f4f6fa;--blue-soft:#eaf0fc;--gold-soft:#fff4d9;--danger:#a52d32;--success:#276348;--radius:16px;--page-width:1200px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable;min-width:320px}body{margin:0;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--navy);text-underline-offset:4px}button,a,input,select,textarea,summary{outline-offset:4px}:focus-visible{outline:3px solid var(--navy)}::selection{color:var(--navy);background:#f8d482}img{max-width:100%;display:block}svg{flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy);line-height:1.35}h2{letter-spacing:-.5px;font-size:24px;font-weight:700}ul,ol{margin:0;padding:0;list-style:none}code{font-family:ui-monospace,Consolas,monospace}.app{flex-direction:column;min-height:100svh;display:flex}.route-home,.route-new,.route-practice{--line:#e4e1d9;--soft:#f1eee7;background:#f8f6f1}.skip-link{z-index:20;background:var(--navy);color:#fff;border-radius:8px;padding:10px 20px;position:fixed;top:10px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:var(--page-width);justify-content:space-between;align-items:center;gap:32px;min-height:88px;margin:auto;display:flex}.brand{flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{object-fit:contain;width:42px;height:42px}.brand-copy{flex-direction:column;display:flex}.brand-name{letter-spacing:-.8px;font-size:23px;font-weight:750;line-height:1.2}.brand-tagline{color:var(--muted);letter-spacing:2.2px;margin-top:3px;font-size:11px}.nav{align-items:center;gap:8px;display:flex}.nav-btn{min-height:44px;color:var(--muted);border-radius:9px;align-items:center;gap:9px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.nav-btn:hover{background:var(--soft);color:var(--navy)}.nav-btn.active{background:var(--navy);color:#fff}.app-main{width:100%;max-width:var(--page-width);flex:1;min-width:0;margin:0 auto}.app-main:focus{outline:none}.page{min-width:0;padding:36px 0 56px}.app-footer{border-top:1px solid var(--line);margin-top:24px}.footer-inner{max-width:var(--page-width);min-height:88px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:auto;font-size:12px;display:flex}.footer-brand{color:var(--navy);align-items:center;gap:12px;font-size:13px;display:flex}.footer-mark{width:20px;height:20px}.footer-motto{color:var(--muted)}.app-version{white-space:nowrap}.crumb-bar{width:100%;max-width:var(--page-width);justify-content:space-between;align-items:center;gap:16px;margin:24px auto 0;display:flex}.crumb{min-width:0}.crumb-list{flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;display:flex}.crumb-item{align-items:center;gap:9px;min-width:0;display:flex}.crumb-current{color:var(--muted);overflow-wrap:anywhere}.crumb-link{text-decoration:none}.crumb-link:hover{text-decoration:underline}.crumb-sep{color:var(--muted)}.crumb-back{flex:none}.btn{max-width:100%;min-height:44px;color:var(--navy);text-align:center;overflow-wrap:anywhere;background:#fff;border:1px solid #bdc5d6;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--soft);border-color:var(--navy)}.btn-primary{color:#fff;background:var(--navy);border-color:var(--navy)}.btn-primary:hover:not(:disabled){color:#fff;background:var(--navy-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--blue-soft);border-color:#0000}.btn-small{padding:8px 12px;font-size:13px}.btn-danger{color:var(--danger);background:#fff;border-color:#d9b3b5}.btn-recording{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{color:#656e7c;background:#eceef2;border-color:#dce0e7}.muted,.hint,.state-desc{color:var(--muted)}.eyebrow{color:var(--muted);letter-spacing:2.2px;font-size:11px;font-weight:650;line-height:1.5}.field-msg{overflow-wrap:anywhere;margin-top:10px;font-size:14px}.msg-ok{color:var(--success)}.msg-error{color:var(--danger)}.msg-warn{color:#80520b}.library-page{padding-top:32px}.library-intro{background:#f0ebe1;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:320px;margin-bottom:32px;display:grid;overflow:hidden}.intro-copy{z-index:1;align-self:center;padding:36px 40px;position:relative}.intro-kicker{color:#685c48;letter-spacing:1px;font-size:13px}.library-intro h1{letter-spacing:2px;margin-top:18px;font-family:Songti SC,Noto Serif CJK SC,SimSun,serif;font-size:clamp(38px,3.7vw,48px);font-weight:600;line-height:1.45}.intro-description{color:#625e56;margin-top:18px;font-size:14px;line-height:1.9}.intro-art{min-width:0;min-height:100%;position:relative}.intro-art img{object-fit:cover;object-position:60% 54%;width:100%;height:100%;position:absolute;inset:0}.intro-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f0ebe1,#0000 22%);position:absolute;inset:0}.library-layout{grid-template-columns:252px minmax(0,1fr);align-items:start;gap:28px;display:grid}.folder-panel{background:var(--soft);border-radius:var(--radius);min-width:0;padding:22px 14px 18px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;margin:0 8px 16px;display:flex}.panel-heading h2{letter-spacing:0;font-size:16px}.folder-create{width:44px;min-height:44px;color:var(--navy);border-radius:8px;justify-content:center;align-items:center;font-size:23px;text-decoration:none;display:inline-flex}.folder-create:hover{background:var(--blue-soft)}.folder-summary{display:none}.folder-list{gap:5px;display:grid}.folder-row{min-width:0}.folder-item{text-align:left;color:#46516b;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px;font-size:14px;line-height:1.55;transition:background .15s,color .15s;display:flex}.folder-item:hover{color:var(--navy);background:#e6eaf2}.folder-item.active{background:var(--navy);color:#fff}.folder-icon{flex:none;justify-content:center;align-items:center;width:19px;display:inline-flex}.folder-icon svg{width:18px;height:18px}.folder-item.active .folder-icon{color:var(--gold)}.folder-name{overflow-wrap:anywhere;flex:1;min-width:0}.folder-count{font-variant-numeric:tabular-nums;text-align:center;flex:none;min-width:25px;font-size:12px}.folder-item.active .folder-count{color:var(--navy);background:var(--gold);border-radius:5px}.folder-actions{justify-content:flex-end;gap:4px;margin:4px 2px 8px;display:flex}.folder-actions .btn{background:0 0;border-color:#0000}.folder-edit{flex-wrap:wrap;gap:8px;padding:8px 2px;display:flex}.folder-edit .folder-rename-input{flex-basis:100%;width:100%;min-width:0}.folder-feedback{background:#fff;border-radius:8px;padding:12px}.folder-feedback .btn{margin-top:8px}.confirm-strip{background:#fff;border:1px solid #d9b3b5;border-radius:10px;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;display:flex}.confirm-text{overflow-wrap:anywhere;flex-basis:100%;font-size:13px}.library-note{color:#696359;border-top:1px solid #d8d3c7;margin:22px 10px 2px;padding-top:18px;font-size:13px;line-height:1.9}.library-note p{color:#4e4a42;margin-bottom:8px;font-weight:600}.material-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0}.material-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.material-toolbar h2{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:22px;display:flex}.material-count{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:400}.filter-chip{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.material-panel>.filter-chip{border-bottom:1px solid var(--line);padding:8px 28px}.filter-clear{min-width:44px;min-height:44px;color:var(--navy);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:8px;font-weight:600;display:inline-flex}.filter-clear:hover{background:var(--blue-soft)}.material-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 28px;list-style:none;display:grid}.material-item{border:1px solid var(--line);background:#fffdf8;border-radius:14px;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}.material-item:hover{border-color:#bcc7df;transform:translateY(-1px);box-shadow:0 8px 18px #1d347c14}.material-open{min-height:166px;color:var(--ink);border-radius:13px;flex-direction:column;align-items:stretch;gap:14px;padding:18px;text-decoration:none;display:flex}.material-open:hover .material-title{color:var(--navy)}.material-copy{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.material-title{overflow-wrap:anywhere;font-size:16px;font-weight:650;line-height:1.5}.material-meta{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:5px 12px;font-size:12px;display:flex}.material-mode{color:var(--navy);background:var(--blue-soft);white-space:nowrap;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:4px 9px;font-size:11px;line-height:1.6;display:inline-flex}.mode-ready{color:#72500c;background:var(--gold-soft)}.mode-missing{color:#62606b;background:#f0f0f3}.material-arrow{color:var(--navy);align-self:flex-end;font-size:21px;line-height:1}.material-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 28px 24px;display:flex}.material-page-button,.material-page-number{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--navy);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:650}.material-page-button:hover:not(:disabled),.material-page-number:hover{background:var(--blue-soft);border-color:#aab7d5}.material-page-button:disabled{cursor:not-allowed;opacity:.45}.material-page-numbers{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.material-page-number{min-width:40px;padding:8px}.material-page-number.active{border-color:var(--navy);background:var(--navy);color:#fff}.material-page-summary{color:var(--muted);font-size:12px}.library-footnote{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:22px;font-size:12px;display:flex}.library-footnote p{margin:0}.state-box{text-align:center;padding:48px 28px}.state-symbol{width:52px;height:52px;color:var(--navy);background:var(--blue-soft);border-radius:16px;justify-content:center;align-items:center;margin-bottom:18px;font-size:25px;display:inline-flex}.state-title{color:var(--navy);font-size:21px;font-weight:650}.state-desc{overflow-wrap:anywhere;margin-top:10px;font-size:14px;line-height:1.8}.state-box>.btn,.state-box>a,.state-box>button{margin-top:22px}.state-error .state-symbol{color:var(--danger);background:#fff0f0}.state-error .state-title{color:var(--danger)}.empty-inline{padding:38px 24px}.empty-inline .state-desc{margin-top:0}.empty-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.state-box .empty-actions{justify-content:center}.skeleton-list{gap:20px;padding:24px 0;display:grid}.skeleton-bar{background:#e9edf4;border-radius:5px;width:80%;height:14px}.skeleton-bar:nth-child(2n){width:55%}.w60{width:60%}.w40{width:40%}.library-loading .material-panel,.library-loading .folder-panel{min-height:310px}.library-loading .material-panel{padding:24px 28px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:28px}.card+.card{margin-top:24px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.card-head h2{overflow-wrap:anywhere}.route-new .page{max-width:1100px;margin:auto}.field+.field{margin-top:28px}.field>label{color:var(--navy);margin-bottom:10px;font-size:15px;font-weight:650;display:block}.input{width:100%;min-width:0;min-height:46px;color:var(--ink);background:#fff;border:1px solid #8994aa;border-radius:8px;padding:11px 13px;font-size:16px;line-height:1.5}.input::placeholder{color:#71798a;opacity:1}.input:hover,.input:focus{border-color:var(--navy)}.input-invalid{border-color:var(--danger)}.input-valid{border-color:var(--success)}.textarea{resize:vertical;min-height:160px;display:block}.hint{overflow-wrap:anywhere;margin-top:9px;font-size:13px}.row{align-items:flex-start;gap:10px;display:flex}.row .input{flex:1}.row .btn{flex:none}.input-inline{max-width:160px;margin:8px;display:inline-block}.actions{flex-wrap:wrap;gap:10px;padding-top:28px;display:flex}.actions .btn-primary{min-width:144px}.code-inline{background:var(--soft);overflow-wrap:anywhere;white-space:normal;border-radius:4px;padding:3px 6px;font-size:.88em}.notice{background:var(--soft);color:var(--muted);overflow-wrap:anywhere;border-radius:8px;margin-top:20px;padding:15px 18px;font-size:13px}.player{background:var(--soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.player-status{min-width:180px;color:var(--navy);flex:1;padding-left:8px;font-size:13px}.player-hint{color:#515b70;overflow-wrap:anywhere;background:#fff;border:1px solid #d7dce6;border-radius:8px;margin:14px 0;padding:12px 16px;font-size:14px}.sentence-list{margin-top:24px}.sentence-item{border-bottom:1px solid var(--line);border-left:3px solid #0000;padding:22px 18px}.sentence-item.current{background:var(--blue-soft);border-left-color:var(--navy);border-radius:8px}.sentence-main{align-items:baseline;gap:18px;display:flex}.sentence-no{color:var(--muted);flex:none;font-size:12px}.sentence-text{overflow-wrap:anywhere;min-width:0;font-family:Georgia,Times New Roman,Microsoft YaHei,serif;font-size:20px;line-height:1.75}.sentence-tools{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.rec-entry{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.rec-label{color:var(--muted);font-size:13px}.rec-audio{width:min(300px,100%);min-width:0;max-width:100%}.new-material-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.new-material-heading h1{letter-spacing:1px;font-family:Songti SC,Noto Serif CJK SC,SimSun,serif;font-size:34px;font-weight:600}.new-material-heading p{color:var(--muted);margin-top:10px;font-size:14px}.new-material-heading .btn{flex:none}.new-material-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;display:grid}.material-form{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:32px}.form-section{border:0;min-width:0;margin:0;padding:0}.form-section+.form-section{margin-top:36px}.form-section legend{border-bottom:1px solid var(--line);width:100%;color:var(--navy);padding:0 0 14px;font-size:20px;font-weight:650}.section-description{color:var(--muted);margin:14px 0 22px;font-size:13px}.field-optional,.field-required{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.field-label-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.field-label-row label{color:var(--navy);font-size:15px;font-weight:650}.character-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.material-form .input:disabled{color:#656e7c;background:#f1f2f4}.upload-help{color:var(--muted);margin-top:8px;font-size:13px}.upload-help summary{width:fit-content;max-width:100%;min-height:44px;color:var(--navy);cursor:pointer;padding:10px 0;display:list-item}.upload-help p{margin:10px 0}.upload-help code{background:var(--soft);color:#4c5060;white-space:normal;overflow-wrap:anywhere;border-radius:8px;padding:12px;font-size:12px;display:block}.duration-reading{color:var(--muted)}.duration-fallback{background:#fbf6ec;border-radius:10px;margin-top:12px;padding:16px}.duration-fallback .field-msg{margin-top:0}.duration-fallback label{color:var(--ink);margin:14px 0 8px;font-size:13px;font-weight:600;display:block}.duration-fallback .input{max-width:180px}.folder-load-state{background:var(--soft);color:var(--muted);border-radius:8px;padding:14px 16px;font-size:14px}.form-inline-error{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-inline-error .field-msg{margin-top:0}.new-folder-inline{margin-top:8px}.new-folder-toggle{min-height:44px;color:var(--navy);background:0 0;border:0;border-radius:4px;justify-content:flex-start;align-items:center;padding:8px 0;font-size:13px;font-weight:600;display:inline-flex}.new-folder-toggle:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.new-folder-toggle:disabled{color:var(--muted)}.new-folder-fields{background:var(--soft);border-radius:10px;margin-top:6px;padding:16px}.new-folder-fields label{color:var(--ink);margin-bottom:9px;font-size:13px;font-weight:600;display:block}.new-folder-fields .row{align-items:stretch}.new-folder-fields .field-msg{font-size:12px}.material-form .text-label{font-size:13px}.material-form .textarea{font-family:Georgia,Times New Roman,serif;line-height:1.9}.sentence-preview{color:#3c5d3f;background:#f4f6ef;border-radius:8px;margin-top:12px;padding:14px 16px;font-size:13px}.sentence-preview p+p{color:#58664f;margin-top:5px;font-size:12px}.material-save-area{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.material-save-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.material-save-row .btn{flex:none;min-width:130px}.save-hint{color:var(--muted);font-size:13px}.save-hint.msg-warn{color:#80520b}.save-error{margin-top:18px}.save-success{color:var(--success);overflow-wrap:anywhere;background:#f3f8f2;border:1px solid #bfd2c3;border-radius:10px;margin-top:22px;padding:20px}.save-success p{margin-top:6px;font-size:13px}.save-success .btn{margin-top:14px}.preparation-note{background:#eee9df;border-radius:16px;overflow:hidden}.preparation-note>img{object-fit:cover;object-position:60% 50%;width:100%;height:185px}.preparation-copy{padding:26px 24px}.preparation-copy h2{color:#514c41;font-family:Songti SC,SimSun,serif;font-size:24px;font-weight:600}.preparation-copy>p{color:#696359;margin-top:12px;font-size:13px;line-height:1.9}.preparation-copy ul{gap:16px;margin-top:26px;display:grid}.preparation-copy li{color:#696359;gap:4px;font-size:12px;display:grid}.preparation-copy li strong{color:#514c41;font-size:13px}.preparation-copy .preparation-footnote{border-top:1px solid #d8d0c3;margin-top:24px;padding-top:18px}@media (width<=1320px){.header-inner,.app-main,.crumb-bar,.footer-inner{width:calc(100% - 80px)}}@media (width<=1000px){.new-material-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.material-form{padding:24px}.header-inner,.app-main,.crumb-bar,.footer-inner{width:calc(100% - 48px)}.library-layout{grid-template-columns:224px minmax(0,1fr);gap:20px}.intro-copy{padding:28px}.material-toolbar{padding:20px}.material-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}}@media (width<=760px){.new-material-heading{flex-direction:column;align-items:flex-start;gap:12px}.new-material-heading h1{font-size:28px}.new-material-heading .btn{display:none}.new-material-layout{grid-template-columns:minmax(0,1fr)}.preparation-note{display:none}.material-form{padding:24px 20px}.material-save-row{flex-direction:column;align-items:stretch;gap:14px}.material-save-row .btn{width:100%}.new-folder-fields .row{flex-wrap:wrap}.new-folder-fields .input{flex-basis:100%}.header-inner{flex-wrap:wrap;gap:16px;min-height:80px;padding:20px 0 14px}.brand-mark{width:36px;height:36px}.brand-name{font-size:22px}.brand-tagline{font-size:10px}.nav{gap:6px;width:100%}.nav-btn{flex:1;justify-content:center;padding:10px 8px}.page{padding-top:28px;padding-bottom:32px}.library-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:278px;margin-bottom:24px}.library-intro h1{font-size:36px}.intro-description{font-size:13px}.intro-copy{padding:24px}.library-layout{grid-template-columns:minmax(0,1fr);gap:16px}.folder-panel{padding:0 14px}.folder-summary{cursor:pointer;min-height:56px;color:var(--navy);justify-content:space-between;align-items:center;gap:12px;padding:12px 6px;font-size:14px;font-weight:650;list-style:none;display:flex}.folder-summary::-webkit-details-marker{display:none}.folder-summary-current{overflow-wrap:anywhere;min-width:0}.folder-summary-toggle{color:var(--muted);flex:none;font-size:12px;font-weight:400}.folder-disclosure[open]{padding-bottom:16px}.folder-disclosure[open] .panel-heading{border-top:1px solid var(--line);padding-top:12px}.library-note{display:none}.material-toolbar{gap:12px;padding:20px}.material-toolbar h2{font-size:20px}.material-toolbar .btn-primary{padding:10px 12px;font-size:13px}.material-panel>.filter-chip{padding-left:20px;padding-right:20px}.material-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.material-open{min-height:176px;padding:16px}.material-title{font-size:15px}.material-pagination{padding-left:20px;padding-right:20px}.library-footnote{flex-direction:column;gap:6px;margin-top:18px;font-size:11px}.footer-inner{flex-wrap:wrap;gap:10px;min-height:82px;padding:20px 0}.footer-brand{flex-wrap:wrap;gap:8px}.footer-motto{font-size:11px}.crumb-bar{align-items:flex-start;margin-top:20px}.crumb-back{padding:8px;font-size:12px}.card{padding:20px}.card-head h2{font-size:22px}.sentence-main{flex-direction:column;gap:8px}.sentence-item{padding:18px 12px}.sentence-text{font-size:19px}.player{gap:8px;padding:12px}.player-status{flex-basis:100%;min-width:0;padding:4px 0 0}}@media (width<=440px){.header-inner,.app-main,.crumb-bar,.footer-inner{width:calc(100% - 32px)}.library-intro{grid-template-columns:minmax(0,1fr);min-height:0}.intro-copy{padding:24px 24px 10px}.library-intro h1{margin-top:10px;font-size:32px;line-height:1.35}.library-intro h1 br{display:none}.intro-kicker{font-size:11px}.intro-description{margin-top:10px;font-size:12px}.intro-art{min-height:142px}.intro-art img{object-position:55% 55%}.intro-art:after{background:linear-gradient(#f0ebe1,#0000 40%)}.material-toolbar{padding:18px 16px}.material-toolbar h2{font-size:19px}.material-count{font-size:12px}.material-list{grid-template-columns:1fr;padding:16px}.material-open{min-height:158px}.material-meta{font-size:11px}.material-panel>.filter-chip,.material-pagination{padding-left:16px;padding-right:16px}.card{padding:18px 16px}.state-box{padding:32px 20px}.state-title{font-size:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.practice-page{max-width:1100px;margin:auto}.practice-heading{margin-bottom:28px}.practice-kicker{color:#736244;font-size:13px}.practice-kicker span{margin:0 8px}.practice-heading h1{letter-spacing:.5px;overflow-wrap:anywhere;margin-top:10px;font-family:Songti SC,Noto Serif CJK SC,SimSun,serif;font-size:34px;font-weight:600}.practice-heading>p:last-child{color:var(--muted);margin-top:12px;font-size:14px}.practice-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:28px;display:grid}.practice-sheet{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0}.practice-player{border-bottom:1px solid var(--line);background:#fffefa;border-radius:16px 16px 0 0;padding:24px 28px 20px;position:relative}.practice-player-labels{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:14px;display:flex}.practice-player-labels p{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.practice-player-labels strong{color:var(--navy);font-size:15px;font-weight:650}.practice-player-labels p>span{color:var(--muted);font-size:12px}.practice-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.practice-seek-area{margin:18px 0 8px}.practice-seek-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.practice-seek-label label{color:var(--ink);font-size:12px;font-weight:600}.practice-seek-label span{color:var(--muted);font-size:12px}.practice-seek{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;border:0;border-radius:4px;width:100%;height:44px;margin:0;padding:0;display:block}.practice-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--navy) var(--seek-progress), #c3c9d4 var(--seek-progress));border-radius:4px;height:6px}.practice-seek::-webkit-slider-thumb{appearance:none;background:var(--navy);width:20px;height:20px;box-shadow:0 0 0 2px var(--navy);border:3px solid #fff;border-radius:50%;margin-top:-7px}.practice-seek::-moz-range-track{background:#c3c9d4;border-radius:4px;height:6px}.practice-seek::-moz-range-progress{background:var(--navy);border-radius:4px;height:6px}.practice-seek::-moz-range-thumb{background:var(--navy);width:14px;height:14px;box-shadow:0 0 0 2px var(--navy);border:3px solid #fff;border-radius:50%}.practice-seek:disabled{opacity:.55;cursor:not-allowed}.practice-player-actions{flex-wrap:wrap;gap:10px;display:flex}.practice-play{min-width:130px}.playback-status{color:var(--muted);margin-top:12px;font-size:12px}.practice-player-hint{color:#695b41;margin-top:10px;font-size:13px;line-height:1.8}.practice-sentences{padding:28px}.practice-list-heading h2{font-size:20px;font-weight:650}.practice-list-heading p{color:var(--muted);margin-top:8px;font-size:12px}.practice-sentences .sentence-list{margin-top:24px}.practice-sentences .sentence-item{border-left:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 16px}.practice-sentences .sentence-item:last-child{border-bottom:0}.practice-sentences .sentence-item.current{background:#f8f3e7;border-radius:10px}.sentence-heading{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.practice-sentences .sentence-no{color:var(--navy);font-weight:600}.sentence-current{color:#765018;background:#f7e4b4;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px}.sentence-reading{width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;padding:4px 0;display:block}.sentence-reading:hover:not(:disabled){color:var(--navy)}.sentence-reading:disabled{cursor:default}.practice-sentences .sentence-text{font-size:22px;line-height:1.75;display:block}.practice-sentences .sentence-tools{margin-top:16px}.practice-sentences .sentence-tools .btn{background:0 0}.practice-sentences .sentence-tools .btn-recording{color:#fff;background:var(--danger);border-color:var(--danger)}.practice-sentences .sentence-tools .btn[aria-pressed=true]{color:var(--navy);border-color:var(--navy);background:#fff}.recording-status{margin-top:12px;font-size:13px}.practice-sentences .rec-entry{border-top:1px dashed #c8c4b9;gap:10px;margin-top:16px;padding-top:14px}.practice-sentences .rec-label{color:var(--ink);flex-basis:100%;font-size:12px}.practice-sentences .rec-audio{width:280px;height:44px}.practice-recording-note{border-top:1px solid var(--line);color:var(--muted);background:#faf9f5;border-radius:0 0 16px 16px;padding:18px 28px;font-size:12px}.whole-audio-note{padding:48px 32px 56px}.whole-audio-note>span{color:#736244;font-size:12px}.whole-audio-note h2{color:var(--ink);margin-top:12px;font-family:Songti SC,SimSun,serif;font-size:28px;font-weight:600}.whole-audio-note p{max-width:420px;color:var(--muted);margin-top:16px;font-size:14px;line-height:1.9}.practice-atmosphere{background:#eee9df;border-radius:14px;overflow:hidden}.practice-atmosphere img{object-fit:cover;object-position:60% 50%;width:100%;height:180px}.practice-atmosphere>div{padding:24px}.practice-atmosphere h2{color:#514c41;font-family:Songti SC,SimSun,serif;font-size:23px;font-weight:600}.practice-atmosphere p{color:#696359;margin-top:12px;font-size:12px;line-height:1.9}.practice-tips{padding:0 8px}.practice-tips h2{color:var(--ink);font-size:14px;font-weight:650}.practice-tips ol{gap:18px;margin-top:20px;display:grid}.practice-tips li{color:var(--muted);gap:4px;font-size:12px;display:grid}.practice-tips li strong{color:#5d574d;font-size:13px}.practice-tips>p{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:18px;font-size:12px}.practice-loading h1{font-family:Songti SC,SimSun,serif;font-size:30px;font-weight:600}@media (width<=1000px){.practice-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.practice-player{padding:20px}.practice-sentences{padding:24px 20px}.practice-atmosphere>div{padding:20px}}@media (width<=760px){.practice-heading h1{font-size:28px}.practice-layout{grid-template-columns:minmax(0,1fr)}.practice-aside{display:none}.practice-player{padding:20px 16px 16px;top:0}.practice-player-actions{gap:8px}.practice-player-actions .btn{flex:1;padding:10px 8px;font-size:13px}.practice-player-actions .practice-play{min-width:112px}.practice-sentences{padding:24px 12px}.practice-list-heading{padding:0 4px}.practice-list-heading h2{font-size:19px}.practice-sentences .sentence-item{padding:20px 12px}.practice-sentences .sentence-text{font-size:20px}.practice-sentences .rec-audio{width:100%}.practice-recording-note{padding:18px 20px}.whole-audio-note{padding:36px 24px 40px}.whole-audio-note h2{font-size:24px}}.practice-page{--practice-ink:#172033;--practice-muted:#5f6875;--practice-line:#e3e7ef;--practice-paper:#fffdf8;--practice-navy:#1d347c;--practice-navy-deep:#14265f;--practice-gold:#f2b52b;--practice-gold-soft:#fff4cf;--practice-blue-soft:#edf2ff;color:var(--practice-ink);max-width:1220px;margin:0 auto;padding:30px 24px 64px}.practice-page *,.practice-page :before,.practice-page :after{box-sizing:border-box}.practice-heading-focus{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.practice-heading-focus h1{color:var(--practice-ink);letter-spacing:-.04em;margin:5px 0 8px}.practice-heading-focus>div:first-child>p:last-child{max-width:620px;color:var(--practice-muted);margin:0;font-size:15px}.practice-kicker{color:var(--practice-navy);margin:0;font-size:13px;font-weight:800}.practice-kicker span{color:var(--practice-gold);padding:0 5px}.practice-mode-switch{border:1px solid var(--practice-line);background:#f7f8fb;border-radius:14px;flex-wrap:wrap;gap:8px;padding:5px;display:flex}.practice-mode-switch button,.practice-speed button,.text-button{color:var(--practice-muted);cursor:pointer;font:inherit;background:0 0;border:0}.practice-mode-switch button{border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700}.practice-mode-switch button.is-active{background:var(--practice-navy);color:#fff}.practice-mode-switch button:disabled,.practice-speed button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.45}.practice-layout-focus{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:22px;display:grid}.practice-side{align-content:start;gap:14px;min-width:0;display:grid}.practice-side .practice-sentences{margin-top:0}.practice-side .sentence-list{overscroll-behavior:contain;max-height:calc(100vh - 260px);padding-right:4px;overflow-y:auto}.practice-layout-focus .practice-aside{grid-column:1/-1}.practice-focus-sheet{min-width:0;box-shadow:none!important;background:0 0!important;border:0!important}.original-audio{display:none}.practice-current-card{background:var(--practice-paper);border:1px solid #e2e7f0;border-radius:24px;padding:24px 26px 26px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1a2d6214}.practice-current-card:after{content:"";background:var(--practice-gold-soft);pointer-events:none;border-radius:50%;width:170px;height:170px;position:absolute;top:-84px;right:-68px}.practice-current-meta{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.practice-step-badge{background:var(--practice-blue-soft);min-height:28px;color:var(--practice-navy);border-radius:99px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.practice-current-state{color:var(--practice-muted);font-size:12px}.practice-current-label{color:var(--practice-muted);letter-spacing:.1em;text-transform:uppercase;margin:25px 0 8px;font-size:12px;font-weight:800}.practice-current-text{z-index:1;max-width:760px;min-height:58px;color:var(--practice-ink);letter-spacing:-.025em;margin:0;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.25;position:relative}.practice-range-label{z-index:1;color:var(--practice-muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:20px 0 0;font-size:13px;display:flex;position:relative}.practice-range-label span{background:var(--practice-gold-soft);color:#936a00;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:800}.practice-player{border:1px solid var(--practice-line);background:#fff;border-radius:20px;margin-top:14px;padding:22px 24px 20px;position:relative}.practice-player-labels{justify-content:space-between;align-items:center;gap:16px;display:flex}.practice-player-labels p{align-items:baseline;gap:10px;margin:0;display:flex}.practice-player-labels strong{color:var(--practice-navy);font-size:14px}.practice-player-labels p span{color:var(--practice-muted);font-size:13px}.practice-player-time{color:var(--practice-muted);font-variant-numeric:tabular-nums;font-size:12px}.practice-seek-area{margin-top:17px}.practice-seek-label{color:var(--practice-muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.practice-seek-label label{color:var(--practice-ink);font-weight:700}.practice-seek{width:100%;height:8px;accent-color:var(--practice-gold);cursor:pointer;border-radius:10px;margin:0;display:block}.practice-seek:disabled{cursor:not-allowed;opacity:.48}.range-editor{background:#fffaf0;border:1px solid #f0dfaa;border-radius:15px;margin-top:17px;padding:15px}.range-editor-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.range-editor-head div{gap:2px;display:grid}.range-editor-head strong{color:#7b5900;font-size:13px}.range-editor-head span{color:#8d7b48;font-size:12px}.text-button{color:var(--practice-navy);font-size:12px;font-weight:800}.range-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.range-points label{color:var(--practice-ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.range-points input{width:100%;min-width:0;accent-color:var(--practice-navy)}.range-points output{color:var(--practice-muted);font-variant-numeric:tabular-nums;font-size:12px}.range-actions{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.practice-speed{color:var(--practice-muted);border-top:1px solid #edf0f5;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;padding-top:15px;font-size:12px;display:flex}.practice-speed>span{color:var(--practice-ink);margin-right:2px;font-weight:800}.practice-speed button{border:1px solid var(--practice-line);background:#fff;border-radius:8px;min-width:45px;padding:7px 8px;font-size:12px}.practice-speed button.is-selected{border-color:var(--practice-navy);background:var(--practice-navy);color:#fff}.practice-speed small{color:var(--practice-muted);margin-left:auto;font-size:12px}.playback-status{color:var(--practice-muted);margin:12px 0 0;font-size:12px}.practice-player-hint{color:var(--practice-muted);margin:15px 0 0;font-size:13px;line-height:1.6}.practice-recording-card{background:#f7f9fd;border:1px solid #dfe6f2;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:15px 17px;display:grid}.practice-recording-card>div{gap:5px;min-width:0;display:grid}.practice-recording-card strong{color:var(--practice-ink);font-variant-numeric:tabular-nums;font-size:13px}.practice-recording-card p{color:#9a5b00;margin:0;font-size:12px;line-height:1.5}.practice-recording-card.is-mismatch{background:#fffaf0;border-color:#f0d6a1}.rec-label{color:var(--practice-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.rec-audio{width:min(100%,260px);height:34px}.recording-status{color:#795a0e;background:#fff6dd;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.recognition-status{background:var(--practice-blue-soft);color:var(--practice-navy);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.recognition-result{background:#f7f9ff;border:1px solid #d8e0f1;border-radius:13px;margin-top:12px;padding:13px 15px}.recognition-result>span{color:var(--practice-muted);font-size:12px;font-weight:800}.recognition-result p{color:var(--practice-ink);margin:6px 0 0;font-size:15px;line-height:1.5}.recognition-diff{border-top:1px dashed #d8e0f1;margin-top:12px;padding-top:10px}.recognition-diff>span{display:block}.recognition-tokens{font-size:15px;line-height:1.9}.recognition-token-substitution{color:#b13b42;text-underline-offset:3px;-webkit-text-decoration:underline wavy #b13b428c;text-decoration:underline wavy #b13b428c}.recognition-actual{color:#b13b42;margin-left:4px;font-size:12px;text-decoration:none}.recognition-token-missing{color:#8992a6;text-decoration:line-through;text-decoration-thickness:1px}.recognition-token-extra{color:#9a5b00;background:#fff0d8;border-radius:6px;padding:2px 5px;font-size:13px}.recognition-no-compare{color:var(--practice-muted)!important;font-size:12px!important}.recognition-error{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.recognition-error p{margin:0}.practice-sentences{margin-top:24px}.practice-list-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:11px;display:flex}.practice-list-heading h2{letter-spacing:-.02em;margin:0 0 4px;font-size:18px}.practice-list-heading p{color:var(--practice-muted);margin:0;font-size:12px}.practice-list-heading>span{color:var(--practice-muted);font-size:12px}.sentence-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.sentence-item{border:1px solid var(--practice-line);background:#fff;border-radius:14px;padding:13px 15px;transition:border-color .2s,box-shadow .2s,transform .2s}.sentence-item.current{border-color:var(--practice-navy);transform:translateY(-1px);box-shadow:0 8px 20px #1d347c17}.sentence-heading{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sentence-no{color:var(--practice-navy);font-variant-numeric:tabular-nums;font-size:12px;font-weight:900}.sentence-timing{color:var(--practice-muted);font-variant-numeric:tabular-nums;font-size:12px}.sentence-current{background:var(--practice-gold-soft);color:#795a0e;border-radius:99px;margin-left:auto;padding:3px 7px;font-size:12px;font-weight:800}.sentence-reading{width:100%;color:var(--practice-ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:13px;padding:0;display:flex}.sentence-reading:disabled{cursor:not-allowed;opacity:.55}.sentence-text{min-width:0;font-size:15px;line-height:1.55}.sentence-open{color:var(--practice-navy);flex:none;font-size:20px}.sentence-tools{align-items:center;gap:8px;margin-top:10px;display:flex}.sentence-recorded{color:#65805b;font-size:12px;font-weight:800}.whole-audio-note{background:#fffaf0;border:1px dashed #d9c993;border-radius:16px;margin-top:24px;padding:22px}.whole-audio-note>span{color:#9a7500;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.whole-audio-note h2{margin:9px 0 6px;font-size:19px}.whole-audio-note p{max-width:600px;color:var(--practice-muted);margin:0;font-size:13px;line-height:1.6}.whole-audio-note .btn{margin-top:14px}.practice-recording-note{color:var(--practice-muted);margin:20px 0 0;font-size:12px;line-height:1.6}.practice-aside{gap:14px;display:grid}.practice-aside-card{border-radius:20px;padding:21px}.practice-aside-steps{background:var(--practice-navy-deep) url(/illustrations/opt/collage-practice.webp) left center / cover;color:#fff;min-height:312px;position:relative;overflow:hidden}.practice-aside-steps:before{content:"";background:linear-gradient(#14265fd6,#14265ff5);position:absolute;inset:0}.practice-aside-steps>*{z-index:1;position:relative}.aside-eyebrow{color:var(--practice-gold);font-size:13px;font-weight:800}.practice-aside-steps h2{color:#fff;letter-spacing:-.02em;margin:0 0 22px;font-size:20px;line-height:1.25}.practice-aside-steps ol{counter-reset:steps;gap:15px;margin:0;padding:0;list-style:none;display:grid}.practice-aside-steps li{counter-increment:steps;grid-template-columns:30px minmax(0,1fr);gap:10px;display:grid}.practice-aside-steps li:before{content:counter(steps);width:25px;height:25px;color:var(--practice-gold);border:1px solid #f2b52bb3;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.practice-aside-steps li strong{color:#fff;font-size:13px;display:block}.practice-aside-steps li span{color:#ffffffb3;grid-column:2;margin-top:3px;font-size:12px;line-height:1.45;display:block}.practice-aside-note{background:#fbfaf6;border:1px solid #e7e4dc}.practice-aside-note h2{color:var(--practice-ink);margin:0;font-size:18px}.practice-aside-note p{color:var(--practice-muted);margin:13px 0 0;font-size:12px;line-height:1.65}.practice-page .btn{border-radius:10px;min-height:38px}.practice-page .btn-small{min-height:32px;padding:6px 10px;font-size:12px}.practice-page .field-msg{margin:12px 0 0;font-size:12px;line-height:1.5}@media (width<=860px){.practice-page{padding:24px 17px 48px}.practice-heading-focus{flex-direction:column;align-items:flex-start;gap:15px}.practice-mode-switch{width:100%}.practice-mode-switch button{flex:1}.practice-layout-focus{grid-template-columns:minmax(0,1fr)}.practice-side{order:-1}.practice-side .sentence-list{max-height:32vh}.practice-aside{order:2;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.practice-page{padding:18px 12px 36px}.practice-heading-focus h1{font-size:30px}.practice-heading-focus>div:first-child>p:last-child{font-size:13px}.practice-current-card{border-radius:18px;padding:19px 17px 21px}.practice-current-text{min-height:74px;font-size:24px}.practice-player{border-radius:16px;padding:17px 14px}.practice-player-labels p{flex-direction:column;align-items:flex-start;gap:3px}.practice-seek-label{flex-direction:column;align-items:flex-start;gap:4px}.range-points{grid-template-columns:minmax(0,1fr)}.range-points label{grid-template-columns:32px minmax(0,1fr) auto}.range-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.range-actions .btn-primary{grid-column:1/-1}.practice-speed small{flex-basis:100%;margin-left:0}.practice-recording-card{grid-template-columns:minmax(0,1fr)}.rec-audio{width:100%}.practice-aside{grid-template-columns:minmax(0,1fr)}.practice-aside-steps{min-height:0}}.sentence-item{position:relative}.sentence-item:before{content:"";background:var(--practice-navy);transform-origin:50%;width:3px;transition:transform var(--dur-fast) var(--ease-soft);pointer-events:none;border-radius:0 3px 3px 0;position:absolute;top:12px;bottom:12px;left:0;transform:scaleY(0)}.sentence-item{transition:border-color .2s, box-shadow .2s, transform .2s, background-color var(--dur-fast) var(--ease-soft)}.sentence-item:hover{background-color:#f7f8fb}.sentence-item:hover:before,.sentence-item:focus-within:before{transform:scaleY(1)}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}@keyframes dot-hop{0%,30%,to{opacity:.45;transform:translateY(0)}15%{opacity:1;transform:translateY(-3px)}}.loading-dots{vertical-align:middle;gap:3px;margin-left:4px;display:inline-flex}.loading-dots i{width:4px;height:4px;animation:dot-hop 1s var(--ease-soft) infinite;background:currentColor;border-radius:50%}.loading-dots i:nth-child(2){animation-delay:.12s}.loading-dots i:nth-child(3){animation-delay:.24s}.ab-panel{border:1px solid var(--practice-line);background:#fbfcff;border-radius:14px;margin-top:18px;padding:14px 16px}.ab-row{align-items:center;gap:8px;min-height:40px;display:flex}.ab-row+.ab-row{margin-top:8px}.ab-badge{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:inline-flex}.ab-badge.is-a{background:var(--practice-navy)}.ab-badge.is-b{background:#a7522d}.ab-set{border:1px solid var(--practice-line);min-height:32px;color:var(--practice-ink);font:inherit;cursor:pointer;background:#fff;border-radius:9px;flex:none;padding:0 12px;font-size:12px;font-weight:800;transition:border-color .16s,background .16s}.ab-set:hover:not(:disabled){border-color:var(--practice-navy);background:var(--practice-blue-soft)}.ab-set:disabled{opacity:.45;cursor:not-allowed}.ab-nudge{border:1px solid var(--practice-line);width:30px;height:30px;color:var(--practice-navy);font:inherit;cursor:pointer;background:#fff;border-radius:50%;flex:none;font-size:15px;font-weight:800;line-height:1;transition:border-color .16s,background .16s,transform .12s}.ab-nudge:hover:not(:disabled){border-color:var(--practice-navy);background:var(--practice-blue-soft)}.ab-nudge:active:not(:disabled){transform:scale(.92)}.ab-nudge:disabled{opacity:.4;cursor:not-allowed}.ab-time{color:var(--practice-navy);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:800}.ab-actions{border-top:1px dashed var(--practice-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;display:grid}.ab-error{color:#a33030;margin:10px 0 0;font-size:12px}.ab-hint{color:var(--practice-muted);margin:10px 0 0;font-size:12px}.practice-wave-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff;border-radius:10px;margin:10px 0 6px;overflow:auto hidden}.practice-wave-scroll::-webkit-scrollbar{display:none}.practice-wave-scroll.is-dragging{overflow-x:hidden}.practice-wave-scroll.is-panning .practice-wave{cursor:grabbing}.practice-wave{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:10px;height:120px;display:block}@media (width<=640px){.practice-wave{height:108px}}.practice-wave-inner{position:relative}.ab-handle{z-index:2;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:#1d347c;border:3px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:transform .12s,box-shadow .12s;display:grid;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 2px 4px #3d4a7847,0 6px 14px #3d4a7838}.ab-handle.is-a{background:#1d347c}.ab-handle.is-b{background:#a7522d}.ab-handle:active{cursor:grabbing;transform:translate(-50%)scale(1.08)}.ab-handle:focus-visible{outline-offset:3px;outline:3px solid #f0c14b}.ab-handle-icon{filter:brightness(0)invert();pointer-events:none;background-image:url(/illustrations/opt/learning-icon-sprite.webp);background-position:0 33.333%;background-repeat:no-repeat;background-size:400% 400%;width:24px;height:24px}.ab-handle-tag{color:#1d347c;pointer-events:none;margin-top:2px;font-size:11px;font-weight:900;line-height:1;position:absolute;top:100%}.ab-handle.is-b .ab-handle-tag{color:#a7522d}@media (width<=640px){.ab-handle{border-width:3px;width:54px;height:54px}.ab-handle-icon{width:26px;height:26px}}.practice-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.action-main{border:1px solid var(--practice-line);min-height:50px;color:var(--practice-ink);font:inherit;cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:800;transition:border-color .16s,background .16s,transform .16s;display:inline-flex;position:relative}.action-main:hover:not(:disabled){border-color:var(--practice-navy);transform:translateY(-1px)}.action-main:disabled{opacity:.45;cursor:not-allowed}.action-main .action-icon{flex:none;font-size:13px}.action-record.is-recording{color:#a33030;background:#fff1f1;border-color:#e5a3a3;animation:1.4s ease-in-out infinite rec-pulse}.sticker.record-sticker{--sticker-size:34px;--sticker-tilt:6deg;pointer-events:none;z-index:2;width:34px;height:auto;position:absolute;top:-16px;right:-10px}@media (width<=640px){.ab-panel{padding:12px}.ab-row{gap:6px}.ab-set{padding:0 9px;font-size:11px}.ab-nudge{width:28px;height:28px}.ab-time{font-size:12px}.practice-actions{gap:7px}.action-main{min-height:46px;padding:0 8px;font-size:13px}.sticker.record-sticker{--sticker-size:26px;width:26px;top:-13px;right:-8px}}.upload-drop{text-align:center;cursor:pointer;background:#fbfcff;border:1.5px dashed #1d347c47;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:96px;padding:18px 16px;transition:border-color .16s,background .16s,transform .16s;display:flex;position:relative}.upload-drop:hover:not(.is-busy){border-color:var(--practice-navy);background:var(--practice-blue-soft,#eef1f8)}.upload-drop:focus-visible{outline:2px solid var(--practice-navy);outline-offset:2px}.upload-drop.is-dragging{border-color:var(--practice-navy);background:var(--practice-blue-soft,#eef1f8);border-style:solid;transform:scale(1.01)}.upload-drop.is-busy{cursor:progress;opacity:.85}.upload-drop-main{color:var(--practice-navy);align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.upload-drop-sub{color:var(--practice-muted,#667085);font-size:12px;line-height:1.5}.upload-spinner{border:2px solid #1d347c33;border-top-color:var(--practice-navy);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}@media (width<=640px){.upload-drop{min-height:84px;padding:14px 12px}.upload-drop-main{font-size:13px}.upload-drop-sub{font-size:11px}}.upload-remove{color:#a52d32;font:inherit;cursor:pointer;background:#fff;border:1px solid #a52d3247;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;transition:background .16s,border-color .16s;position:absolute;top:8px;right:8px}.upload-remove:hover{background:#fdf0f0;border-color:#a52d32}.recognition-strip{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(100%,360px);height:auto;margin:0 auto 10px;display:block}.recording-empty{flex-direction:column;align-items:center;gap:4px;margin:6px 0 2px;display:flex}.recording-empty img{pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(96px,22vw,132px);height:auto}.recording-empty .ab-hint{margin:0}:root{--paper-desk:#f3efe6;--paper-1:#fffdf8;--paper-2:#fdf8ec;--paper-3:#f9f4e8;--paper-note:#fdf0c4;--paper-edge:#7a603429;--shadow-paper-sm:0 1px 1px #5c462214, 0 2px 4px #5c46220f;--shadow-paper-md:0 1px 1px #5c462214, 0 4px 8px #5c462212, 0 12px 24px -8px #5c462224;--shadow-paper-lg:0 2px 2px #5c462214, 0 8px 16px #5c462217, 0 24px 40px -12px #5c462238;--shadow-paper-lift:0 2px 3px #5c46220f, 0 14px 24px #5c46221a, 0 32px 48px -16px #5c46223d;--btn-depth:3px;--btn-depth-color:#0c1747;--tape-gold:#edbd5c8c;--tape-blue:#7e98cc73;--tape-cream:#f0e4c4b3;--tape-width:88px;--tape-height:24px;--tilt-max:3deg;--font-hand:"LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", "Songti SC", "SimSun", serif;--font-serif:"Songti SC", "Noto Serif CJK SC", "SimSun", serif;--ink-hand:#3d4a78;--ease-paper:cubic-bezier(.22, 1.2, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-fast:.16s;--dur-base:.28s;--dur-slow:.52s}.route-home,.route-new,.route-practice,.route-playground{background-repeat:no-repeat}.route-home{background-image:linear-gradient(90deg,#f8f6f1fa 0%,#f8f6f1f0 48%,#f8f6f1a8 100%),url(/illustrations/opt/library-collage.webp);background-position:50%,100% 100%;background-size:auto,min(980px,76vw)}.route-new{background-image:linear-gradient(90deg,#f8f6f1fa 0%,#f8f6f1e6 54%,#f8f6f1a8 100%),url(/illustrations/opt/audio-paper-bg.webp);background-position:50%,100% 0;background-size:auto,min(720px,58vw)}.route-practice{background-image:linear-gradient(90deg,#f8f6f1fa 0%,#f8f6f1f2 52%,#f8f6f1a8 100%),url(/illustrations/opt/practice-collage.webp);background-position:50%,100% 0;background-size:auto,min(900px,70vw)}.route-playground{background-image:linear-gradient(90deg,#f8f6f1fa 0%,#f8f6f1f0 50%,#f8f6f1a3 100%),url(/illustrations/opt/playground-collage.webp);background-position:50%,100% 100%;background-size:auto,min(980px,76vw)}.material-list{gap:30px 22px;padding-top:34px}.material-item{--tilt:0deg;--lift:0px;border:1px solid var(--paper-edge);background-color:var(--paper-1);box-shadow:var(--shadow-paper-md);transform:rotate(var(--tilt)) translateY(var(--lift));transform-origin:50% 0;transition:transform var(--dur-base) var(--ease-paper), box-shadow var(--dur-base) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);background-image:radial-gradient(120% 80% at 0 0,#ffffffb3,#0000 60%),radial-gradient(90% 70% at 100% 100%,#baa06e12,#0000 70%);border-radius:6px 10px 7px 12px;position:relative}.material-item:nth-child(3n+2){background-color:var(--paper-2)}.material-item:nth-child(3n){background-color:var(--paper-3)}.material-item:nth-child(6n+1){--tilt:-2.4deg}.material-item:nth-child(6n+2){--tilt:1.5deg}.material-item:nth-child(6n+3){--tilt:-.9deg}.material-item:nth-child(6n+4){--tilt:2.8deg}.material-item:nth-child(6n+5){--tilt:-1.7deg}.material-item:nth-child(6n){--tilt:1deg}.material-item:before{content:"";z-index:2;top:calc(var(--tape-height) / -2);left:var(--tape-x,50%);width:var(--tape-width);height:var(--tape-height);background:repeating-linear-gradient(90deg, #ffffff2e 0 2px, transparent 2px 6px), var(--tape-color,var(--tape-gold));clip-path:polygon(3% 0,97% 0,100% 18%,96% 36%,100% 55%,97% 76%,100% 100%,3% 100%,0 82%,4% 62%,0 44%,3% 24%,0 6%);transform:translate(-50%, calc(var(--lift) * -1)) rotate(var(--tape-tilt,-4deg));transition:transform var(--dur-base) var(--ease-paper);pointer-events:none;position:absolute;box-shadow:0 1px 2px #5c46221f}.material-item:nth-child(4n+1){--tape-color:var(--tape-gold);--tape-x:34%;--tape-tilt:-5deg}.material-item:nth-child(4n+2){--tape-color:var(--tape-blue);--tape-x:62%;--tape-tilt:3deg}.material-item:nth-child(4n+3){--tape-color:var(--tape-cream);--tape-x:46%;--tape-tilt:-2deg}.material-item:nth-child(4n){--tape-color:var(--tape-gold);--tape-x:56%;--tape-tilt:6deg}.material-item:hover,.material-item:focus-within{--lift:-5px;--tilt-hover:calc(var(--tilt) * .4);transform:rotate(var(--tilt-hover)) translateY(var(--lift));box-shadow:var(--shadow-paper-lift);border-color:#7a603442}.material-arrow{color:var(--ink-hand);transition:transform var(--dur-base) var(--ease-paper)}.material-item:hover .material-arrow,.material-item:focus-within .material-arrow{transform:translate(2px,-2px)}.material-open{border-radius:inherit}@media (width<=440px){.material-item:nth-child(6n+1){--tilt:-1.2deg}.material-item:nth-child(6n+2){--tilt:.8deg}.material-item:nth-child(6n+3){--tilt:-.5deg}.material-item:nth-child(6n+4){--tilt:1.4deg}.material-item:nth-child(6n+5){--tilt:-.9deg}.material-item:nth-child(6n){--tilt:.5deg}.material-list{row-gap:26px}}.folder-panel{border:1px solid var(--paper-edge);background-color:var(--paper-3);box-shadow:var(--shadow-paper-md);background-image:linear-gradient(90deg,#7a60340f 0 22px,#0000 22px),radial-gradient(120% 60% at 100% 0,#fff9,#0000 60%);border-radius:6px 14px 14px 6px;padding-left:30px;position:relative}.folder-panel:before{content:"";background:radial-gradient(circle at 50% 50%, var(--paper-desk) 0 3.5px, #5c462247 3.6px 4.4px, transparent 4.5px) 0 0 / 9px 34px repeat-y;pointer-events:none;width:9px;position:absolute;top:26px;bottom:26px;left:7px}.folder-item{transition:background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), transform var(--dur-base) var(--ease-paper), box-shadow var(--dur-base) var(--ease-soft);border-radius:4px 10px 10px 4px;position:relative}.folder-item:before{content:"";background:var(--tape-gold);opacity:.8;width:3px;transition:opacity var(--dur-fast) var(--ease-soft);border-radius:2px;position:absolute;top:10px;bottom:10px;left:0}.folder-row:nth-child(3n+2) .folder-item:before{background:var(--tape-blue)}.folder-row:nth-child(3n) .folder-item:before{background:#c4785c80}.folder-item:hover:not(:disabled){background:#ffffffb3;transform:translate(3px)}.folder-item.active,.folder-item.active:hover:not(:disabled){background:var(--navy);color:#fff;width:calc(100% + 16px);box-shadow:var(--shadow-paper-md);margin-right:-16px;transform:translate(0)}.folder-item.active:before{opacity:0}.library-note{background:linear-gradient(135deg, transparent calc(100% - 18px), #5c46221a calc(100% - 18px)) , var(--paper-note);box-shadow:var(--shadow-paper-lg);font-family:var(--font-hand);color:#5a4e36;border-top:0;border-radius:2px 2px 14px;margin:30px 2px 6px -10px;padding:22px 18px 18px;font-size:15px;line-height:1.85;position:relative;transform:rotate(-2.2deg)}.library-note p{color:var(--ink-hand);margin-bottom:6px;font-size:18px;font-weight:400}.library-note:before{content:"";background:repeating-linear-gradient(90deg, #fff3 0 2px, transparent 2px 6px), var(--tape-blue);clip-path:polygon(3% 0,97% 0,100% 22%,96% 48%,100% 78%,97% 100%,3% 100%,0 76%,4% 50%,0 24%);pointer-events:none;width:72px;height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(4deg)}@media (width<=760px){.folder-panel{background-image:radial-gradient(120% 60% at 100% 0,#fff9,#0000 60%);padding-left:14px}.folder-panel:before{display:none}.folder-item.active,.folder-item.active:hover:not(:disabled){width:100%;margin-right:0}.library-note{margin:18px 6px 16px;transform:rotate(-1deg)}}.intro-art{overflow:hidden}.intro-art .intro-collage{object-fit:cover;object-position:72% center;width:100%;height:100%;display:block}.library-intro{border:1px solid var(--paper-edge);background-color:var(--paper-3);box-shadow:var(--shadow-paper-md);background-image:radial-gradient(90% 120% at 0 0,#ffffff8c,#0000 60%),radial-gradient(70% 90% at 100% 100%,#baa06e14,#0000 70%)}.intro-mark{display:inline-block;position:relative}.intro-underline{pointer-events:none;width:108%;height:.32em;position:absolute;bottom:-.12em;left:-4%;overflow:visible}.intro-underline path{fill:none;stroke:var(--gold);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.85;stroke-dasharray:1;stroke-dashoffset:0;animation:intro-draw .9s var(--ease-soft) .35s backwards}@keyframes intro-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.intro-annotation{color:var(--ink-hand);font-family:var(--font-hand);transform-origin:0;align-items:center;gap:6px;margin:6px 0 0 5.2em;font-size:19px;line-height:1.4;display:inline-flex;transform:rotate(-4deg)}.intro-annotation:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 18' fill='none' stroke='%233d4a78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 15 C 16 15, 8 11, 4 3'/%3E%3Cpath d='M2.5 8 L 4 3 L 9 4.5'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:26px;height:18px}.intro-art{background:var(--paper-1);min-height:0;box-shadow:var(--shadow-paper-lg);border-radius:3px;margin:22px 26px 24px 4px;padding:8px 8px 12px;overflow:visible;transform:rotate(1.2deg)}.intro-art .intro-collage{clip-path:polygon(0 0,100% 0,100% 97%,94% 99%,88% 96.5%,81% 98.5%,73% 96%,66% 99%,58% 96.5%,50% 98.5%,42% 96%,34% 99%,27% 96.5%,19% 98.5%,12% 96%,6% 98.5%,0 96.5%);border-radius:1px}.intro-art:before,.intro-art:after{content:"";z-index:2;background:repeating-linear-gradient(90deg, #fff3 0 2px, transparent 2px 6px), var(--tape-gold);clip-path:polygon(3% 0,97% 0,100% 22%,96% 48%,100% 78%,97% 100%,3% 100%,0 76%,4% 50%,0 24%);pointer-events:none;width:92px;height:26px;position:absolute;inset:auto;box-shadow:0 1px 2px #5c46221f}.intro-art:before{top:-10px;left:-26px;transform:rotate(-32deg)}.intro-art:after{background:repeating-linear-gradient(90deg, #fff3 0 2px, transparent 2px 6px), var(--tape-blue);bottom:-6px;right:-20px;transform:rotate(-28deg)}.intro-art img{width:calc(100% - 16px);height:calc(100% - 20px);inset:8px 8px 12px}@media (width<=1000px){.intro-annotation{margin-left:3.6em;font-size:17px}.intro-art{margin:18px 18px 20px 0}}@media (width<=440px){.intro-annotation{margin:4px 0 2px .3em;font-size:16px}.intro-art{min-height:150px;margin:8px 20px 22px;transform:rotate(.8deg)}.intro-art:before{width:70px;height:22px;left:-14px}.intro-art:after{width:70px;height:22px;right:-14px}}.sticker-icon{background-color:#0000;background-image:url(/illustrations/opt/learning-icon-sprite.webp);background-repeat:no-repeat;background-size:400% 400%;flex:none;width:44px;height:44px;font-size:0;display:inline-block}.sticker-icon-book{background-position:0 0}.sticker-icon-folder{background-position:33.333% 0}.sticker-icon-headphones{background-position:66.666% 0}.sticker-icon-mic{background-position:100% 0}.sticker-icon-play{background-position:0 33.333%}.sticker-icon-pause{background-position:33.333% 33.333%}.sticker-icon-record{background-position:66.666% 33.333%}.sticker-icon-waveform{background-position:100% 33.333%}.sticker-icon-upload{background-position:0 66.666%}.sticker-icon-pencil{background-position:33.333% 66.666%}.sticker-icon-note{background-position:66.666% 66.666%}.sticker-icon-key{background-position:100% 66.666%}.sticker-icon-door{background-position:0 100%}.sticker-icon-maze{background-position:33.333% 100%}.sticker-icon-star{background-position:66.666% 100%}.sticker-icon-back{background-position:100% 100%}.material-toolbar-title{align-items:center;gap:10px;min-width:0;display:flex}.material-toolbar-title .sticker-icon{width:38px;height:38px}.empty-inline .state-symbol{background-color:#0000;border-radius:0;width:58px;height:58px;margin-bottom:18px}.state-symbol.sticker-icon{background-color:#0000;border-radius:0;padding:0;font-size:0;display:inline-block}.state-error .state-symbol.sticker-icon{background-color:#0000}.practice-loading .state-symbol{margin:0 0 16px}.btn .sticker-icon{width:24px;height:24px;margin:-3px -2px -3px 0}.btn-small .sticker-icon{width:20px;height:20px;margin:-2px -1px -2px 0}.escape-loading-mark{width:58px;height:58px;margin-bottom:9px;display:block}.escape-error-mark.sticker-icon{color:#0000;background-color:#0000;border-radius:0;width:52px;height:52px;font-size:0}.escape-actions .btn-primary:before,.escape-room-actions .btn-primary:before{content:"";background:url(/illustrations/opt/learning-icon-sprite.webp) 0 100%/400% 400% no-repeat;width:22px;height:22px}.escape-actions .btn:not(.btn-primary):before,.escape-room-actions .btn:not(.btn-primary):before{content:"";background:url(/illustrations/opt/learning-icon-sprite.webp) 100% 66.666%/400% 400% no-repeat;width:22px;height:22px}.preparation-note>img{object-fit:contain;object-position:center;background:#eee9df;height:220px;padding:14px}.practice-aside-steps{background-image:url(/illustrations/opt/practice-collage.webp);background-position:68%}.practice-current-card:before{content:"";z-index:0;opacity:.1;pointer-events:none;background:url(/illustrations/opt/headphones-player-cutout.webp) 50%/contain no-repeat;width:150px;height:112px;position:absolute;bottom:8px;right:18px}.practice-current-card>*{z-index:1;position:relative}.practice-aside-note{position:relative;overflow:hidden}.practice-aside-note:before{content:"";opacity:.45;pointer-events:none;background:url(/illustrations/opt/learning-icon-sprite.webp) 66.666% 66.666%/400% 400% no-repeat;width:82px;height:82px;position:absolute;bottom:-12px;right:-9px}.practice-aside-note>*{z-index:1;position:relative}.practice-aside-steps:before{background:linear-gradient(#14265f9e,#14265fd6)}.escape-hero .escape-kicker{color:#9a6e00}@media (width<=700px){.route-home,.route-new,.route-practice,.route-playground{background-size:auto,720px}.intro-art .intro-collage{object-position:72% center}.escape-hero:before{background:linear-gradient(90deg,#14265f1f 0%,#fffdf88a 58%,#fffdf8e0 100%)}}@media (width<=760px){.route-home,.route-new,.route-practice,.route-playground{background-position:50%,right 150px;background-size:auto,560px}.practice-current-card:before{opacity:.08;width:112px;height:84px;bottom:5px;right:8px}}.btn{--btn-d:var(--btn-depth);--btn-dc:#d3c4a3;box-shadow:inset 0 1px 0 #ffffffe6, 0 var(--btn-d) 0 var(--btn-dc), 0 calc(var(--btn-d) + 2px) 6px #5c46222e;transition:transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft), background-color .15s, border-color .15s, color .15s;background:linear-gradient(#fffefa 0%,#f6efdf 100%);border-color:#7a60344d;position:relative;transform:translateY(0)}.btn:hover:not(:disabled){--btn-d:calc(var(--btn-depth) + 1px);background:linear-gradient(#fff 0%,#f9f3e6 100%);border-color:#192c7473;transform:translateY(-1px)}.btn:active:not(:disabled){--btn-d:0px;transform:translateY(var(--btn-depth));transition-duration:60ms}.btn-primary{--btn-dc:var(--btn-depth-color);background:linear-gradient(180deg, #2c4398 0%, var(--navy) 100%);box-shadow:inset 0 1px 0 #fff3, 0 var(--btn-d) 0 var(--btn-dc), 0 calc(var(--btn-d) + 3px) 10px #0c174747;border-color:#12235f;overflow:hidden}.btn-primary:hover:not(:disabled){background:linear-gradient(#3149a3 0%,#1d3180 100%);border-color:#12235f}.btn-primary:after{content:"";transition:transform .65s var(--ease-soft);pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff3d 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:not(:disabled):after,.btn-primary:focus-visible:after{transform:translate(120%)}.btn-ghost,.folder-actions .btn{--btn-d:0px;box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled),.folder-actions .btn:hover:not(:disabled){--btn-d:2px;background:var(--paper-1);box-shadow:0 var(--btn-d) 0 var(--btn-dc), 0 4px 8px #5c46221f;border-color:#7a603438}.btn-danger{--btn-dc:#d6a3a6;background:linear-gradient(#fffaf9 0%,#fbecea 100%);border-color:#d9b3b5}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:linear-gradient(#fffdfc 0%,#fdf0ee 100%)}.btn-recording,.btn-recording:hover:not(:disabled){--btn-dc:#7a1c22;color:#fff;background:linear-gradient(180deg, #d0464d 0%, var(--danger) 100%);border-color:#8e2329}.btn:disabled,.btn-primary:disabled{--btn-d:0px;cursor:not-allowed;background:var(--paper-3);color:#8a8270;border-color:#7a60342e;transform:none;box-shadow:inset 0 1px 3px #5c46221f}.nav-btn{transition:transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft), background-color .15s, color .15s}.nav-btn:hover:not(.active){background:var(--paper-1);transform:translateY(-1px);box-shadow:0 2px #ddd0b4,0 4px 8px #5c46221a}.nav-btn.active{background:linear-gradient(180deg, #2c4398 0%, var(--navy) 100%);box-shadow:inset 0 1px 0 #fff3, 0 3px 0 var(--btn-depth-color), 0 6px 12px #0c174738}.nav-btn:active{box-shadow:none;transform:translateY(2px)}.material-page-button,.material-page-number{transition:transform var(--dur-fast) var(--ease-paper), box-shadow var(--dur-fast) var(--ease-soft), background-color .15s, border-color .15s;background:linear-gradient(#fffefa 0%,#f6efdf 100%);border-color:#7a603442;box-shadow:0 2px #d8caa9,0 4px 6px #5c46221f}.material-page-button:hover:not(:disabled),.material-page-number:hover:not(.active){background:linear-gradient(#fff 0%,#f9f3e6 100%);border-color:#192c7466;transform:translateY(-2px)rotate(-1.5deg);box-shadow:0 3px #d8caa9,0 6px 10px #5c462224}.material-page-button:active:not(:disabled),.material-page-number:active{transition-duration:60ms;transform:translateY(2px);box-shadow:0 0 #d8caa9}.material-page-number.active{border-color:var(--navy);background:var(--navy);box-shadow:inset 0 0 0 3px var(--navy), inset 0 0 0 4px #ffffff8c, 0 3px 0 var(--btn-depth-color), 0 6px 10px #0c174738;transform:rotate(-4deg)}.material-page-button:disabled{box-shadow:none;background:var(--paper-3)}.material-panel{border:1px solid var(--paper-edge);background-color:var(--paper-desk);box-shadow:var(--shadow-paper-md);background-image:radial-gradient(130% 70% at 100% 0,#ffffff8c,#0000 60%),radial-gradient(90% 60% at 0 100%,#baa06e0f,#0000 70%);position:relative}.material-toolbar,.material-panel>.filter-chip{border-bottom:1px solid var(--paper-edge)}.material-list{counter-reset:material-counter}.material-item{counter-increment:material-counter;position:relative}.material-open{position:relative}.material-open:before{content:"No." counter(material-counter, decimal-leading-zero);z-index:3;background:var(--navy);color:#fff;font-family:var(--font-hand);letter-spacing:.3px;box-shadow:var(--shadow-paper-sm);pointer-events:none;border-radius:3px;padding:3px 8px 2px;font-size:12px;line-height:1.3;position:absolute;top:-9px;left:12px;transform:rotate(-3.5deg)}.material-item:after{content:"";z-index:1;opacity:.32;pointer-events:none;background-image:url(/illustrations/opt/learning-icon-sprite.webp);background-repeat:no-repeat;background-size:400% 400%;width:20px;height:20px;position:absolute;top:10px;right:12px}.material-item:nth-child(5n+1):after{background-position:0 0;transform:rotate(-6deg)}.material-item:nth-child(5n+2):after{background-position:66.666% 0;transform:rotate(5deg)}.material-item:nth-child(5n+3):after{background-position:33.333% 66.666%;transform:rotate(-4deg)}.material-item:nth-child(5n+4):after{background-position:66.666% 100%;transform:rotate(8deg)}.material-item:nth-child(5n):after{background-position:66.666% 66.666%;transform:rotate(-7deg)}.material-open:after{content:"";z-index:1;pointer-events:none;border-top:0 solid #0000;border-bottom:18px solid #5c462229;border-left:18px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:2px;right:2px}.material-item:hover .material-open:after,.material-item:focus-within .material-open:after{border-width:0 0 22px 22px}.library-footnote{background:var(--paper-1);border:1px solid var(--paper-edge);width:fit-content;box-shadow:var(--shadow-paper-sm);font-family:var(--font-hand);color:#4a4335;border-radius:4px;flex-direction:column;gap:4px;margin:28px auto 8px;padding:14px 22px 16px;font-size:15px;display:flex;position:relative;transform:rotate(-1deg)}.library-footnote:before{content:"";background:var(--tape-gold);pointer-events:none;width:46px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 2px #5c46221f}.library-footnote span:first-child{color:var(--navy);font-weight:600}@media (width<=760px){.library-footnote{margin:20px auto 8px;padding:12px 18px 14px;font-size:13px;transform:rotate(-.5deg)}}@keyframes rise-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.intro-kicker,.library-intro h1,.intro-annotation,.intro-description,.intro-art{animation:rise-in .36s var(--ease-paper) backwards}.library-intro h1{animation-delay:80ms}.intro-annotation{animation-delay:.16s}.intro-description{animation-delay:.24s}.intro-art{animation-delay:.32s}.material-item:nth-child(-n+12){animation:rise-in var(--dur-base) var(--ease-paper) backwards}.material-item:nth-child(2){animation-delay:40ms}.material-item:nth-child(3){animation-delay:80ms}.material-item:nth-child(4){animation-delay:.12s}.material-item:nth-child(5){animation-delay:.16s}.material-item:nth-child(6){animation-delay:.2s}.material-item:nth-child(7){animation-delay:.24s}.material-item:nth-child(8){animation-delay:.28s}.material-item:nth-child(9){animation-delay:.32s}.material-item:nth-child(10){animation-delay:.36s}.material-item:nth-child(11){animation-delay:.4s}.material-item:nth-child(12){animation-delay:.44s}@keyframes page-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.page-transition{animation:page-in var(--dur-base) var(--ease-soft) backwards}.sticker{--sticker-size:96px;--sticker-tilt:-4deg;--sticker-shadow:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff);width:var(--sticker-size);max-width:100%;height:auto;rotate:var(--sticker-tilt);filter:var(--sticker-shadow) drop-shadow(0 6px 10px #3d4a782e);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:rotate var(--dur-base) var(--ease-paper), scale var(--dur-base) var(--ease-paper), filter var(--dur-base) var(--ease-soft);display:block}@media (hover:hover){.sticker:hover{filter:var(--sticker-shadow) drop-shadow(0 10px 18px #3d4a7842);rotate:0deg;scale:1.06}}.intro-art .intro-sticker{--sticker-size:120px;--sticker-tilt:-6deg;z-index:3;width:var(--sticker-size);height:auto;position:absolute;inset:auto auto -18px -30px}@media (width<=1000px){.intro-art .intro-sticker{--sticker-size:104px;inset:auto auto -14px -22px}}@media (width<=440px){.intro-art .intro-sticker{--sticker-size:84px;inset:auto auto -14px -12px}}.material-panel>.material-sticker{--sticker-size:64px;--sticker-tilt:4deg;z-index:4;pointer-events:none;position:absolute;top:-22px;left:-18px}.practice-record-action>.record-sticker{--sticker-size:46px;--sticker-tilt:-3deg;z-index:2;pointer-events:none;position:absolute;top:-16px;right:-6px}.empty-inline>.empty-sticker{--sticker-size:128px;--sticker-tilt:3deg;margin:0 auto 6px}@media (width<=560px){.practice-record-action>.record-sticker{--sticker-size:38px;top:-10px;right:-4px}}@media (width<=440px){.material-panel>.material-sticker{--sticker-size:52px;top:-16px;left:-8px}.empty-inline>.empty-sticker{--sticker-size:104px}}.playground-entry{color:#eef2ff;background:radial-gradient(120% 130% at 86% 8%,#7aa2ff3d 0%,#0000 58%),linear-gradient(135deg,#18254f 0%,#0c142c 100%);border-radius:20px;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:20px;margin:26px 0;padding:30px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 48px -22px #0c142cad,inset 0 0 0 1px #bed2ff1a}.playground-entry:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 14% 28%,#fffc 0 1px,#0000 2px),radial-gradient(circle at 46% 72%,#c8dcffb3 0 1px,#0000 2px),radial-gradient(circle at 72% 22%,#fff9 0 1px,#0000 2px),radial-gradient(circle at 92% 62%,#c8dcff8c 0 1px,#0000 2px);position:absolute;inset:0}.playground-entry-copy{z-index:1;position:relative}.playground-entry-kicker{color:#8fa8e8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.playground-entry h2{color:#fff;letter-spacing:.01em;margin:0 0 10px;font-size:clamp(24px,3vw,30px);font-weight:900}.playground-entry p{color:#b8c5e8;max-width:34em;margin:0;font-size:13px;line-height:1.7}.playground-entry-button{color:#16224a;transition:transform var(--dur-fast,.16s) var(--ease-paper,ease-out), box-shadow var(--dur-fast,.16s) ease;background:#f3efe6;border-radius:999px;align-items:center;gap:7px;margin-top:18px;padding:11px 22px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px -6px #00000080}.playground-entry-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px #0000008c}.playground-entry-button:active{transform:translateY(0)}.playground-entry-art{z-index:1;height:132px;position:relative}.entry-trail{filter:blur(.4px);background:linear-gradient(#ffaa7800 0%,#ff9660bf 100%);border-radius:999px;width:3px;height:56px;margin-left:-1px;position:absolute;top:6px;left:50%}.entry-meteor{color:#fff5ec;white-space:nowrap;background:#a7522d;border-radius:46% 54% 58% 42%/52% 44% 56% 48%;padding:9px 16px;font-size:12px;font-weight:800;display:inline-block;position:absolute;top:54px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 8px 18px -6px #0000008c,inset 0 1px #ffffff2e}.entry-option{color:#1d347c;letter-spacing:.01em;background:#fffdf8;border-radius:10px;padding:8px 18px;font-size:12px;font-weight:800;position:absolute;bottom:4px;left:50%;transform:translate(-50%)rotate(1.5deg);box-shadow:0 6px 14px -6px #00000073}.entry-star{opacity:.8;background:#dbe6ff;border-radius:50%;width:3px;height:3px;position:absolute}.entry-star:first-of-type{top:18px;left:18%}.entry-star:nth-of-type(2){opacity:.6;width:2px;height:2px;top:46px;right:12%}.entry-star:nth-of-type(3){opacity:.5;width:2px;height:2px;bottom:30px;left:10%}@media (width<=820px){.playground-entry{grid-template-columns:minmax(0,1fr);padding:24px 22px}.playground-entry-art{display:none}}.material-item{position:relative}.material-delete{z-index:2;color:#a52d32;font:inherit;cursor:pointer;opacity:.55;background:#fffdf8eb;border:1px solid #a52d3238;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;line-height:1.4;transition:opacity .16s,background .16s,border-color .16s;position:absolute;top:8px;right:8px}.material-item:hover .material-delete{opacity:1}.material-delete:hover,.material-delete:focus-visible{opacity:1;background:#fdf0f0;border-color:#a52d32}.material-delete.is-confirming{opacity:1;color:#fff;background:#a52d32;border-color:#a52d32}.material-delete:disabled{cursor:progress;opacity:.6}@media (width<=640px){.material-delete{opacity:1;padding:3px 8px;font-size:10px}}.playground-hero{background-color:var(--paper-desk,#f3efe6);background-image:linear-gradient(#f3efe6d1 0%,#f3efe6e6 100%),url(/illustrations/opt/read-aloud-challenge-hero.png);background-position:50%,50% 40%;background-repeat:no-repeat;background-size:auto,cover;min-height:calc(100vh - 88px);position:relative}@media (width<=820px){.playground-hero{background-image:linear-gradient(#f3efe6db 0%,#f3efe6ed 100%),url(/illustrations/opt/read-aloud-challenge-hero.png);background-position:50%,50% 38%}}.intro-art .hero-deco-sticker{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 14px #5c462242);width:clamp(180px,15vw,220px);max-width:none;height:auto;position:absolute;inset:-6px auto auto -72px}@media (width<=760px){.intro-art .hero-deco-sticker{width:clamp(120px,18vw,150px);top:0}}@media (width<=440px){.intro-art .hero-deco-sticker{display:none}}