@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary: #3182f6;--primary-light: #ebf3fe;--primary-dark: #1b64da;--bg: #f9fafb;--surface: #ffffff;--border: #e5e8eb;--text: #191f28;--subtext: #6b7684;--subtext2: #b0b8c1;--danger: #f04452;--success: #00c471;--warning: #ff6b00;--purple: #7c3aed;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:inherit}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:var(--border);color:var(--subtext2);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--primary);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--primary-light);border-color:var(--primary)}.btn-full{width:100%}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:600;color:var(--subtext)}.input{padding:12px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border);font-size:15px;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .15s;outline:none}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--subtext2)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%236b7684' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.pillar-box{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);gap:4px;min-width:72px}.pillar-label{font-size:11px;color:var(--subtext2);font-weight:600}.pillar-ganzi{font-size:28px;font-weight:700;letter-spacing:-1px}.pillar-sipsin{font-size:12px;color:var(--primary);font-weight:600}.pillar-unseong{font-size:11px;color:var(--subtext)}.elem-목{color:#16a34a}.elem-화{color:#dc2626}.elem-토{color:#92400e}.elem-금{color:#6b7280}.elem-수{color:#1d4ed8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.section-title{font-size:17px;font-weight:700;margin-bottom:16px}.divider{height:1px;background:var(--border);margin:24px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-center{text-align:center}.text-sm{font-size:13px}.text-subtext{color:var(--subtext)}