.mai-stress-overlay{--primary:#f47743;--secondary:#4e8fc8;--weak:#c9c2bd;position:fixed;inset:0;z-index:151;display:none;overflow:auto;padding:18px;background:radial-gradient(circle at 8% 8%,rgba(255,160,105,.34),transparent 28%),radial-gradient(circle at 92% 10%,rgba(120,178,222,.32),transparent 29%),#fff9f4}.mai-stress-overlay.open{display:block}.mai-stress-shell{width:min(1450px,100%);min-height:calc(100vh - 36px);margin:auto;border:1px solid #ead9cf;border-radius:31px;background:rgba(255,255,255,.98);box-shadow:0 28px 75px rgba(83,56,40,.17);overflow:hidden}.stress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px;border-bottom:1px solid #ebdfd7;background:#fffdf9}.stress-brand{display:flex;align-items:center;gap:12px}.stress-brand>i{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ffe2cf,#ddecfa);color:#d0582e;font:900 30px Lexend,sans-serif;font-style:normal}.stress-brand h2{margin:0;font-size:clamp(25px,3vw,39px)}.stress-brand p{margin:2px 0 0;color:#786c64;font-size:10px;letter-spacing:.05em}.stress-head>div:last-child{display:flex;align-items:center;gap:8px}.stress-save{padding:7px 10px;border-radius:999px;background:#e8f7ec;color:#337147;font-size:8px;font-weight:800}.stress-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 22px;background:#fffaf6}.stress-nav button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid #e8ddd5;border-radius:13px;background:#fff;color:#74675f;font:750 10px Lexend,sans-serif;cursor:pointer}.stress-nav button b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f2ece8;font-size:8px}.stress-nav button.active{border-color:#ef7a4c;background:#fff0e6;color:#b84c25}.stress-nav button.active b{background:#f47743;color:#fff}.stress-main{padding:16px 22px 22px}.stress-view{display:none;animation:stressRise .23s ease}.stress-view.active{display:block}@keyframes stressRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.stress-bridge{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:13px;padding:10px 13px;border:1px solid #e9dfd8;border-radius:15px;background:linear-gradient(90deg,#f5f0f9,#fff5ed)}.stress-bridge span{color:#b6532f;font-size:8px;font-weight:850;letter-spacing:.1em}.stress-bridge b{font-size:9px}.stress-bridge i{color:#bcaea5;font-style:normal}.stress-two-col{display:grid;grid-template-columns:330px minmax(0,1fr);gap:15px}.stress-two-col>aside,.stress-stage,.stress-long-list,.sentence-practice,.focus-practice{border:1px solid #eadfd7;border-radius:23px;background:#fff}.stress-two-col>aside{padding:17px}.stress-panel-title span,.stress-section-head>div>span{color:#d05b31;font-size:8px;font-weight:850;letter-spacing:.11em}.stress-panel-title h3{margin:4px 0 12px;font-size:19px}.stress-filter,.stress-levels{display:flex;gap:6px;flex-wrap:wrap}.stress-filter button,.stress-levels button{padding:8px 10px;border:1px solid #e7dad1;border-radius:999px;background:#fff;color:#75685f;font:750 8px Lexend,sans-serif;cursor:pointer}.stress-filter button.active,.stress-levels button.active{border-color:#f47743;background:#ffe9dc;color:#b84821}.stress-word-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.stress-word-grid button,.stress-long-list button{padding:10px;border:1px solid #e8ddd6;border-radius:11px;background:#fffaf6;color:#544a44;font:700 10px Lexend,sans-serif;cursor:pointer}.stress-word-grid button.active,.stress-long-list button.active{border-color:#f47743;background:#ffe9dc;color:#b84821}.stress-stage{min-height:500px;display:flex;flex-direction:column;justify-content:center;padding:24px;text-align:center}.stress-word-name{font:850 clamp(34px,5vw,66px) Lexend,sans-serif;letter-spacing:.025em}.syllable-guess{display:flex;justify-content:center;gap:8px;margin:15px 0}.syllable-guess button{min-width:70px;padding:13px;border:2px solid #e2d8d1;border-radius:14px;background:#fff;color:#645950;font:800 16px Lexend,sans-serif;cursor:pointer}.syllable-guess button.selected{border-color:#8d73b6;background:#f1eafa}.syllable-guess button.correct{border-color:var(--primary);background:#ffe7da;color:#b9471f}.syllable-guess button.wrong{border-color:#dc5a5a;background:#fff0f0;color:#a63f3f}.stress-wave-slot{min-height:180px;display:grid;place-items:center}.wave-placeholder{width:100%;padding:30px;border:1px dashed #ddd1ca;border-radius:17px;background:#faf8f6;color:#aaa09a;font-size:10px;letter-spacing:.08em}.stress-result{min-height:20px;margin:5px 0;color:#766a62;font-size:10px}.stress-stage-actions{display:flex;justify-content:center;gap:8px}
.stress-wave{width:100%;padding:6px 12px 10px}.stress-wave svg{width:100%;height:115px;overflow:visible}.stress-wave svg line{stroke:#e5ddd8;stroke-width:2;stroke-dasharray:6 7}.stress-wave svg polyline{fill:none;stroke:#524943;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.stress-wave circle{stroke:#fff;stroke-width:5}.stress-wave .level-2{fill:var(--primary);color:#b8451d}.stress-wave .level-1{fill:var(--secondary);color:#316fa7}.stress-wave .level-0{fill:var(--weak);color:#a29993}.stress-wave-labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:3px;margin-top:-2px}.stress-wave-labels span{display:grid;place-items:end center;min-width:0;font-weight:750;text-align:center;overflow-wrap:anywhere}.stress-wave-labels span.level-2{font-size:16px;text-transform:uppercase}.stress-wave-labels span.level-1{font-size:12px}.stress-wave-labels span.level-0{font-size:9px;font-weight:600}.stress-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px;padding:17px 20px;border-radius:20px;background:linear-gradient(135deg,#fff1e7,#eef5fb)}.stress-section-head h3{margin:4px 0 2px;font-size:clamp(22px,2.7vw,34px)}.stress-section-head p{margin:0;color:#786c64;font-size:10px}.stress-legend{display:flex;gap:7px;flex-wrap:wrap}.stress-legend span{padding:7px 9px;border-radius:999px;background:#fff;font-size:8px;font-weight:750}.stress-legend .primary{color:#c14d25}.stress-legend .secondary{color:#3477ae}.stress-legend .weak{color:#948a84}.stress-long-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.stress-long-list{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:7px;padding:14px}.stress-long-list button{font-size:8.5px}
.sentence-practice{position:relative;padding:25px}.sentence-count{position:absolute;right:18px;top:15px;color:#a49389;font-size:8px;font-weight:850}.sentence-click-row{display:flex;align-items:flex-end;justify-content:center;gap:7px;flex-wrap:wrap;min-height:100px;padding:15px}.sentence-click-row button{padding:8px 7px;border:0;border-bottom:3px solid transparent;background:transparent;color:#4c433d;font:750 clamp(16px,2vw,25px) Lexend,sans-serif;cursor:pointer;transition:.16s}.sentence-click-row button:hover,.sentence-click-row button.selected{border-color:#9578bd;background:#f3edfa;border-radius:9px}.sentence-click-row button.correct{border-color:var(--primary);background:#ffe7db;color:#b94720;font-size:clamp(20px,2.45vw,31px)}.sentence-click-row button.weak{color:#aaa19b;font-size:clamp(12px,1.45vw,18px);font-weight:550}.sentence-instruction{text-align:center;color:#786b63;font-size:10px}.sentence-practice .stress-wave{margin:5px auto;max-width:1120px}.schwa-bridge{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:9px;padding:10px;border-radius:14px;background:#f4eff8}.schwa-bridge b{color:#6d5684;font-size:8px;letter-spacing:.08em}.schwa-bridge span{padding:6px 8px;border-radius:999px;background:#fff;color:#6a5d72;font-size:8px;font-weight:750}.sentence-actions{display:flex;justify-content:center;gap:8px;margin-top:14px}.focus-practice{padding:28px}.focus-sentence{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:22px}.focus-sentence button{padding:9px;border:0;border-radius:11px;background:transparent;color:#4e4540;font:750 clamp(22px,3vw,42px) Lexend,sans-serif;cursor:pointer}.focus-sentence button.active{background:#ffe6d8;color:#b7461f;transform:translateY(-7px);font-size:clamp(30px,4vw,55px)}.focus-sentence>span{font-size:35px}.focus-meaning{max-width:650px;margin:15px auto;padding:15px;border-radius:17px;background:#fff3eb;text-align:center}.focus-meaning span{display:block;color:#b0522e;font-size:7px;font-weight:850;letter-spacing:.12em}.focus-meaning b{display:block;margin-top:5px;font-size:13px}.focus-actions{display:flex;align-items:center;justify-content:center;gap:12px}.focus-actions p{color:#81736b;font-size:9px}.stress-footer{position:sticky;bottom:0;padding:11px 20px;border-top:1px solid #e7dcd4;background:rgba(60,76,67,.97);color:#fff;text-align:center;font-size:9px}.mai-stress-shell:fullscreen{width:100%;height:100%;border:0;border-radius:0;overflow:auto}
@media(max-width:950px){.stress-two-col,.stress-long-layout{grid-template-columns:1fr}.stress-stage{min-height:430px}.stress-word-grid{grid-template-columns:repeat(5,1fr)}.stress-long-list{grid-template-columns:repeat(3,1fr)}.stress-nav{grid-template-columns:repeat(4,minmax(130px,1fr));overflow-x:auto}.stress-section-head{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.mai-stress-overlay{padding:0}.mai-stress-shell{min-height:100vh;border-radius:0}.stress-head,.stress-main,.stress-nav{padding-left:13px;padding-right:13px}.stress-head .stress-save,.stress-head .btn{display:none}.stress-brand p{display:none}.stress-bridge{align-items:flex-start;flex-direction:column}.stress-bridge i{transform:rotate(90deg)}.stress-word-grid{grid-template-columns:repeat(2,1fr)}.stress-long-list{grid-template-columns:repeat(2,1fr)}.stress-legend{display:none}.sentence-practice,.focus-practice{padding:15px}.sentence-click-row{gap:3px;padding:11px 2px}.stress-wave{padding-inline:0}.stress-wave-labels span.level-2{font-size:11px}.stress-wave-labels span.level-1{font-size:9px}.stress-wave-labels span.level-0{font-size:7px}.focus-actions{align-items:flex-start;flex-direction:column}}
.stress-stage{min-height:420px;padding:20px 24px}.stress-long-layout .stress-stage{min-height:390px}.stress-word-name{font-size:clamp(32px,4.5vw,60px)}.syllable-guess{margin:10px 0}.syllable-guess button{min-width:66px;padding:11px 13px;font-size:15px}.stress-wave-slot{min-height:140px}.wave-placeholder{padding:20px}.stress-result{min-height:18px;margin:2px 0 5px}@media(max-width:950px){.stress-stage,.stress-long-layout .stress-stage{min-height:380px}}