:root{--color-bg: #f8f4ec;--color-surface: #ffffff;--color-text: #202033;--color-muted: #716d7f;--color-primary: #4d3d7a;--color-primary-soft: #ebe5fb;--color-secondary: #173c55;--color-accent: #d96c57;--color-gold: #b88735;--color-mint: #3f887d;--color-border: #e6ddce;--radius: 8px;--shadow: 0 12px 30px rgba(32, 32, 51, .09)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;background:var(--color-bg);color:var(--color-text)}body{margin:0;min-height:100vh;padding-bottom:0}a{color:inherit}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:#f8f4eceb;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--color-primary);font-weight:900;text-decoration:none}.brand-mark{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;background:var(--color-primary);color:#fff;font-size:12px;letter-spacing:0}.links{display:flex;gap:14px;color:var(--color-muted);font-size:14px;white-space:nowrap;overflow-x:auto}.links a,.footer a,.mobile-tab a{text-decoration:none}.page{width:min(1080px,calc(100% - 32px));margin:0 auto}.section{padding:28px 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.eyebrow{margin:0 0 8px;color:var(--color-accent);font-size:13px;font-weight:900}.hero{padding:34px 0 18px}.hero h1{max-width:760px;margin:0 0 14px;font-size:42px;line-height:1.14;letter-spacing:0}.hero p{max-width:650px;color:var(--color-muted);font-size:17px;line-height:1.7}.topic-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:18px;align-items:center}.topic-hero img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.primary-button,.secondary-button{border:0;border-radius:var(--radius);padding:13px 15px;cursor:pointer;text-decoration:none;text-align:center;font-weight:900}.primary-button{background:var(--color-primary);color:#fff}.secondary-button{background:#efe8dc;color:var(--color-secondary)}.fortune-flow,.result-stack{display:grid;gap:16px}.fortune-form,.result-card,.paid-cta,.loading-card,.question-box,.report-section,.report-hero{padding:18px}.fortune-form{display:grid;gap:14px}.form-title{display:grid;gap:5px;margin-bottom:2px}.form-title h2{margin:0;font-size:20px}.form-title p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.55}.fortune-form label,.question-box form{display:grid;gap:8px;color:var(--color-muted);font-size:14px;font-weight:800}.topic-group-stack{display:grid;gap:12px}.topic-choice-group{display:grid;gap:8px}.topic-choice-group h3{margin:0;font-size:13px;color:var(--color-secondary)}.topic-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.topic-pills button{min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-muted);cursor:pointer;font-weight:900;overflow-wrap:anywhere}.topic-pills button.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.selected-topic-note{margin:0;color:var(--color-muted);line-height:1.6}.date-fieldset,.time-fieldset{display:grid;gap:8px}.field-label{color:var(--color-muted);font-size:14px;font-weight:900}.date-input-grid,.time-input-grid{display:grid;gap:12px}.date-input-grid{grid-template-columns:minmax(112px,1.35fr) repeat(2,minmax(76px,.85fr))}.time-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two,.days-grid,.trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;color:var(--color-text);background:#fff}textarea{min-height:118px;resize:vertical}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important}.check-row input{width:18px;height:18px}.score-row,.paid-cta{display:flex;align-items:center;justify-content:space-between;gap:16px}.paid-copy{display:grid;gap:8px}.paid-copy h2,.paid-copy p{margin:0}.paid-copy p{color:var(--color-muted);line-height:1.6}.paid-copy ul{margin:4px 0 0;padding-left:18px;color:var(--color-muted);line-height:1.7}.price-badge{width:fit-content;padding:5px 9px;border-radius:999px;background:#fff4e3;color:var(--color-gold);font-size:12px;font-weight:900}.score-row strong{color:var(--color-accent);font-size:28px}.summary{font-size:17px;line-height:1.7}.trait-grid article,.advice-box{border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;background:#fffdf8}.trait-grid h3,.days-grid h3,.advice-box h3,.report-section h2,.question-box h2{margin:0 0 8px}.disclaimer,.notice-message,.error-message{color:var(--color-muted);font-size:13px;line-height:1.6}.error-message{color:#b44235}.loading-card{display:grid;gap:14px;color:var(--color-muted);overflow:hidden}.analysis-card-header{display:flex;align-items:center;gap:12px;min-width:0}.analysis-card-header div{display:grid;gap:4px;min-width:0}.analysis-card-header strong{color:var(--color-text);font-size:16px}.analysis-card-header span:not(.analysis-status-dot){font-size:13px;line-height:1.45}.analysis-status-dot{position:relative;width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 #d96c5752;animation:analysis-pulse 1.4s ease-out infinite}.element-orbit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.element-chip{min-height:42px;display:inline-grid;place-items:center;border:1px solid var(--chip-border, var(--color-border));border-radius:var(--radius);background:var(--chip-bg, #fff);color:var(--chip-color, var(--color-muted));font-size:14px;font-weight:900;transform:translateY(0);animation:element-scan 2.8s ease-in-out infinite;animation-delay:calc(var(--chip-index) * .16s)}.element-chip.wood{--chip-bg: #edf7ef;--chip-border: #b8d9bf;--chip-color: #2f6f46}.element-chip.fire{--chip-bg: #fff0ea;--chip-border: #efb7a8;--chip-color: #b84f3e}.element-chip.earth{--chip-bg: #fff6df;--chip-border: #e4c878;--chip-color: #8a6920}.element-chip.metal{--chip-bg: #f4f1eb;--chip-border: #cfc5b5;--chip-color: #655d53}.element-chip.water{--chip-bg: #eaf6f6;--chip-border: #a8d4d1;--chip-color: #276f74}.analysis-progress{height:6px;overflow:hidden;border-radius:999px;background:#efe8dc}.analysis-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-mint),var(--color-gold),var(--color-accent));transform-origin:left center;animation:analysis-progress 2.8s ease-out forwards}@keyframes analysis-pulse{0%{box-shadow:0 0 #d96c5752}70%{box-shadow:0 0 0 9px #d96c5700}to{box-shadow:0 0 #d96c5700}}@keyframes element-scan{0%,to{filter:saturate(.9);transform:translateY(0)}18%,34%{filter:saturate(1.22);transform:translateY(-3px)}46%{filter:saturate(.95);transform:translateY(0)}}@keyframes analysis-progress{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.analysis-status-dot,.element-chip,.analysis-progress span{animation:none}.analysis-progress span{transform:scaleX(1)}}.report-view{display:grid;gap:16px;padding:24px 0}.report-hero h1{margin:6px 0}.report-section p,.answer p{line-height:1.75}.footer{width:min(1080px,calc(100% - 32px));margin:48px auto 0;padding:24px 0 36px;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:14px;color:var(--color-muted);font-size:13px}.mobile-tab{display:none}@media(max-width:720px){body{padding-bottom:72px}.nav{width:calc(100% - 28px)}.links{display:none}.hero{padding-top:24px}.hero h1{font-size:30px}.topic-hero,.grid-two,.date-input-grid,.time-input-grid,.days-grid,.trait-grid{grid-template-columns:1fr}.topic-pills{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.score-row,.paid-cta{align-items:stretch;flex-direction:column}.mobile-tab{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border:1px solid var(--color-border);border-radius:18px;background:#fffffff0;box-shadow:0 14px 34px #2020332e;backdrop-filter:blur(12px)}.mobile-tab a{min-width:0;padding:8px 3px;border-radius:12px;color:var(--color-muted);text-align:center;font-size:12px;font-weight:800}.mobile-tab a:first-child{background:var(--color-primary-soft);color:var(--color-primary)}}