.sr.ws{--en:#b5541c;--en-soft:#fbeadf;--note:#fff1a8;min-height:100dvh;padding:12px 16px calc(96px + env(safe-area-inset-bottom))}.sr.ws .ws-wrap{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.sr.ws .ws-top{display:flex;align-items:center;gap:10px}.sr.ws .ws-back{border:0;background:var(--paper);border-radius:999px;padding:8px 14px;font-size:16px}.sr.ws .ws-title{flex:1;min-width:0;font-family:var(--display);font-size:20px;color:var(--en);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr.ws .ws-count{font-size:15px;color:var(--muted);white-space:nowrap}.sr.ws .ws-voice{background:var(--note);border-radius:12px;padding:10px 14px;font-size:15px}.sr.ws .ws-empty{text-align:center;color:var(--muted)}.sr.ws .ws-card,.sr.ws .ws-done,.sr.ws .ws-q{background:var(--paper);border-radius:22px;padding:22px 18px;box-shadow:0 2px 0 var(--line);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sr.ws .ws-mean{font-family:var(--display);font-size:clamp(20px,5vw,26px);line-height:1.25;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}.sr.ws .ws-mean.big{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:min(240px,70vw);max-width:100%;box-sizing:border-box;padding:14px 26px 18px;border-radius:6px 20px 20px 20px;background:var(--note);box-shadow:0 2px 6px rgba(0,0,0,.08);font-size:clamp(34px,9vw,52px);transform:rotate(-.6deg)}.sr.ws .ws-mean.big small{font-family:var(--body);font-size:14px;color:#6b5b00;letter-spacing:1px}.sr.ws .ws-meanline{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--display);font-size:clamp(24px,6vw,30px);color:var(--ink)}.sr.ws .ws-meanline small{font-family:var(--body);font-size:13px;color:#6b5b00;background:var(--note);border-radius:99px;padding:1px 8px}.sr.ws .ws-optword{font-family:Andika,Comic Sans MS,Segoe UI,system-ui,sans-serif;font-size:clamp(22px,5.5vw,30px);color:var(--ink)}.sr.ws .ws-opts.pics .ws-mean{font-size:clamp(19px,4.6vw,24px);color:var(--muted)}.sr.ws .ws-opts.pics .ws-opt{font-weight:400}.sr.ws .ws-btn,.sr.ws .ws-play{display:inline-flex;align-items:center;justify-content:center;gap:6px}.sr.ws .ws-btn svg,.sr.ws .ws-play svg{display:inline-block;flex-shrink:0}.sr.ws .ws-pic{width:64px;height:64px;-o-object-fit:contain;object-fit:contain}.sr.ws .ws-pic.big{width:clamp(120px,30vw,180px);height:auto}.sr.ws .ws-word{font-family:Andika,Comic Sans MS,Segoe UI,system-ui,sans-serif;font-size:clamp(44px,12vw,68px);font-weight:700;letter-spacing:2px;color:var(--ink);display:flex;flex-direction:column;align-items:center;line-height:1.1}.sr.ws .ws-letter{font-size:clamp(64px,18vw,96px);color:var(--en)}.sr.ws .ws-key{font-size:clamp(28px,7vw,40px);font-weight:600}.sr.ws .ws-ko{font-size:18px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:8px}.sr.ws .ws-btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}.sr.ws .ws-btn{border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:12px 10px;font-size:17px;min-height:52px}.sr.ws .ws-btn.main{background:var(--en);border-color:var(--en);color:#fff;font-family:var(--display);font-size:20px}.sr.ws .ws-btn.on{background:var(--note);border-color:#e8d46a}.sr.ws .ws-btn.small{min-height:40px;padding:6px 12px;font-size:16px}.sr.ws .ws-btn:disabled{opacity:.45}.sr.ws .ws-tip{background:var(--note);border-radius:4px 16px 16px 16px;padding:12px 16px;text-align:left;width:100%;transform:rotate(-.6deg);box-shadow:0 2px 6px rgba(0,0,0,.08)}.sr.ws .ws-tip b{font-family:var(--display);font-weight:400;color:var(--en)}.sr.ws .ws-tip p{margin:4px 0 0;font-family:var(--font-pen,"Nanum Pen Script"),"Nanum Pen Script",var(--body);font-size:24px;line-height:1.3}.sr.ws .ws-ex{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--en-soft);border-radius:14px;padding:10px 12px}.sr.ws .ws-ex-en{font-size:22px;font-weight:600}.sr.ws .ws-ex-ko{font-size:16px;color:var(--muted);margin-top:2px}.sr.ws .ws-nav{display:flex;gap:10px}.sr.ws .ws-nav .ws-btn{flex:1}.sr.ws .ws-skip{border:0;background:none;color:var(--muted);text-decoration:underline;font-size:16px;padding:10px}.sr.ws .ws-prompt{font-family:var(--display);font-size:22px;margin:0}.sr.ws .ws-play{border:0;background:var(--en);color:#fff;border-radius:999px;padding:14px 26px;font-size:20px;font-family:var(--display)}.sr.ws .ws-play.small{padding:8px 14px;font-size:18px}.sr.ws .ws-show{display:flex;align-items:center;gap:12px}.sr.ws .ws-sentence{font-size:clamp(24px,6vw,32px);font-weight:600;line-height:1.5}.sr.ws .ws-gap{display:inline-block;min-width:2.6em;border-bottom:3px solid var(--en);margin:0 4px;color:var(--en)}.sr.ws .ws-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.sr.ws .ws-opt{border:3px solid var(--line);background:var(--paper);border-radius:18px;min-height:76px;font-size:clamp(26px,7vw,36px);font-weight:700;padding:8px}.sr.ws .ws-opts.pics .ws-opt{min-height:96px}.sr.ws .ws-opt.sel{border-color:var(--accent)}.sr.ws .ws-opt.ok{border-color:var(--good);background:var(--good-bg)}.sr.ws .ws-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sr.ws .ws-opt.no{border-style:dashed;border-color:#aebbc8;background:#f1f4f7;color:#8795a3}.sr.ws .ws-opt.no .ws-mean,.sr.ws .ws-opt.no .ws-optword,.sr.ws .ws-opt.no .ws-pic{opacity:.55}.sr.ws .ws-tag{font-family:var(--body);font-weight:400;font-size:13px;line-height:1.2;color:var(--muted)}.sr.ws .ws-opt.ok .ws-tag{color:var(--good);font-weight:700}.sr.ws .ws-slots{gap:8px}.sr.ws .ws-slot,.sr.ws .ws-slots{display:flex;justify-content:center}.sr.ws .ws-slot{width:58px;height:68px;border-bottom:4px solid var(--line);font-size:40px;font-weight:700;align-items:center}.sr.ws .ws-slot.filled{border-color:var(--en)}.sr.ws .ws-slot.ok{color:var(--good);border-color:var(--good)}.sr.ws .ws-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sr.ws .ws-lcard{width:64px;height:72px;border-radius:14px;border:3px solid var(--en);background:var(--en-soft);font-size:34px;font-weight:700}.sr.ws .ws-lcard:disabled{opacity:.3}.sr.ws .ws-hint{background:var(--note);border-radius:14px;padding:12px 16px;font-size:18px;width:100%;text-align:left}.sr.ws .ws-good{color:var(--good);font-family:var(--display);font-size:22px}.sr.ws .ws-show-ans{background:var(--accent-soft);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.sr.ws .ws-done h2{font-family:var(--display);font-weight:400;font-size:30px;margin:0;color:var(--en)}.sr.ws .ws-done p{margin:0}.sr.ws .ws-again{width:100%}.sr.ws .ws-again-t{font-family:var(--display);margin-bottom:8px}.sr.ws .ws-again-l{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sr.ws .ws-chip{border:2px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 12px;display:flex;align-items:center;gap:6px;font-size:18px}.sr.ws .ws-chip b{font-weight:700}.sr.ws .ws-chip small,.sr.ws .ws-note{font-size:15px;color:var(--muted)}@media (max-width:600px){.sr.ws .ws-btns{grid-template-columns:repeat(2,minmax(0,1fr))}.sr.ws .ws-nav{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -2px 8px rgba(0,0,0,.06);z-index:5}.sr.ws .ws-opt{min-height:64px}.sr.ws .ws-opts.pics .ws-opt{min-height:84px;padding:6px 4px}.sr.ws .ws-lcard{width:54px;height:62px;font-size:28px}.sr.ws .ws-slot{width:48px;height:58px;font-size:32px}}