.hx-root{min-height:100vh;background:#f3f5f4;color:#0f172a;font-family:Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.6}.hx-shell{max-width:540px;margin:0 auto;min-height:100vh;flex-direction:column}.hx-shell,.hx-top{background:#fff;display:flex}.hx-top{align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:20}.hx-brand{display:flex;align-items:baseline;gap:6px;text-decoration:none}.hx-brand b{font-size:15px;color:#0f766e;letter-spacing:-.01em}.hx-brand span{font-size:10px;color:#64748b}.hx-cta-mini{font-size:11px;font-weight:700;color:#fff;background:#0d9488;padding:5px 11px;border-radius:999px;text-decoration:none;white-space:nowrap}.hx-src{padding:14px 16px 4px}.hx-src-title{font-size:16px;font-weight:800}.hx-tags{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.hx-tag{font-size:10.5px;font-weight:700;padding:2.5px 9px;border-radius:999px;background:#ccfbf1;color:#0f766e}.hx-tag--gold{background:#fbf0da;color:#b07d18}.hx-tag--grey{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.hx-toggle{display:flex;border:1px solid #cbd5e1;border-radius:9px;overflow:hidden;margin:12px 16px 8px;width:max-content}.hx-toggle button{font:inherit;font-size:12px;padding:6px 18px;border:none;background:#fff;color:#64748b;cursor:pointer}.hx-toggle button.on{background:#0d9488;color:#fff;font-weight:700}.hx-toggle-hint{font-size:10.5px;color:#94a3b8;margin:0 16px 6px}.hx-tree{padding:2px 16px 6px}.hx-line{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 6px;border-radius:7px;font-family:ui-monospace,Menlo,monospace;color:#475569;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.hx-line:focus-visible{outline:2px solid #0d9488}.hx-line.sel{background:#f0fdfa}.hx-line .guide{color:#cbd5e1}.hx-line .rel{font-size:10px;font-weight:700;color:#4f46e5;background:#eef2ff;padding:0 5px;border-radius:4px;flex:none}.hx-line .sn{flex:none;font-weight:600}.hx-line .lab{color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-line.main{color:#b07d18;font-weight:800}.hx-line.main .lab{color:#92610f;font-weight:700}.hx-sent{margin:8px 16px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.hx-sent .en{font-size:13.5px;line-height:1.6;font-family:Georgia,Times New Roman,serif}.hx-sent .ko{font-size:12.5px;color:#64748b;margin-top:7px}.hx-sent .why{font-size:11px;color:#0f766e;margin-top:8px;font-weight:700}.hx-bottom{position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e8f0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;margin-top:auto;z-index:20}.hx-hop-btn{flex:1;font:inherit;text-align:center;font-size:13.5px;font-weight:800;padding:12px 4px;border-radius:12px;background:#0d9488;color:#fff;border:none;cursor:pointer}.hx-hop-btn.ghost{flex:0 0 auto;padding:12px 18px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.hx-dim{position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:30}.hx-sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-width:540px;margin:0 auto;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(15,23,42,.18);padding:16px 16px calc(18px + env(safe-area-inset-bottom))}.hx-sheet h4{margin:0 0 12px;font-size:14px}.hx-hop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:8px;width:100%;background:#fff;font:inherit;text-align:left;cursor:pointer}.hx-hop-row:disabled{opacity:.55;cursor:wait}.hx-hop-row .t{font-size:13px;font-weight:700}.hx-hop-row .d{font-size:10.5px;color:#64748b;font-variant-numeric:tabular-nums}.hx-hop-row .go{flex:none;font-size:11px;font-weight:800;color:#0f766e}.hx-hop-row.hl{border-color:#0d9488;background:#f0fdfa}.hx-hero{background:linear-gradient(160deg,#0f766e,#134e4a);color:#fff;padding:34px 20px 26px;text-align:center}.hx-hero .eyebrow{font-size:11px;letter-spacing:.18em;opacity:.75;font-weight:700}.hx-hero h1{font-size:24px;line-height:1.4;margin:12px 0 8px;text-wrap:balance}.hx-hero p{margin:0 auto;font-size:13px;opacity:.85;max-width:40ch}.hx-hero .cta{display:inline-block;margin-top:20px;padding:12px 26px;border-radius:999px;background:#b07d18;color:#fff;font-size:14.5px;font-weight:800;text-decoration:none}.hx-stats{display:flex;gap:8px;padding:14px 16px}.hx-stat{flex:1;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 4px}.hx-stat b{display:block;font-size:17px;color:#0f766e;font-variant-numeric:tabular-nums}.hx-stat span{font-size:10.5px;color:#64748b}.hx-cats{padding:4px 16px 20px}.hx-cats h2{font-size:13.5px;margin:10px 0 8px;color:#475569}.hx-cat-row{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:7px;text-decoration:none;color:inherit}.hx-cat-row .t{font-size:13px;font-weight:700}.hx-cat-row .d{font-size:10.5px;color:#64748b;font-variant-numeric:tabular-nums}.hx-cat-row .go{font-size:11px;font-weight:800;color:#0f766e}.hx-foot{text-align:center;font-size:11.5px;color:#94a3b8;padding:10px 16px 26px}.hx-foot a{color:#0f766e;font-weight:700}.hx-browse{padding:12px 16px 4px}.hx-flabel{font-size:11.5px;font-weight:700;color:#475569;margin:10px 0 6px}.hx-frow{display:flex;flex-wrap:wrap;gap:6px}.hx-fchip{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;text-decoration:none}.hx-fchip span{margin-left:4px;font-size:10px;opacity:.6;font-variant-numeric:tabular-nums}.hx-fchip.on{background:#0d9488;border-color:#0d9488;color:#fff;font-weight:700}.hx-fhint{font-size:11.5px;color:#94a3b8;margin:12px 0 8px}.hx-mark{flex:none;font-size:9.5px;font-weight:800;padding:0 5px;border-radius:4px;min-width:24px;text-align:center}.hx-quiz{padding:16px}.hx-quiz.center{text-align:center;padding-top:40px}.hx-quiz h3{font-size:16px;margin:0 0 6px;line-height:1.5}.hx-q-hint{font-size:12px;color:#64748b;margin-bottom:12px}.hx-q-opt{display:block;width:100%;text-align:left;font:inherit;font-size:12.5px;line-height:1.55;padding:10px 12px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;margin-bottom:7px;cursor:pointer}.hx-q-opt.center{text-align:center;font-weight:700}.hx-q-opt b{color:#0f766e;margin-right:4px}.hx-q-opt.good{border-color:#15803d;background:#dcfce7}.hx-q-opt.bad{border-color:#dc2626;background:#fee2e2}.hx-q-opt:disabled{cursor:default}.hx-q-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hx-q-pair{font-size:12.5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:10px 12px;margin-bottom:10px}.hx-q-pair .arrow{color:#4f46e5;font-weight:800;padding:2px 0}.hx-q-pair b{color:#0f766e}.hx-q-passage{font-size:12.5px;line-height:1.65;font-family:Georgia,serif;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:10px;max-height:40vh;overflow-y:auto}.hx-q-passage,.hx-q-result{border-radius:11px;padding:12px 14px}.hx-q-result{margin-top:10px;font-size:13px;font-weight:800}.hx-q-result.good{background:#dcfce7;color:#15803d}.hx-q-result.bad{background:#fee2e2;color:#b91c1c}.hx-q-why{font-size:11.5px;font-weight:500;color:#475569;margin-top:6px;line-height:1.55}.hx-q-next{display:block;width:100%;font:inherit;font-size:13px;font-weight:800;margin-top:10px;padding:10px;border:none;border-radius:10px;background:#0d9488;color:#fff;cursor:pointer}.hx-q-score{font-size:40px;font-weight:900;color:#0f766e;margin-bottom:6px;font-variant-numeric:tabular-nums}.hx-q-streak{font-size:13px;font-weight:700;color:#b07d18;margin-top:8px}.hx-q-actions{display:flex;gap:8px;margin-top:18px}.hx-q-actions .hx-hop-btn{text-decoration:none}.hx-mode-toggle{font:inherit;font-size:10.5px;font-weight:700;padding:3px 10px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#64748b;cursor:pointer}.hx-vhints{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:8px}.hx-vhint{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5}.hx-vreveal{font:inherit;font-size:10.5px;font-weight:700;padding:3px 10px;border:1px dashed #0d9488;border-radius:999px;background:#fff;color:#0d9488;cursor:pointer}.hx-q-prev{font-size:11.5px;color:#94a3b8;font-family:Georgia,serif;margin-bottom:6px;line-height:1.5}.hx-hints{display:flex;flex-direction:column;gap:6px;margin:10px 0}.hx-hint{font-size:12px;line-height:1.55;padding:8px 11px;border-radius:10px;text-align:left}.hx-hint.open{background:#eef2ff;color:#3730a3}.hx-hint.open b{margin-right:4px}.hx-hint.lock{font:inherit;font-size:11.5px;font-weight:700;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.hx-q-input{flex:1;font:inherit;font-size:13px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px}.hx-word-card{margin-top:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-weight:500}.hx-word-card .w{font-size:13.5px;margin-bottom:4px;color:#0f172a}.hx-word-card .w b{color:#0f766e}.hx-word-card .r{font-size:11px;color:#64748b;line-height:1.55;margin-top:2px}