#sound-lab{padding-top:85px;padding-bottom:80px;color:var(--ink,#183d35)}.sl-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:32px}.sl-heading h2{max-width:600px;margin-bottom:0}.sl-heading .eyebrow{margin-bottom:20px}.sl-intro{max-width:320px;margin:0 0 4px;font-size:15.75px;color:var(--muted,#5b6a60);line-height:1.8}.sl-shell{border:1px solid #c8d0bf;border-radius:22px;overflow:hidden;background:var(--paper,#fffef8)}.sl-top-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}.sl-builder{padding:30px;min-width:0}.sl-builder-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.sl-builder h3,.sl-audio-panel h3,.sl-quiz h3{font-size:28.25px;letter-spacing:-.8px;font-weight:500;line-height:1.3;margin:0}.sl-modes{display:flex;padding:3px;background:#edf0e3;border-radius:100px;gap:3px}.sl-mode{border:0;border-radius:100px;padding:8px 12px;background:transparent;color:var(--ink,#183d35);font-size:12.5px;white-space:nowrap}.sl-mode[aria-pressed=true]{background:var(--ink,#183d35);color:#fffef8}.sl-instruction{font-size:13.5px;line-height:1.8;color:var(--muted,#5b6a60);margin:17px 0 23px}.sl-workspace{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:start}.sl-slot-area{min-width:0}.sl-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sl-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f5ea;border:1.5px dashed #aebea2;border-radius:12px;min-width:0;padding:13px 4px 10px;min-height:143px;color:var(--ink,#183d35);transition:background .15s,transform .15s,border-color .15s}.sl-slot.is-filled{border-style:solid;background:#eef2df;border-color:#bbc9a8}.sl-slot:hover{border-color:var(--ink,#183d35)}.sl-slot.is-ready{outline:3px solid #c8df67;outline-offset:3px}.sl-slot.is-over{background:#d7eb6d;border-color:#183d35;border-style:solid;transform:translateY(-3px)}.sl-slot-name{font-size:10.25px;letter-spacing:.3px;font-weight:700}.sl-slot-glyph{font-family:'Noto Sans KR',sans-serif;font-size:42.75px;line-height:1.5;min-height:57px}.sl-slot-caption{font-size:9px;color:#60705b}.sl-note{font-size:12.5px;line-height:1.8;color:var(--muted,#5b6a60);margin:12px 0}.sl-small-actions{display:flex;gap:15px;flex-wrap:wrap}.sl-text-button{background:transparent;border:0;border-bottom:1px solid #a7b7a1;border-radius:0;padding:3px 0;margin:0;color:var(--ink,#183d35);font-size:11.25px;font-weight:500;line-height:1.5}.sl-text-button:hover{color:#a74730;border-color:#a74730}.sl-preview{min-width:0;text-align:center}.sl-block{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background-color:var(--lime,#d7eb6d);background-image:linear-gradient(90deg,transparent 49.5%,#183d3512 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#183d3512 50%,transparent 50.5%);border:1px solid #bdce65;border-radius:17px;font-family:'Noto Sans KR',sans-serif;font-size:103.5px;font-weight:700;line-height:1;box-sizing:border-box}.sl-block.is-empty{color:#748c42;font-size:78.75px}.sl-formula{font-family:'Noto Sans KR',sans-serif;font-size:13.5px;line-height:1.8;margin:9px -5px 0;overflow-wrap:anywhere}.sl-bank{margin-top:23px;border:1px solid #d4dccb;border-radius:13px;overflow:hidden}.sl-bank-tabs{display:flex;background:#f0f2e7;border-bottom:1px solid #d4dccb}.sl-bank-tab{flex:1;min-width:0;border:0;border-bottom:3px solid transparent;border-radius:0;padding:13px 5px 10px;background:transparent;color:var(--muted,#5b6a60);font-size:11.25px;font-weight:600;line-height:1.5}.sl-bank-tab[aria-selected=true]{border-bottom-color:var(--ink,#183d35);color:var(--ink,#183d35);background:#e6ecd7}.sl-bank-panel{padding:12px 15px 7px;min-height:180px}.sl-bank-panel>.sl-note{margin:0 0 12px;min-height:35px}.sl-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.sl-tile{position:relative;min-width:0;min-height:46px;border:1px solid #c4d0b9;border-radius:8px;padding:4px 1px;background:#fffef8;color:var(--ink,#183d35);font-family:'Noto Sans KR',sans-serif;font-size:30.5px;line-height:1.3;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:background .12s,transform .12s}.sl-tile:active,.sl-tile.is-dragging{cursor:grabbing}.sl-tile:hover{background:#e9f1c8;transform:translateY(-2px)}.sl-tile[aria-pressed=true]{background:var(--ink,#183d35);color:var(--lime,#d7eb6d);border-color:var(--ink,#183d35)}.sl-tile.is-dragging{opacity:.45}.sl-tile.sl-none{font-family:inherit;font-size:11.25px}.sl-bank-count{font-size:10.25px;color:var(--muted,#5b6a60);margin:10px 0}.sl-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}.sl-presets>.sl-note{margin:0 4px 0 0;flex-basis:100%;font-size:11.25px}.sl-preset{min-width:41px;min-height:39px;border:1px solid #c3ceb7;border-radius:100px;background:#fffef8;color:var(--ink,#183d35);padding:3px 10px;font-family:'Noto Sans KR',sans-serif;font-size:24.75px}.sl-preset:hover{background:var(--lime,#d7eb6d)}.sl-audio-panel{padding:32px 27px;border-left:1px solid #d5ddcc;background:#eef1e4;min-width:0}.sl-eyebrow{font-size:10.25px;font-weight:700;letter-spacing:1.5px;line-height:1.6;margin:0 0 14px;color:var(--muted,#5b6a60)}.sl-audio-intro{font-size:13.5px;color:var(--muted,#5b6a60);line-height:1.9;margin:18px 0 22px}.sl-audio-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.sl-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:43px;border:1px solid #afbea0;border-radius:100px;background:#fffef8;color:var(--ink,#183d35);padding:11px 17px;font-size:12.5px;font-weight:600;line-height:1.5;margin:0}.sl-button:hover:not(:disabled){background:#d7eb6d}.sl-button.sl-primary{background:var(--ink,#183d35);border-color:var(--ink,#183d35);color:#fffef8}.sl-button.sl-primary:hover:not(:disabled){background:#2c5d4e}.sl-shell button:disabled{cursor:default;opacity:.45}.sl-audio-actions>.sl-text-button{margin:5px}.sl-audio-settings{display:grid;grid-template-columns:1fr 80px;gap:20px 16px;margin-top:28px}.sl-setting{min-width:0}.sl-setting>label{font-size:11.25px;font-weight:600;display:block;margin-bottom:10px}.sl-range-line{display:flex;gap:10px;align-items:center;min-height:35px}.sl-range{min-width:0;width:100%;accent-color:var(--ink,#183d35);cursor:pointer}.sl-rate-output{font-size:12.5px;min-width:35px;text-align:right;font-variant-numeric:tabular-nums}.sl-select{max-width:100%;width:100%;height:35px;border:1px solid #b7c4aa;border-radius:7px;color:var(--ink,#183d35);background:#fffef8;padding:4px 7px;font-size:12.5px}.sl-auto-label{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:1.6;cursor:pointer}.sl-auto-label input{width:17px;height:17px;accent-color:var(--ink,#183d35);flex-shrink:0;margin:0}.sl-audio-status{font-size:12.5px;line-height:1.8;margin:20px 0 0;color:var(--ink,#183d35)}.sl-audio-status:empty{display:none}.sl-audio-source{font-size:11.25px;line-height:1.9;margin:18px 0 10px;color:#50634b;padding:12px;border:1px solid #c6d1b8;border-radius:9px;background:#f8faee}.sl-context-note{border-top:1px solid #d0d9c4;margin-top:22px;padding-top:18px;font-size:11.25px}.sl-help{margin-top:21px;padding-top:18px;border-top:1px solid #cdd8be}.sl-help>summary{font-size:12.5px;font-weight:600;cursor:pointer;line-height:1.7}.sl-help ul{padding-left:17px;margin-bottom:0;font-size:11.25px;line-height:1.9;color:var(--muted,#5b6a60)}.sl-help li{margin-top:10px}.sl-announcement{font-size:12.5px;line-height:1.8;margin:0;padding:12px 30px;border-top:1px solid #d4ddc8;color:#48623e;background:#f2f5e7}.sl-announcement:empty{display:none}.sl-quiz{border-top:1px solid #d0d9c6;padding:32px 30px}.sl-quiz-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.sl-quiz-heading .sl-eyebrow{margin-bottom:10px}.sl-quiz-heading .sl-note{max-width:550px;margin-bottom:0}.sl-quiz-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;min-height:88px;background:var(--lime,#d7eb6d);border:1px solid #bfce6f;border-radius:12px;padding:10px 14px;text-align:center}.sl-quiz-score strong{font-size:30.5px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}.sl-quiz-score span{font-size:10.25px;margin-top:5px}.sl-quiz-body{position:relative;max-width:760px;margin:auto;text-align:center;border:1px solid #d1dbc5;border-radius:17px;background:#f3f5e9;padding:27px}.sl-quiz-body>.sl-eyebrow{margin-bottom:12px}.sl-quiz-body h4{font-weight:500;letter-spacing:-.5px;font-size:26px;line-height:1.4;margin:0 0 19px}.sl-quiz-audio{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.sl-quiz-body>.sl-note{margin:13px 0 18px;font-size:11.25px}.sl-quiz-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:390px;margin:0 auto}.sl-quiz-choice{width:100%;aspect-ratio:1;min-height:68px;padding:10px;border:1px solid #b7c6a8;background:#fffef8;color:var(--ink,#183d35);border-radius:13px;font-family:'Noto Sans KR',sans-serif;font-size:51.75px;font-weight:500;line-height:1.5}.sl-quiz-choice:hover:not(:disabled){background:var(--lime,#d7eb6d);border-color:#8ca451}.sl-quiz-choice.is-incorrect{background:#f9e2d7;border-color:#ce8d73}.sl-quiz-choice.is-correct,.sl-shell .sl-quiz-choice.is-correct:disabled{opacity:1;background:var(--ink,#183d35);color:var(--lime,#d7eb6d);border-color:var(--ink,#183d35)}.sl-quiz-feedback{font-size:13.5px;line-height:1.8;margin:20px 0 15px;padding:12px;border-radius:9px;text-align:left}.sl-quiz-feedback:empty{display:none}.sl-quiz-feedback.is-correct{background:#e2edcd;color:#28472b;border-left:3px solid #456b32}.sl-quiz-feedback.is-incorrect{background:#f8e7dd;color:#8b3d2a;border-left:3px solid #b36343}.sl-quiz-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-top:19px}.sl-quiz-foot>.sl-note{font-size:10.25px;margin:0;max-width:600px}.sl-quiz-foot>.sl-text-button{flex-shrink:0;font-size:10.25px}.sl-privacy{font-size:11.25px;color:var(--muted,#5b6a60);line-height:1.8;margin:15px 0 0}.sl-drag-ghost{position:fixed;z-index:10000;transform:translate(-50%,-65%);width:64px;height:70px;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#d7eb6d;border:2px solid #183d35;border-radius:12px;box-shadow:0 8px 25px #183d3540;color:#183d35;font-family:'Noto Sans KR',sans-serif;font-size:42.75px;line-height:1;user-select:none}.sl-shell button:focus-visible,.sl-shell input:focus-visible,.sl-shell select:focus-visible,.sl-help summary:focus-visible{outline:3px solid #bd6346;outline-offset:4px}.sl-shell [hidden]{display:none!important}
@media(max-width:1100px){.sl-builder{padding:24px}.sl-audio-panel{padding:27px 23px}.sl-workspace{grid-template-columns:minmax(0,1fr) 125px;gap:14px}.sl-slot{min-height:124px}.sl-slot-glyph{font-size:36px;min-height:48px}.sl-slot-name{font-size:9px}.sl-slot-caption{font-size:8px}.sl-block{font-size:85.5px}.sl-top-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.sl-modes{width:100%;max-width:220px}.sl-mode{flex:1}.sl-tiles{grid-template-columns:repeat(7,minmax(0,1fr))}.sl-tile{font-size:26px;min-height:42px}.sl-bank-tab{font-size:10.25px}.sl-builder h3,.sl-audio-panel h3,.sl-quiz h3{font-size:26px}}
@media(max-width:900px){.sl-top-grid{grid-template-columns:1fr}.sl-audio-panel{border-left:0;border-top:1px solid #d1dbc6}.sl-audio-panel .sl-audio-settings{max-width:470px}.sl-builder-top{flex-wrap:nowrap}.sl-modes{width:auto}.sl-workspace{grid-template-columns:minmax(0,1fr) 170px;gap:26px}.sl-slot{min-height:150px}.sl-slot-glyph{font-size:47.25px;min-height:63px}.sl-slot-name{font-size:11.25px}.sl-slot-caption{font-size:10.25px}.sl-block{font-size:119.25px}.sl-bank-panel{min-height:0}.sl-tiles{grid-template-columns:repeat(9,minmax(0,1fr))}.sl-tile{font-size:31.5px;min-height:48px}.sl-bank-tab{font-size:12.5px}.sl-bank-panel>.sl-note{min-height:0}.sl-heading{display:block}.sl-intro{max-width:600px;margin-top:22px}.sl-heading h2{font-size:42px}.sl-audio-intro{max-width:580px}.sl-audio-source,.sl-context-note,.sl-help{max-width:650px}}
@media(max-width:600px){#sound-lab{padding-top:55px;padding-bottom:55px}.sl-heading{margin-bottom:24px}.sl-heading h2{font-size:36px}.sl-intro{font-size:13.5px;line-height:1.9;margin-top:18px}.sl-builder{padding:22px 18px}.sl-builder-top{display:block}.sl-builder h3,.sl-audio-panel h3,.sl-quiz h3{font-size:26px}.sl-modes{margin-top:16px;max-width:240px}.sl-workspace{grid-template-columns:1fr;gap:19px}.sl-preview{display:flex;align-items:center;justify-content:center;gap:18px}.sl-block{width:138px;flex-shrink:0;font-size:95.75px}.sl-formula{max-width:135px;margin:0;font-size:15.75px}.sl-slot{min-height:129px;padding:12px 5px}.sl-slot-name{font-size:11.25px}.sl-slot-glyph{font-size:41.75px;min-height:55px}.sl-slot-caption{font-size:9px}.sl-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sl-tile{min-height:45px;font-size:29.25px}.sl-bank-panel{padding:13px 10px 8px}.sl-bank-tab{font-size:10.25px;padding:12px 3px 10px}.sl-bank-count{font-size:9px}.sl-bank-panel>.sl-note{font-size:11.25px}.sl-audio-panel{padding:25px 20px}.sl-audio-settings{grid-template-columns:minmax(0,1fr) 90px}.sl-announcement{padding:12px 20px;font-size:11.25px}.sl-quiz{padding:27px 18px}.sl-quiz-heading{gap:12px;align-items:flex-start}.sl-quiz-score{min-width:84px;min-height:75px;padding:10px 8px}.sl-quiz-score strong{font-size:23.75px}.sl-quiz-score span{font-size:9px}.sl-quiz-heading .sl-eyebrow{font-size:9px;letter-spacing:1px}.sl-quiz-heading h3{font-size:23.75px}.sl-quiz-heading .sl-note{font-size:11.25px}.sl-quiz-body{padding:23px 15px}.sl-quiz-body h4{font-size:23.75px}.sl-quiz-choices{gap:10px}.sl-quiz-choice{font-size:44px;padding:8px}.sl-quiz-audio{gap:8px}.sl-quiz-audio .sl-button{font-size:11.25px;padding:10px 13px}.sl-quiz-foot{display:block}.sl-quiz-foot>.sl-text-button{margin-top:14px}.sl-privacy{font-size:10.25px}.sl-builder-top h3{font-size:27px}.sl-presets{gap:7px}.sl-instruction{font-size:12.5px}.sl-note{font-size:11.25px}}
@media(max-width:360px){.sl-slots{gap:5px}.sl-slot-name{font-size:10.25px}.sl-slot-caption{font-size:8px}.sl-builder{padding-left:13px;padding-right:13px}.sl-preview{gap:12px}.sl-block{width:120px;font-size:84.5px}.sl-formula{font-size:13.5px}.sl-tiles{gap:5px}.sl-tile{font-size:27px;min-height:40px}.sl-audio-settings{gap:16px 12px}.sl-quiz-heading{display:block}.sl-quiz-score{flex-direction:row;gap:10px;width:max-content;min-height:0;margin-top:18px;padding:8px 14px}.sl-quiz-score span{margin:0}.sl-quiz{padding:24px 13px}.sl-quiz-choice{font-size:38.25px}}
@media(prefers-reduced-motion:reduce){.sl-slot,.sl-tile{transition:none}.sl-tile:hover{transform:none}.sl-slot.is-over{transform:none}}
@media print{#sound-lab{display:none}}

/* Readable instructions and controls at desktop and compact breakpoints. */
.sl-intro,.sl-instruction,.sl-audio-intro,.sl-quiz-feedback{font-size:16px}
.sl-note,.sl-bank-panel>.sl-note,.sl-presets>.sl-note,.sl-quiz-heading .sl-note,.sl-quiz-body>.sl-note,.sl-quiz-foot>.sl-note,.sl-audio-status,.sl-audio-source,.sl-context-note,.sl-help ul,.sl-announcement,.sl-privacy,.sl-slot-name,.sl-bank-tab,.sl-bank-count,.sl-tile.sl-none,.sl-eyebrow,.sl-quiz-heading .sl-eyebrow,.sl-quiz-score span,.sl-setting>label,.sl-rate-output,.sl-auto-label,.sl-text-button,.sl-quiz-foot>.sl-text-button,.sl-mode{font-size:13px}
.sl-slot-caption{font-size:12.5px}.sl-slot-name,.sl-slot-caption{max-width:100%;overflow-wrap:anywhere;text-align:center}
.sl-button,.sl-quiz-audio .sl-button,.sl-select,.sl-help>summary{font-size:14px}