@font-face{font-family:RIDIBatang;src:url(/fonts/RIDIBatang.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#f4efe8;--surface:#fff;--surface-soft:#faf6f0;--line:#ebe2d5;--text:#33291f;--muted:#6e6255;--accent:#2e6a6e;--accent-dark:#1f4c4f;--accent-soft:#e3eeee;--on-accent:#fff;--on-accent-muted:#cbe2e3;--correct:#2b5fb8;--correct-bg:#eaf1fc;--wrong:#c4561e;--wrong-text:#a4441a;--wrong-bg:#fdf0e8;--code-bg:#2f2a26;--code-text:#f5ede2;--font-display:"RIDIBatang", "AppleMyungjo", "Batang", serif;--font-body:"RIDIBatang", "AppleMyungjo", "Batang", serif}.house-wrap{flex-direction:column;gap:8px;display:flex}.house-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}.house-scroll::-webkit-scrollbar{display:none}.house{width:100%;min-width:520px}.house-roof{width:100%;height:auto;margin-bottom:-2px;display:block}.house-body{background:#d9c9b3;flex-direction:column;gap:6px;margin:0 3.5%;padding:6px;display:flex}.floor{background:#e9e0d2;padding:6px}.floor-label{color:var(--muted);justify-content:space-between;padding:0 2px 5px;font-size:11px;font-weight:600;display:flex}.floor-label>span{position:sticky;left:4px;right:4px}.floor-rooms{gap:4px;display:grid}.room{min-height:66px;color:var(--text);outline-offset:2px;border-radius:3px;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;padding:18px 3px 8px;text-decoration:none;transition:transform .15s;display:flex;position:relative}.room:active{transform:scale(.97)}.room-complete{background:#fce3c2}.room-partial{background:#fff3e2}.room-open{background:#fff8ee}.room-locked{color:var(--muted);background:#ddd2c2}.room-highlight{box-shadow:inset 0 0 0 3px var(--accent)}.room-light{background:#cbbfae;border-radius:0 0 7px 7px;width:14px;height:9px;margin-left:-7px;position:absolute;top:6px;left:50%}.room-light.on{background:#f6d58e;box-shadow:0 4px 12px 2px #f6d58ee6}.room-name{text-align:center;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.25}.room-bar{background:#00000014;border-radius:2px;width:80%;height:4px;overflow:hidden}.room-bar>span{background:var(--room-accent);height:100%;display:block}.house-ground{background:#cfe0c4;border-radius:6px;height:12px}.hscroll{flex-direction:column;gap:6px;display:flex}.hscroll-track{cursor:pointer;touch-action:none;background:#e6dccf;border-radius:999px;height:8px;position:relative}.hscroll-track:before{content:"";position:absolute;inset:-14px 0}.hscroll-thumb{background:var(--accent);cursor:grab;touch-action:none;border-radius:999px;position:absolute;top:0;bottom:0}.hscroll-hint{color:var(--muted);text-align:center;font-size:12px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--accent)}button{font-family:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.page{flex-direction:column;flex:1;gap:14px;padding:18px 20px 28px;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.eyebrow{color:var(--muted);margin:0;font-size:13px}.title{font-family:var(--font-display);margin:0;font-size:26px;font-weight:700;line-height:1.3}.title-sm{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:1.35}.top-bar{align-items:center;gap:6px;display:flex}.icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;margin-left:-12px;display:flex}.top-bar-text{flex-direction:column;flex:1;min-width:0;display:flex}.big-num{font-family:var(--font-display);white-space:nowrap;font-size:20px;font-weight:700}.big-num small{color:var(--muted);font-size:14px}.card{background:var(--surface);border-radius:18px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.card h2,.card h3{margin:0}.card-link{color:var(--text);text-decoration:none}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.btn:disabled{opacity:.55;cursor:default}.cta{background:var(--accent);color:var(--on-accent);border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;text-decoration:none;display:flex}.cta-small{color:var(--on-accent-muted);font-size:12px}.cta-big{font-size:17px;font-weight:700}.row-link{color:var(--text);align-items:center;gap:10px;padding:8px 4px;font-size:15px;text-decoration:none;display:flex}.row-link .grow{flex:1}.row-link .end{color:var(--accent);font-size:13px;font-weight:700}.bar{background:#efe6d9;border-radius:999px;height:6px;overflow:hidden}.bar>span{background:var(--accent);border-radius:999px;height:100%;display:block}.muted{color:var(--muted)}.small{font-size:13px}.center-msg{text-align:center;color:var(--muted);padding:48px 20px}.concept-body p{margin:0 0 10px;font-size:15.5px;line-height:1.75}.example{flex-direction:column;gap:6px;display:flex}.example-caption{color:var(--muted);font-size:12.5px;font-weight:700}pre.code{background:var(--code-bg);color:var(--code-text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:0;padding:12px 14px;font-family:SFMono-Regular,Menlo,Consolas,D2Coding,monospace;font-size:12.5px;line-height:1.6}.step-dots{gap:6px;display:flex}.step-dots span{background:#e6dccf;border-radius:999px;flex:1;height:5px}.step-dots span.on{background:var(--accent)}.question{flex-direction:column;gap:12px;display:flex}.q-tag{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.q-prompt{font-family:var(--font-display);margin:0;font-size:18.5px;font-weight:600;line-height:1.6}.choices{flex-direction:column;gap:8px;display:flex}.choice{border:1.5px solid var(--line);background:var(--surface);min-height:52px;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;line-height:1.45;display:flex}.choice:hover:not(:disabled){border-color:var(--accent)}.choice:disabled{cursor:default}.choice-no{width:24px;height:24px;color:var(--muted);background:#efe9e0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.choice-text{flex:1}.choice-mark{flex:none;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.choice.correct{border:2px solid var(--correct);background:var(--correct-bg);font-weight:700}.choice.correct .choice-no{background:var(--correct);color:#fff}.choice.correct .choice-mark{color:var(--correct)}.choice.wrong{border:2px solid var(--wrong);background:var(--wrong-bg)}.choice.wrong .choice-no{background:var(--wrong);color:#fff}.choice.wrong .choice-mark{color:var(--wrong-text)}.feedback{background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.feedback-head{margin:0;font-size:16px;font-weight:700}.feedback-head.ok{color:var(--correct)}.feedback-head.no{color:var(--wrong-text)}.feedback p{margin:0;font-size:14.5px;line-height:1.7}.why-box{background:var(--wrong-bg);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.why-box strong{color:var(--wrong-text);font-size:12.5px}.error-text{color:var(--wrong-text);font-size:14px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.unit-chip{background:var(--surface);color:var(--text);border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:8px 10px;font-size:12.5px;line-height:1.3;text-decoration:none;display:flex}.unit-chip b{display:block}.unit-chip .sub{color:var(--muted)}.unit-chip.next{box-shadow:inset 0 0 0 2px var(--accent)}.unit-chip.next .sub{color:var(--accent);font-weight:600}.unit-chip.locked{color:var(--muted);background:#ede6dc}.unit-dot{width:22px;height:22px;color:var(--muted);background:#ddd3c5;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:flex}.unit-dot.done{background:var(--accent);color:#fff}.unit-dot.next{border:2px dashed var(--accent);color:var(--accent);background:0 0}.talk-item{border-top:1px solid var(--line);padding:10px 0}.talk-item:first-of-type{border-top:none;padding-top:2px}.talk-phrase{font-size:15px;font-weight:700}.talk-meaning{color:#4a3f34;margin:4px 0 0;font-size:14px;line-height:1.65}.bottom-nav{padding:8px 8px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:sticky;bottom:0}.bottom-nav a{min-width:72px;min-height:44px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.bottom-nav a.on{color:var(--accent);font-weight:700}.result-score{font-family:var(--font-display);font-size:48px;font-weight:700;line-height:1.1}.access-input{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;height:52px;padding:0 14px;font-family:inherit;font-size:16px}