:root{--bg: #ffffff;--fg: #111111;--muted: #6b7280;--line: #e5e7eb;--panel: #f5f5f5;--panel-2: #fafafa;--accent: #111111;--wood: #2e7d32;--fire: #c62828;--earth: #b8860b;--metal: #6b7280;--water: #1565c0;--radius: 14px;--max: 480px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,Noto Sans KR,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.app{max-width:var(--max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-.02em}.badge19{font-size:12px;font-weight:800;border:1.5px solid var(--fg);border-radius:6px;padding:1px 6px}.page{padding:20px 16px 40px;display:flex;flex-direction:column;gap:16px}h1{font-size:26px;line-height:1.25;letter-spacing:-.02em;margin:0}h2{font-size:17px;margin:0;letter-spacing:-.01em}p{margin:0}.muted{color:var(--muted);font-size:14px}.section{background:var(--panel);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.section.plain{background:transparent;padding:0}.divider{height:1px;background:var(--line);margin:4px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:14px 18px;border:1.5px solid var(--fg);background:var(--fg);color:#fff;font-weight:700;cursor:pointer;width:100%;text-decoration:none}.btn.ghost{background:transparent;color:var(--fg)}.btn.small{width:auto;padding:8px 12px;font-size:14px;border-radius:10px}.btn:disabled{opacity:.4;cursor:not-allowed}.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}.card.selectable{cursor:pointer}.card.selected{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg) inset}.card .kicker{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.04em}.card .title{font-size:18px;font-weight:800}.card .verdict{font-size:15px}.row{display:flex;gap:10px;align-items:center}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pillar{border-radius:12px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line)}.pillar .pos{font-size:11px;color:var(--muted);font-weight:700}.pillar .hanja{font-size:24px;font-weight:800;line-height:1.1}.pillar .hangul{font-size:13px;color:var(--muted)}.pillar .el{font-size:11px;font-weight:700;margin-top:4px;border-radius:999px;padding:1px 8px;display:inline-block;align-self:center;color:#fff}.el-목{background:var(--wood)}.el-화{background:var(--fire)}.el-토{background:var(--earth)}.el-금{background:var(--metal)}.el-수{background:var(--water)}.score{display:flex;flex-direction:column;gap:4px}.score .label{display:flex;justify-content:space-between;font-size:14px}.score .bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.score .fill{height:100%;background:var(--fg);border-radius:999px}.score.locked .fill{background:#cfcfcf;width:60%!important}.score.locked .label{color:var(--muted)}.lock{font-size:12px;color:var(--muted)}.blur{filter:blur(6px);user-select:none;pointer-events:none}.teaser{position:relative}.teaser .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.tabs{display:flex;gap:6px}.tab{flex:1;text-align:center;padding:10px 6px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:700;cursor:pointer}.tab.active{background:var(--fg);color:#fff;border-color:var(--fg)}.tab.locked{color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:700}.field .help{font-size:13px;color:var(--muted);line-height:1.5}input[type=text],input[type=number],select{font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--fg);width:100%}.inline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{flex:1;padding:12px;border:0;background:#fff;cursor:pointer;font-weight:700}.seg button.on{background:var(--fg);color:#fff}.check{display:flex;gap:8px;align-items:center;font-size:14px}.error{color:var(--fire);font-size:14px;font-weight:700}.gate{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.gate .box{max-width:360px;display:flex;flex-direction:column;gap:14px;text-align:center}.big19{font-size:64px;font-weight:900;letter-spacing:-.04em;line-height:1}.spin{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--fg);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:60dvh;text-align:center}.verdict-big{font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.02em}.body-text{font-size:16px;line-height:1.7}.evidence{font-size:14px;color:#374151;border-left:3px solid var(--fg);padding-left:10px}.chip{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 8px}.chips{display:flex;gap:6px;flex-wrap:wrap}.emoji{font-size:20px}.foot{font-size:12px;color:var(--muted);text-align:center;padding:20px 0 0}