@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary: #764ba2;--primary-light: #f3e8ff;--primary-dark: #5b3680;--primary-border: #d8b4fe;--gradient: linear-gradient(135deg, #667eea, #764ba2);--bg: #f9f7ff;--surface: #ffffff;--border: #e8e3f8;--text: #1a1a2e;--subtext: #6b7684;--subtext2: #b0b8c1;--danger: #f04452;--success: #00c471;--warning: #ff6b00;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(118,75,162,.08)}*{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}@media(max-width:640px){.header-tabs{display:none!important}.hamburger-btn{display:flex!important}}.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)}@media print{header,.no-print,button,nav{display:none!important}body{background:#fff!important;font-family:"Noto Serif KR",Pretendard,serif}@page{size:A4;margin:18mm 16mm}.card{border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}.print-header{display:block!important;text-align:center;padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid #764ba2}.print-header h1{font-size:22px;font-weight:900;color:#764ba2;margin-bottom:4px}.print-header p{font-size:12px;color:#888}.name-card-header{display:flex!important;cursor:default!important;pointer-events:none}.name-detail{display:flex!important}.name-card-header+.name-detail,.name-detail{page-break-inside:avoid;break-inside:avoid}.card+.card{page-break-before:auto}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media screen{.print-header{display:none}}