:root{--bg:#f2f6fb;--surface:#fff;--surface-2:#eef4fc;--ink:#16202e;--ink-soft:#5a6a80;--line:#d9e3f0;--brand:#2f6fd0;--brand-dark:#1f4f9c;--correct:#137a49;--correct-bg:#e2f6ea;--wrong:#c0392b;--wrong-bg:#fdeceb;--gold:#dd9b00;--radius:16px;--shadow:0 1px 3px #16202e0f, 0 6px 18px #16202e0f;--c-gangwon:#4f86c6;--c-gyeongsang:#d9722f;--c-jeolla:#3f9e6a;--c-chungcheong:#8f68c4;--c-jeju:#d9a520;--c-gangwon-soft:#e3edf8;--c-gyeongsang-soft:#fbe9dd;--c-jeolla-soft:#e0f3e8;--c-chungcheong-soft:#eee6f8;--c-jeju-soft:#fbf1d8;--nav-h:68px;--content-max:760px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:17px;line-height:1.6}h1,h2,h3{margin:0 0 12px;line-height:1.3}h1{font-size:26px}h2{font-size:21px}h3{font-size:18px}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}a{color:var(--brand)}:where(button,a,input,[tabindex]):focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:8px}.shell{min-height:100vh}.content{max-width:var(--content-max);padding:16px 16px calc(var(--nav-h) + 32px);margin:0 auto}.nav{height:var(--nav-h);background:var(--surface);border-top:1px solid var(--line);z-index:20;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--ink-soft);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.nav a .ico{font-size:22px;line-height:1}.nav a[aria-current=page]{color:var(--brand)}.nav a[aria-current=page] .ico{transform:translateY(-1px)}.nav-title{display:none}@media (width>=768px){:root{--content-max:860px}body{font-size:18px}.shell{grid-template-columns:232px 1fr;display:grid}.nav{border-top:none;border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px;height:100vh;padding:20px 12px;position:sticky;inset:0 auto auto}.nav-title{padding:8px 12px 18px;font-size:19px;font-weight:800;display:block}.nav a{border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;min-height:52px;padding:12px 14px;font-size:16px}.nav a[aria-current=page]{background:var(--surface-2)}.content{padding:28px 28px 64px}}@media (width>=1180px){:root{--content-max:1000px}.shell{grid-template-columns:260px 1fr}}.btn{border-radius:var(--radius);background:var(--brand);color:#fff;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 22px;font-weight:700;transition:background .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--brand-dark)}.btn:disabled{cursor:not-allowed;background:#b9c4d4}.btn.ghost{background:var(--surface);color:var(--brand);border:2px solid var(--line)}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.small{min-height:44px;padding:8px 16px;font-size:15px}.btn-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn-row .btn{flex:170px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.page-head h1{margin:0}.page-head .spacer{flex:1}.icon-btn{background:var(--surface);border:2px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:48px;min-height:48px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.muted{color:var(--ink-soft)}.small{font-size:15px}.progress{background:var(--line);border-radius:99px;height:12px;overflow:hidden}.progress>div{background:var(--brand);border-radius:99px;height:100%;transition:width .25s}.chip{border:2px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:99px;min-height:44px;padding:9px 15px;font-size:15px;font-weight:600}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.search{border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);width:100%;min-height:56px;font:inherit;padding:14px 18px;font-size:18px}.search:focus{border-color:var(--brand)}.map-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.map-region{cursor:pointer}.map-shape{stroke:#fff;stroke-width:2.5px;stroke-linejoin:round;transition:filter .15s}.map-region:hover .map-shape,.map-region:focus-visible .map-shape{filter:brightness(1.1)}.map-shape.current{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}.map-label{fill:#fff;pointer-events:none;paint-order:stroke;stroke:#0000004d;stroke-width:3px;font-size:15px;font-weight:800}.map-label.dim{fill:#55647a;stroke:#ffffffd9}.map-badge{pointer-events:none;font-size:16px}.map-note{fill:var(--ink-soft);font-size:12.5px}.legend{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.legend span{align-items:center;gap:6px;font-size:14px;display:inline-flex}.legend i{border-radius:4px;width:15px;height:15px;display:inline-block}.r-gangwon{--rc:var(--c-gangwon);--rc-soft:var(--c-gangwon-soft)}.r-gyeongsang{--rc:var(--c-gyeongsang);--rc-soft:var(--c-gyeongsang-soft)}.r-jeolla{--rc:var(--c-jeolla);--rc-soft:var(--c-jeolla-soft)}.r-chungcheong{--rc:var(--c-chungcheong);--rc-soft:var(--c-chungcheong-soft)}.r-jeju{--rc:var(--c-jeju);--rc-soft:var(--c-jeju-soft)}.region-tag{background:var(--rc-soft,var(--surface-2));color:var(--rc,var(--ink-soft));white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.region-grid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}@media (width>=560px){.region-grid{grid-template-columns:repeat(2,1fr)}}.explore{gap:16px;display:grid}@media (width>=1000px){.explore{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start}.explore .region-grid{grid-template-columns:1fr;margin-top:0}}.region-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-left:6px solid var(--rc);color:inherit;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.region-card .emoji{font-size:30px}.region-card strong{font-size:18px}.flip{perspective:1200px;margin:12px 0}.flip-inner{width:100%;min-height:320px;transform-style:preserve-3d;transition:transform .5s;position:relative}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-top:6px solid var(--rc,var(--brand));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.flip-face.back{transform:rotateY(180deg)}.flip-face[inert]{pointer-events:none}@media (width>=768px){.flip-inner{min-height:380px}}.dialect-word{letter-spacing:-.5px;font-size:44px;font-weight:800}.standard-word{color:var(--brand);font-size:30px;font-weight:800}@media (width>=768px){.dialect-word{font-size:54px}.standard-word{font-size:34px}}.example{background:var(--surface-2);text-align:left;border-radius:12px;width:100%;padding:12px 14px}.example b{color:var(--brand-dark)}.choices{gap:10px;margin-top:18px;display:grid}@media (width>=768px){.choices{grid-template-columns:repeat(2,1fr)}}.choice{border-radius:var(--radius);background:var(--surface);border:2px solid var(--line);text-align:left;align-items:center;gap:10px;min-height:64px;padding:12px 16px;font-weight:600;display:flex}.choice:hover:not(:disabled){border-color:var(--brand)}.choice .mark{flex:0 0 26px;width:26px;font-size:20px}.choice.correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.choice.wrong{border-color:var(--wrong);background:var(--wrong-bg);color:var(--wrong)}.feedback{border-radius:var(--radius);border-left:6px solid var(--brand);background:var(--surface);box-shadow:var(--shadow);margin-top:16px;padding:14px 16px}.feedback.ok{border-left-color:var(--correct)}.feedback.no{border-left-color:var(--wrong)}.stars{letter-spacing:6px;color:var(--gold);text-align:center;margin:8px 0;font-size:46px}.badge{background:var(--gold);color:#fff;border-radius:99px;padding:8px 18px;font-weight:800;display:inline-block}.result-center{text-align:center}.word-list{gap:10px;display:grid}@media (width>=900px){.word-list.two{grid-template-columns:repeat(2,1fr)}}.word-row{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-left:5px solid var(--rc,transparent);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.word-row .w{min-width:96px;font-size:22px;font-weight:800}.word-row .body{flex:200px;min-width:0}.source-tag{background:var(--surface-2);color:var(--ink-soft);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:700}.source-tag.curated{color:var(--brand-dark);background:#e6f0fb}.compare-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.compare-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.compare-head .std{font-size:24px;font-weight:800}.compare-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=620px){.compare-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.compare-grid{grid-template-columns:repeat(5,1fr)}}.compare-cell{background:var(--rc-soft);border-top:4px solid var(--rc);border-radius:12px;min-width:0;padding:10px 12px}.compare-cell .rname{color:var(--rc);font-size:12.5px;font-weight:800}.compare-cell .forms{word-break:keep-all;font-size:17px;font-weight:700}.compare-cell.empty{background:var(--surface-2);border-top-color:var(--line);opacity:.7}.compare-cell.empty .rname{color:var(--ink-soft)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:15px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}th{background:var(--surface-2);position:sticky;top:0}.notice{background:var(--surface);border-left:5px solid var(--brand);box-shadow:var(--shadow);border-radius:12px;margin-bottom:14px;padding:12px 14px}.empty{text-align:center;color:var(--ink-soft);padding:40px 20px}@media print{.no-print,.nav{display:none!important}body{background:#fff;font-size:13px}.shell{display:block}.content{max-width:none;padding:0}table{font-size:12px}th{position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}