:root{--bg:#0b1020;--panel:#12182ef0;--panel-border:#8ca0ff2e;--text:#e8ecff;--text-dim:#9aa3c7;--accent:#ffd36e;--chip:#788cff24;--font:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", sans-serif;--font-hanja:"Noto Serif KR", "Batang", "AppleMyungjo", "Noto Serif CJK KR", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.status{height:100%;color:var(--text-dim);place-items:center;display:grid}.app{height:100%;position:relative}.flat-map,.flat-map-canvas{position:absolute;inset:0}.flat-map-canvas{background:radial-gradient(ellipse at 50% 40%, #16204a 0%, var(--bg) 70%)}.flat-map-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.neighbourhood-label{text-align:center;white-space:nowrap;text-shadow:0 0 6px var(--bg), 0 0 12px var(--bg);transition:opacity .25s;position:absolute;top:0;left:0}.neighbourhood-label-name{letter-spacing:.02em;font-size:15px;font-weight:700;display:block}.neighbourhood-label-hanja{font-size:12px;font-family:var(--font-hanja);opacity:.8;display:block}.topbar{pointer-events:none;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.topbar>*{pointer-events:auto}.brand{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:8px 12px;font-size:20px;font-weight:800}.brand-dot{color:var(--accent)}.brand-sub{color:var(--text-dim);margin-left:4px;font-size:13px;font-weight:500}.search{flex:260px;max-width:420px;position:relative}.search input{border:1px solid var(--panel-border);background:var(--panel);width:100%;color:var(--text);font:inherit;border-radius:12px;outline:none;padding:11px 14px;font-size:15px}.search input:focus{border-color:var(--accent)}.search-results{background:var(--panel);border:1px solid var(--panel-border);z-index:5;border-radius:12px;margin:6px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0}.search-results button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:10px;width:100%;padding:8px 10px;display:flex}.search-results button:hover{background:var(--chip)}.result-title{font-size:18px;font-family:var(--font-hanja)}.result-subtitle{color:var(--text-dim);font-size:13px}.layer-toggles{gap:6px;display:flex}.layer-toggles button{border:1px solid var(--panel-border);background:var(--panel);color:var(--text-dim);border-radius:10px;padding:9px 12px;font-size:13px}.layer-toggles button.on{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:700}.card-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;width:min(400px,100% - 24px);position:absolute;top:76px;bottom:36px;right:12px;overflow-y:auto;box-shadow:0 10px 40px #00000073}.card{padding:20px;position:relative}.card-close{color:var(--text-dim);background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:12px}.card-header{align-items:center;gap:18px;margin-bottom:14px;display:flex}.card-glyph{font-family:var(--font-hanja);color:#fff;font-size:84px;line-height:1}.card-hun-eum{color:var(--accent);font-size:24px;font-weight:800}.card-hun-eum-other{color:var(--text-dim);margin-top:4px;font-size:13px}.card-english{color:var(--text-dim);margin-top:6px;font-size:14px;font-style:italic}.card-word{font-size:40px;font-weight:800}.card-word-origin{font-family:var(--font-hanja);margin-top:4px;font-size:30px}.card-section{border-top:1px solid var(--panel-border);padding:12px 0}.card-section h3{color:var(--text-dim);margin:0 0 8px;font-size:13px;font-weight:700}.card-section .count{color:var(--accent);margin-left:4px}.cjk-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cjk-cell{background:var(--chip);border-radius:10px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.cjk-lang{color:var(--text-dim);font-size:11px}.cjk-form{font-family:var(--font-hanja);font-size:30px;line-height:1.2}.cjk-reading{text-align:center;font-size:12px}.card-facts{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:14px;display:grid}.fact-label{color:var(--text-dim);margin-right:4px;font-size:12px}.fact-sub{color:var(--text-dim);font-size:12px}.definition{margin:0;line-height:1.6}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--chip);font-family:var(--font-hanja);border:0;border-radius:9px;align-items:baseline;gap:4px;padding:5px 9px;font-size:18px;display:inline-flex}.chip:hover{background:#ffd36e40}.chip-large{font-size:26px}.chip-sub{font-family:var(--font);color:var(--text-dim);font-size:11px}.inline-hanja{font-family:var(--font-hanja);font-size:inherit;color:var(--accent);background:0 0;border:0;padding:0 1px}.inline-component{border:1px dashed var(--text-dim);font-family:var(--font-hanja);font-size:inherit;color:var(--text);background:0 0;border-radius:6px;padding:0 4px}.inline-component:hover{border-color:var(--accent);color:var(--accent)}.card-glyph-component{border:2px dashed var(--text-dim);color:var(--text);border-radius:14px;padding:6px 10px}.component-badge{border:1px dashed var(--text-dim);color:var(--text-dim);border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.component-radical{color:var(--text-dim);margin-top:8px;font-size:14px}.word-list{margin:0;padding:0;list-style:none}.word-row{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto auto auto 1fr;align-items:baseline;gap:8px;width:100%;padding:6px 4px;display:grid}.word-row:hover{background:var(--chip)}.word-hangul{font-weight:700}.word-origin{font-family:var(--font-hanja);color:var(--text-dim)}.word-gloss{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.level-badge{font-size:10px;font-family:var(--font);border-radius:6px;padding:1px 6px}.level-초급{background:#2e7d4f}.level-중급{background:#2f5fa8}.level-고급{background:#7a3f9e}.attribution{color:var(--text-dim);opacity:.7;pointer-events:none;font-size:10px;position:absolute;bottom:8px;left:12px;right:12px}@media (width<=700px){.topbar{gap:8px;top:8px;left:8px;right:8px}.brand{padding:7px 10px;font-size:17px}.brand-sub{display:none}.search{flex-basis:100%;order:3;max-width:none}.layer-toggles button{padding:7px 9px;font-size:12px}.card-panel{border-radius:18px 18px 0 0;width:100%;max-height:58%;inset:auto 0 0}.card-glyph{font-size:64px}.attribution{display:none}}.content-site-link{margin:6px 0 2px;font-size:.95rem}.content-site-link a{color:#8a3b12;text-decoration:none}.content-site-link a:hover{text-decoration:underline}.demo-panel{z-index:30;color:#e6ebff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1224eb;border:1px solid #a0b4ff40;border-radius:12px;width:260px;padding:10px 12px;font-size:13px;position:fixed;bottom:44px;left:12px}.demo-title{justify-content:space-between;margin-bottom:6px;font-weight:700;display:flex}.demo-step{color:#9fb0e0;font-weight:400}.demo-panel select{color:#e6ebff;background:#1a2140;border:1px solid #39456e;border-radius:6px;width:100%;margin-bottom:6px;padding:4px}.demo-buttons{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.demo-buttons button{color:#e6ebff;cursor:pointer;background:#22305a;border:1px solid #39456e;border-radius:6px;flex:1;padding:4px 6px;font-size:12px}.demo-buttons button:hover{background:#2d3f74}.demo-main{color:#ffe08a;min-height:20px;margin:4px 0 8px;font-size:15px;font-weight:700}.demo-fields label{justify-content:space-between;align-items:center;gap:6px;margin:3px 0;display:flex}.demo-fields input{color:#e6ebff;text-align:right;background:#1a2140;border:1px solid #39456e;border-radius:6px;width:80px;padding:2px 4px}.demo-note{color:#9fb0e0;margin-top:6px;font-size:11px}.demo-counts{flex-wrap:wrap;gap:4px 10px;margin:6px 0;font-size:12px;display:flex}.demo-clock{color:#e6ebff;width:100%;font-weight:700}.demo-chart{background:#00000040;border-radius:6px;margin:4px 0;display:block}body.clean .topbar,body.clean .attribution,body.clean .demo-buttons,body.clean .demo-fields,body.clean .demo-panel select,body.clean .demo-panel>.demo-note,body.clean .demo-ignition>.demo-note,body.clean .demo-title .demo-step{display:none!important}body.clean .demo-panel{background:#0e1224c7;border-color:#a0b4ff26;width:280px}body.clean .demo-counts{font-size:14px}body.clean .demo-clock{font-size:16px}.demo-modal{z-index:40;background:#fbfaf7;border-radius:12px;width:min(420px,100vw - 24px);height:min(640px,100vh - 120px);position:fixed;top:70px;right:12px;overflow:hidden;box-shadow:0 10px 40px #00000080}.demo-modal iframe{border:0;width:100%;height:100%}.demo-modal-close{color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:50%;width:28px;height:28px;font-size:18px;position:absolute;top:6px;right:8px}@media (width<=700px){.demo-panel{width:auto;bottom:8px;left:8px;right:8px}}