:root{--bg:#faf8ff;--paper:#fff;--ink:#191628;--ink-soft:#2c2740;--sub:#56516b;--muted:#6b6480;--line:#ebe6f7;--line-strong:#ddd6ed;--brand:#6f3cf5;--brand-strong:#5a21d8;--brand-deep:#4c15b8;--brand-soft:#f1ebff;--brand-tint:#e7dcff;--on-brand:#fff;--gold:#96670f;--gold-soft:#fef7ea;--red:#c7262f;--red-soft:#fff4f4;--surface-soft:#f6f4fd;--scrim:#1d123f66;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--fast:.14s;--ease:cubic-bezier(.2, .8, .2, 1);--shadow-1:0 1px 2px #1f104a0f, 0 2px 8px #1f104a0a;--shadow-2:0 2px 6px #1f104a0d, 0 10px 28px #1f104a14;--shadow-3:0 8px 16px #1f104a12, 0 24px 64px #1f104a24;--shadow-brand:0 8px 20px #6f3cf540;--focus-ring:0 0 0 4px #6f3cf526;--wood:#0a7f5f;--wood-soft:#eefaf5;--fire:#c7262f;--fire-soft:#fff4f4;--earth:#96670f;--earth-soft:#fef7ea;--metal:#0b6b7a;--metal-soft:#e9f7fa;--water:#2f39b5;--water-soft:#eceeff;--mark-wood:#2aa578;--mark-fire:#c62b36;--mark-earth:#bb850e;--mark-metal:#1295ab;--mark-water:#3038c6;--chart-surface:#fff;--chart-track:#f1eef9;color:var(--ink);background:var(--bg);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a{color:var(--brand-strong);text-underline-offset:4px}:focus-visible{outline:3px solid var(--brand);outline-offset:3px}h1:focus{outline:none}h1,h2,h3{color:var(--ink);word-break:keep-all;margin:0}p{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}.stack.tight{gap:6px}.form-title{letter-spacing:-.03em;font-size:24px;font-weight:800}.icon{flex:none;width:20px;height:20px}.icon.lg{width:24px;height:24px}.muted{color:var(--muted)}.small{font-size:14px}.micro{font-size:13px}.eyebrow{color:var(--brand);font-size:14px;font-weight:700}.stack{gap:12px;display:grid}.row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.app{background:var(--bg);max-width:560px;min-height:100dvh;margin:0 auto}.with-tabs{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.3)blur(14px);backdrop-filter:saturate(1.3)blur(14px);background:#fffffff2;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 20px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.045em;color:var(--brand-strong);justify-items:center;font-size:26px;font-weight:800;line-height:1.1;text-decoration:none;display:inline-grid}.app .wordmark{color:var(--brand-strong)}.wordmark small{letter-spacing:.16em;color:var(--brand);font-size:9px;font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.header-chip{border-radius:var(--r-pill);background:var(--brand-soft);min-height:40px;color:var(--brand-strong);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.app .header-chip{color:var(--brand-strong)}.header-chip .icon{width:16px;height:16px}.page{overflow-wrap:anywhere;align-content:start;gap:20px;padding:28px 20px 40px;display:grid}.page-head{gap:8px;margin-bottom:4px;display:grid}.page-head h1{letter-spacing:-.035em;font-size:30px;font-weight:800;line-height:1.25}.page-head .lead{color:var(--sub)}.lead{color:var(--sub);font-size:16px}.bottom-nav{z-index:20;width:100%;max-width:560px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(1.3)blur(16px);backdrop-filter:saturate(1.3)blur(16px);border-top:1px solid var(--line);background:#ffffffe6;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{border-radius:var(--r-md);min-height:60px;color:var(--muted);transition:background var(--fast) var(--ease);align-content:center;justify-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:grid}.app .bottom-nav a{color:var(--muted)}.app .bottom-nav a.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:700}.bottom-nav .icon{width:24px;height:24px}.btn{border-radius:var(--r-pill);background:var(--brand);min-height:52px;color:var(--on-brand);text-align:center;cursor:pointer;box-shadow:var(--shadow-brand);transition:background var(--fast) var(--ease), box-shadow var(--fast) var(--ease), transform var(--fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.app a.btn{color:var(--on-brand)}.btn:active{transform:scale(.97)}.btn.block{width:100%}.btn.small{min-height:44px;padding:8px 18px;font-size:14px}.btn.secondary,.app a.btn.secondary{background:var(--paper);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-1)}.btn.soft,.app a.btn.soft{background:var(--brand-soft);color:var(--brand-strong);box-shadow:none}.btn.inverse,.app a.btn.inverse{color:var(--brand-strong);box-shadow:var(--shadow-2);background:#fff}.btn.danger{background:var(--red);color:#fff;box-shadow:0 8px 20px #c7262f3d}.btn.danger-soft{background:var(--red-soft);color:var(--red);box-shadow:none}.btn:disabled{color:#6f6983;border-color:var(--line);box-shadow:none;cursor:not-allowed;background:#f0eef7;transform:none}.btn-reason{text-align:center;color:var(--muted);margin-top:-4px;font-size:13px}.icon-btn{border-radius:var(--r-pill);min-width:44px;min-height:44px;color:var(--sub);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.text-link{align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}button.text-link{cursor:pointer;background:0 0;border:0;padding:0}.app .text-link{color:var(--brand-strong)}.text-link .icon{width:18px;height:18px}.actions{gap:12px;display:grid}.actions.two{grid-template-columns:1fr 1fr}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-1);gap:16px;padding:24px 20px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header h2{letter-spacing:-.025em;font-size:20px;font-weight:700}.tag{border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-strong);white-space:nowrap;align-items:center;gap:4px;padding:5px 11px;font-size:13px;font-weight:700;display:inline-flex}.tag.neutral{background:var(--surface-soft);color:var(--sub)}.tag.gold{background:var(--gold-soft);color:var(--gold)}.notice{border-radius:var(--r-md);background:var(--brand-soft);color:var(--brand-strong);align-items:flex-start;gap:12px;padding:16px;font-size:14px;font-weight:500;line-height:1.75;display:flex}.notice .icon{margin-top:3px}.notice>div{gap:4px;min-width:0;display:grid}.notice strong{font-weight:700}.notice.neutral{background:var(--surface-soft);color:var(--sub)}.notice.warning{background:var(--gold-soft);color:var(--gold)}.notice.error{background:var(--red-soft);color:var(--red)}.notice a{color:inherit;font-weight:700}.summary-list{margin:0;display:grid}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;font-size:14px;display:flex}.summary-row dt{color:var(--muted);flex:none}.summary-row dd{text-align:right;margin:0;font-weight:600}.list-group{display:grid}.list-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:72px;color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:16px;padding:14px 4px;text-decoration:none;display:flex}.app a.list-row{color:var(--ink)}.list-row:last-child{border-bottom:0}.list-row>span{flex:1;gap:2px;min-width:0;display:grid}.list-row strong{font-weight:600}.list-row small{color:var(--muted);font-size:13px}.list-row>.icon{color:var(--sub)}.list-row.danger,.app a.list-row.danger,.list-row.danger>.icon{color:var(--red)}.empty-state{text-align:center;justify-items:center;gap:12px;padding:24px 8px;display:grid}.empty-icon{background:var(--brand-soft);width:64px;height:64px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.empty-icon .icon{width:28px;height:28px}.empty-state h1,.empty-state h2,.empty-state h3{font-size:18px;font-weight:700}.empty-state p{max-width:30em;color:var(--sub);font-size:14px}.trust-message{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.trust-message .icon{width:16px;height:16px}.step-header{letter-spacing:.04em;color:var(--brand);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.step-header .off{color:var(--muted)}.step-item{display:contents}.step-line{background:var(--line);border-radius:3px;flex:1;height:3px}.step-line.on{background:var(--brand)}.form-section{gap:10px;display:grid}.field-label,.form-section legend{color:var(--ink);font-size:14px;font-weight:700}.required{color:var(--gold)}.field{gap:8px;min-width:0;display:grid}.field>span{color:var(--sub);font-size:13px;font-weight:600}.field input,.field select,.field textarea{border-radius:var(--r-md);background:var(--surface-soft);width:100%;min-width:0;min-height:56px;color:var(--ink);transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border:1.5px solid #0000;padding:12px 16px;font-weight:500;display:block}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field select:focus,.field textarea:focus{background:var(--paper);border-color:var(--brand);box-shadow:var(--focus-ring);outline:0}.field [aria-invalid=true]{border-color:var(--red);background:var(--red-soft)}.field textarea{resize:vertical;min-height:112px;line-height:1.7}.date-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.time-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hint{color:var(--muted);font-size:13px}.error{color:var(--red);font-size:14px;font-weight:600}.segmented{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-soft);gap:4px;padding:5px;display:flex}.segment{border-radius:var(--r-pill);min-width:0;min-height:44px;color:var(--sub);cursor:pointer;background:0 0;border:0;flex:1;padding:8px 12px;font-size:14px;font-weight:600}.segment[aria-pressed=true]{background:var(--paper);color:var(--brand-strong);box-shadow:var(--shadow-1);font-weight:700}.check-row{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--brand);flex:none;margin:0}.intro-hero{gap:12px;padding-top:12px;display:grid}.intro-hero h1{letter-spacing:-.04em;font-size:34px;font-weight:800;line-height:1.24}.auth-box{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper);box-shadow:var(--shadow-3);gap:16px;padding:32px 24px;display:grid}.auth-title{gap:4px;display:grid}.auth-box h2{letter-spacing:-.03em;font-size:24px;font-weight:800}.auth-terms{color:var(--muted);text-align:center;font-size:13px;line-height:1.8}.auth-age{border-top:1px solid var(--line);color:var(--sub);text-align:center;padding-top:16px;font-size:13px}.dev-label{text-align:center;color:var(--muted);font-size:12px}.site-footer{border-top:1px solid var(--line);color:var(--muted);gap:8px;padding-top:16px;font-size:13px;display:grid}.site-footer nav{gap:16px;display:flex}.app .site-footer a{color:var(--sub);align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.profile-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-name{letter-spacing:-.03em;font-size:26px;font-weight:800}.profile-name span{color:var(--sub);font-size:16px;font-weight:500}.profile-meta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;display:flex}.profile-meta .dot{background:#c3b9d2;border-radius:50%;width:3px;height:3px}.profile-symbol{background:var(--brand);width:56px;height:56px;color:var(--on-brand);box-shadow:var(--shadow-brand);border-radius:50%;flex:none;place-items:center;font-size:24px;font-weight:800;display:grid}.identity{align-items:center;gap:14px;display:flex}.profile-symbol.small-symbol{width:44px;height:44px;box-shadow:none;font-size:18px}.basis-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.basis-info{gap:2px;display:grid}.basis-info>span{font-size:14px;font-weight:600}.basis-info small{color:var(--muted);font-size:13px}.pillars{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pillar{gap:8px;min-width:0;display:grid}.pillar-label{color:var(--sub);font-size:13px;font-weight:600}.pillar.current .pillar-label{color:var(--brand-strong);font-weight:700}.pillar-char{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-soft);min-height:96px;color:var(--muted);place-content:center;display:grid}.pillar-char b{font-size:32px;font-weight:400;line-height:1.4}.pillar-char small{font-size:12px}.pillar-char.hanja-wood{background:var(--wood-soft);color:var(--wood)}.pillar-char.hanja-fire{background:var(--fire-soft);color:var(--fire)}.pillar-char.hanja-earth{background:var(--earth-soft);color:var(--earth)}.pillar-char.hanja-metal{background:var(--metal-soft);color:var(--metal)}.pillar-char.hanja-water{background:var(--water-soft);color:var(--water)}.variant-condition{color:var(--brand-strong);font-size:13px;font-weight:700}.element-chart{border:1px solid var(--line);border-radius:var(--r-md);background:var(--chart-surface);margin:0;padding:16px}.element-chart figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.element-chart figcaption strong{font-size:14px}.element-bars{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.element-bars li{grid-template-columns:46px 1fr 30px;align-items:center;gap:8px;display:grid}.element-name{font-size:14px;font-weight:700}.element-name small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:500}.element-track{background:var(--chart-track);border-radius:4px;height:18px;overflow:hidden}.element-bar{border-radius:4px;min-width:10px;height:100%;display:block}.element-bar.mark-wood{background:var(--mark-wood)}.element-bar.mark-fire{background:var(--mark-fire)}.element-bar.mark-earth{background:var(--mark-earth)}.element-bar.mark-metal{background:var(--mark-metal)}.element-bar.mark-water{background:var(--mark-water)}.element-value{text-align:right;font-size:14px;font-weight:800}.element-value.is-zero{color:var(--muted);font-weight:600}.chart-readout{border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-strong);margin-top:12px;padding:8px 12px;font-size:12px;font-weight:600}.basis-disclosure summary{min-height:44px;color:var(--sub);cursor:pointer;align-items:center;font-size:14px;font-weight:600;display:flex}.cta-card{border-radius:var(--r-xl);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand);gap:12px;padding:28px 24px;display:grid}.cta-card h2{color:var(--on-brand);letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.3}.cta-card p{color:#f3edff}.cta-card .eyebrow{color:#f3edff;font-weight:600}.cta-card .btn{margin-top:8px}.principles{gap:18px;padding:8px 4px;display:grid}.principle{grid-template-columns:44px 1fr;gap:4px 8px;display:grid}.principle b{color:var(--brand);grid-row:span 2;font-size:24px;font-weight:800;line-height:1.2}.principle h3{font-size:15px;font-weight:700}.principle p{color:var(--sub);font-size:14px}.thread-head{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.thread-head strong{font-size:15px;display:block}.thread-head small{color:var(--muted);font-size:13px}.topic-chips{flex-wrap:wrap;gap:8px;display:flex}.topic-chip{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--paper);cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.topic-chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong);font-weight:700}.topic-chip .icon{width:18px;height:18px}.prompt-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.prompt-list li{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);padding:16px 20px;font-size:14px;font-weight:600}.messages{gap:16px;margin:0;padding:0;list-style:none;display:grid}.message{justify-items:stretch;gap:10px;display:grid}.bubble{background:var(--brand);max-width:85%;color:var(--on-brand);white-space:pre-wrap;box-shadow:var(--shadow-brand);border-radius:20px 20px 6px;justify-self:end;padding:12px 18px}.reply{background:var(--surface-soft);border-radius:20px 20px 20px 6px;gap:8px;padding:16px 18px;display:grid}.reply p{margin:0}.reply-text{white-space:pre-wrap;line-height:1.6}.run-progress{border-radius:var(--r-md);background:var(--surface-soft);align-items:center;gap:14px;padding:16px 18px;font-size:14px;display:flex}.run-progress>div{gap:2px;display:grid}.run-progress small{color:var(--muted)}.run-dots{gap:4px;display:flex}.run-dots i{background:var(--brand);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite pulse}.run-dots i:nth-child(2){animation-delay:.15s}.run-dots i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.composer-box{border:1.5px solid var(--line-strong);border-radius:var(--r-lg);background:var(--paper);align-items:flex-end;gap:12px;padding:12px 12px 12px 16px;display:flex}.composer-box:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.composer-box textarea{resize:vertical;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:56px;max-height:180px;padding:4px 0;font-size:16px;line-height:1.7}.composer-box textarea:focus-visible{outline:0}.send-btn{background:var(--brand);width:48px;height:48px;color:var(--on-brand);box-shadow:var(--shadow-brand);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.send-btn:disabled{color:#6f6983;box-shadow:none;cursor:not-allowed;background:#f0eef7}.composer-foot{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.dev-check{box-shadow:none;border-style:dashed}.wallet-empty{gap:4px;padding:8px 0;display:grid}.wallet-empty strong{letter-spacing:-.03em;color:var(--muted);font-size:28px;font-weight:800}.package-list{gap:10px;display:grid}.package-option{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);cursor:pointer;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);align-items:center;gap:14px;padding:18px 16px;display:flex}.package-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand)}.package-option input{width:20px;height:20px;accent-color:var(--brand);flex:none;margin:0}.package-option>span{gap:2px;min-width:0;display:grid}.package-option .package-name{flex:1}.package-option strong{font-size:17px;font-weight:700}.package-option small{color:var(--muted);font-size:13px}.package-price{text-align:right}.package-price strong{white-space:nowrap;font-weight:800}.policy{gap:12px;display:grid}.policy h2{margin-top:12px;font-size:19px;font-weight:700}.policy p,.policy li{color:var(--ink-soft);font-size:15px;line-height:1.85}.policy ul{margin:0;padding-left:20px}.dialog-scrim{z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--r-xl);background:var(--paper);width:min(100%,440px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-3);overflow-y:auto}.dialog-head{justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 12px 24px;display:flex}.dialog-head h2{letter-spacing:-.02em;font-size:21px;font-weight:800}.dialog-body{color:var(--sub);gap:14px;padding:0 24px 24px;font-size:14px;line-height:1.8;display:grid}.dialog-body ul{margin:0;padding-left:20px}.dialog-actions{gap:10px;margin-top:8px;display:flex}.dialog-actions>.btn{flex:1;padding-inline:12px}.toast{left:50%;bottom:calc(104px + env(safe-area-inset-bottom));z-index:60;border-radius:var(--r-md);background:var(--ink);color:#fff;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow-2);padding:14px 20px;font-size:14px;position:fixed;transform:translate(-50%)}@media (width<=360px){.page{padding-inline:16px}.page-head h1,.intro-hero h1{font-size:27px}.panel{padding:20px 16px}.date-row{gap:6px}}@media (width>=600px){.app{box-shadow:0 0 0 1px var(--line)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app a:hover{text-decoration:none}.app a.icon-btn{color:var(--sub)}.btn.text{color:var(--brand-strong);box-shadow:none;background:0 0;padding-inline:12px}