:root{color-scheme:light;--bg-top: #fff8df;--bg-bottom: #ffe7f1;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .92);--text: #4d3745;--text-soft: #836f7a;--line: rgba(175, 132, 153, .16);--shadow: 0 20px 44px rgba(205, 146, 176, .2);--yellow: #ffd557;--yellow-deep: #efbe3a;--pink: #f363a5;--pink-deep: #dd4f8b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,213,87,.42),transparent 22%),radial-gradient(circle at top right,rgba(243,99,165,.18),transparent 30%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:start center;padding:18px 10px 40px}.app-frame{width:min(100%,440px);display:grid;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 4px 0}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-badge{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;font-weight:900;font-size:1.2rem;color:#3f2d12;background:linear-gradient(135deg,var(--yellow),var(--yellow-deep));box-shadow:var(--shadow)}.brand-copy{display:grid;gap:3px}.brand-copy strong{font-size:1.12rem}.brand-copy span{color:var(--text-soft);font-size:.85rem}.login-button,.status-button,.primary-button,.card-button,.secondary-button,.ghost-button{border:0;border-radius:999px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.login-button,.status-button,.primary-button{color:#4f3412;background:linear-gradient(135deg,var(--yellow),var(--yellow-deep));box-shadow:var(--shadow)}.login-button:hover,.status-button:hover,.primary-button:hover,.card-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.login-button{padding:14px 20px}.hero-slider{display:grid;gap:10px}.slides{position:relative;min-height:246px}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;min-height:246px;padding:22px 18px 28px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.slide.active{display:block}.slide-yellow{background:linear-gradient(180deg,#fff9e6,#fff0bf)}.slide-pink{background:linear-gradient(180deg,#fff3f9,#ffe2ef)}.slide-mint{background:linear-gradient(180deg,#eefcf9,#d9f8f0)}.slide-side,.slide-note{position:absolute;font-size:.9rem;color:var(--text-soft)}.slide-side{left:14px;top:46px;transform:rotate(-58deg)}.slide-note{right:18px;bottom:28px;transform:rotate(-18deg)}.slide-center{width:100%;max-width:304px;margin:32px auto 0;padding:22px 20px;border-radius:999px;text-align:center;border:6px solid #7e8f43;background:linear-gradient(180deg,#ffe17f,#ffd24f);color:#658233}.slide-price{display:block;font-size:4.9rem;line-height:.9;font-weight:900;color:#5f7a35}.slide-center strong{display:block;margin-top:6px;font-size:1.08rem}.slider-dots{display:flex;justify-content:center;gap:8px}.dot{width:10px;height:10px;border:0;border-radius:999px;background:#785f6e38}.dot.active{width:24px;background:#f363a5c2}.status-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-kicker,.modal-kicker{margin:0 0 6px;font-size:.82rem;font-weight:800;color:var(--pink-deep);letter-spacing:.08em}.status-panel strong{line-height:1.45}.status-subtext{display:block;margin-top:6px;font-size:.9rem;color:var(--text-soft)}.status-button{padding:12px 16px;flex-shrink:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.content-card{overflow:hidden;border-radius:24px;background:var(--surface-strong);box-shadow:var(--shadow)}.content-card.is-active{outline:2px solid rgba(243,99,165,.3);transform:translateY(-1px)}.card-visual{position:relative;min-height:242px;display:flex;align-items:flex-start;justify-content:center;padding:22px 16px}.card-visual strong{font-size:4rem;line-height:.95;letter-spacing:-.05em}.card-sticker{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:800;background:#ffffffd1}.accent-lavender .card-visual{background:linear-gradient(135deg,#e8f8ff,#ffe3f0);color:#a987c1}.accent-rose .card-visual{background:linear-gradient(135deg,#ffe7f1,#ffeef5);color:#f060a1}.accent-sky .card-visual{background:linear-gradient(135deg,#dbf4ff,#f3efff);color:#6098d3}.accent-peach .card-visual{background:linear-gradient(135deg,#fff4d3,#fff8e7);color:#da8120}.accent-mint .card-visual{background:linear-gradient(135deg,#e3fff6,#f1fff9);color:#37a18a}.accent-butter .card-visual{background:linear-gradient(135deg,#fff8d8,#fffdf2);color:#c39a14}.card-body{padding:14px 12px 16px}.card-body h2{margin:0 0 6px;font-size:1.08rem;line-height:1.35}.card-body p{margin:0;min-height:62px;font-size:.93rem;line-height:1.45;color:var(--text-soft)}.card-rank{display:block;margin-top:12px;font-size:.95rem;font-weight:800;color:var(--pink-deep)}.card-button{width:100%;margin-top:10px;padding:12px 14px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--pink-deep))}.secondary-button,.ghost-button{padding:11px 16px;color:var(--text);background:#ffffffeb;border:1px solid var(--line)}.flow-layout{display:grid;gap:14px}.section-card{padding:18px;border:1px solid var(--line);border-radius:24px;background:#ffffffe6;box-shadow:var(--shadow)}.section-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-card-header h3{margin:0;font-size:1.08rem}.section-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff1c1e0;color:#83652a;font-size:.8rem;font-weight:800}.section-pill.is-success{background:#e1f7e3f2;color:#2d7a42}.section-copy{margin:12px 0 0;color:var(--text-soft);line-height:1.55}.analysis-form{display:grid;gap:16px;margin-top:16px}.form-grid,.pair-form{display:grid;gap:12px}.pair-card{padding:14px;border:1px solid var(--line);border-radius:20px;background:#ffffffb3}.pair-card h4{margin:0 0 12px;font-size:.98rem}.field{display:grid;gap:8px}.field-label{font-size:.93rem;font-weight:700}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff;color:var(--text)}.field select option{color:var(--text);background:#fff}.field input:focus,.field select:focus{outline:2px solid rgba(243,99,165,.24);border-color:#f363a55c}.field-hint{color:var(--text-soft);font-size:.82rem}.form-actions{display:flex}.saved-profile-card,.product-flow-card{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#fff8ea;color:#6b5442}.saved-profile-card strong,.product-flow-card strong{font-size:.94rem}.result-placeholder{display:grid;gap:6px;padding:16px;border-radius:18px;background:#fff8ea;color:var(--text-soft)}.result-stack{display:grid;gap:12px;margin-top:12px}.result-panel{padding:14px;border-radius:20px;background:#ffffffc7;border:1px solid var(--line)}.result-panel h4{margin:0 0 12px;font-size:.98rem}.result-group{display:grid;gap:10px}.result-subgroup{padding:12px;border-radius:16px;background:#fff8e6ad}.result-subgroup h4{margin:0 0 8px;font-size:.92rem}.result-text{margin:0;line-height:1.6;white-space:pre-wrap}.result-empty{color:var(--text-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#44243a57;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-modal{position:relative;width:min(100%,420px);max-height:calc(100vh - 40px);overflow-y:auto;padding:24px 20px 20px;border-radius:28px;background:#fffffff5;box-shadow:0 26px 60px #824e6747}.login-modal h2{margin:0;font-size:1.5rem;line-height:1.35}.modal-copy{margin:12px 0 0;color:var(--text-soft);line-height:1.6}.login-modal-wide{width:min(100%,520px)}.auth-error{margin:14px 0 0;padding:12px 14px;border-radius:16px;background:#fff2f2;color:#b33b52;font-size:.94rem;line-height:1.5}.modal-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:999px;font-size:1.5rem;color:var(--text-soft);background:#855d701a}.login-form{display:grid;gap:14px;margin-top:20px}.social-list{display:grid;gap:10px;margin-top:20px}.social-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;padding:15px 16px;background:#fff;color:var(--text);font-weight:700}.social-button small{color:var(--text-soft);font-weight:600}.social-google{border-color:#ebbb4f80;background:linear-gradient(180deg,#fffaf0,#fff4d8)}.social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-card{display:grid;gap:12px;margin-top:18px;padding:16px;border-radius:20px;background:#fff8ea;border:1px solid rgba(235,187,79,.35)}.profile-main{display:flex;align-items:center;gap:12px}.profile-main strong{display:block}.profile-main span{display:block;margin-top:3px;color:var(--text-soft);font-size:.92rem}.profile-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff}.profile-avatar-fallback{display:grid;place-items:center;font-weight:800;color:#7b5e23;background:linear-gradient(135deg,#ffe49a,#ffd45e)}.profile-chip{width:fit-content;padding:7px 10px;border-radius:999px;font-size:.84rem;font-weight:800;color:#7b5e23;background:#ffd45e47}.login-form label{display:grid;gap:8px;font-size:.95rem;font-weight:700}.login-form input{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff;color:var(--text)}.login-form input:focus{outline:2px solid rgba(243,99,165,.24);border-color:#f363a55c}.primary-button{margin-top:4px;padding:14px 18px}.modal-footnote{display:grid;gap:6px;margin-top:18px;padding:14px 16px;border-radius:18px;background:#fff6db;color:#5b4a2f}.account-summary{display:grid;gap:14px;margin-top:18px}.account-actions{display:flex;gap:10px}.wallet-balance{margin-top:16px;padding:14px 16px;border-radius:18px;background:#fff8ea;font-weight:800;color:#7b5e23}.coin-package-list{display:grid;gap:10px;margin-top:16px}.coin-package-card{display:grid;gap:4px;padding:16px;border-radius:20px;background:#fffffff2;border:1px solid var(--line)}.coin-package-card strong{font-size:1rem}.coin-package-card span{font-weight:800;color:var(--pink-deep)}.coin-package-card small{color:var(--text-soft)}.mypage-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;margin-bottom:18px}.mypage-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff8ea;color:#6f5938;font-weight:700}.saved-profile-list{display:grid;gap:10px;margin-top:12px;max-height:320px;overflow-y:auto;padding-right:4px}.saved-profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:#ffffffeb;border:1px solid var(--line)}.saved-profile-copy small,.profile-picker small{display:block;margin-top:4px;color:var(--text-soft);font-size:.82rem}.result-page{display:grid;gap:14px;margin-top:16px}.saju-result-page{gap:16px}.result-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#ffe8ef,#fff0d8);border:1px solid rgba(232,193,170,.4)}.result-kicker{margin:0 0 6px;font-size:.8rem;font-weight:800;color:var(--pink-deep);letter-spacing:.08em}.result-hero-copy{display:grid;gap:10px}.result-hero strong{display:block;font-size:1.62rem;line-height:1.34;word-break:keep-all}.result-hero span{display:block;margin-top:8px;color:var(--text-soft);line-height:1.5}.result-badge{flex-shrink:0;padding:8px 12px;border-radius:999px;background:#fffc;color:#7b5e23;font-size:.82rem;font-weight:800}.result-tag-list{display:flex;flex-wrap:wrap;gap:8px}.result-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffffb3;color:#8f6d74;font-size:.82rem;font-weight:700}.saju-hero{background:linear-gradient(135deg,#f7f1e3,#fff7ef)}.saju-hero-subcopy{margin:0;color:var(--text-soft);line-height:1.6}.result-score{display:flex;align-items:flex-end;gap:8px}.result-score-number{font-size:3rem;line-height:1;font-weight:900;color:#27344f}.result-score-denominator{margin-bottom:6px;color:var(--text-soft);font-size:1rem}.score-bar-card{display:grid;gap:14px;padding:18px;border-radius:22px;background:#fffffff5;border:1px solid var(--line)}.score-bar-row{display:grid;grid-template-columns:minmax(102px,118px) 1fr 34px;align-items:center;gap:10px}.score-bar-label{display:flex;align-items:center;gap:6px;font-size:.88rem;min-width:0}.score-bar-icon{flex-shrink:0}.score-bar-label strong{word-break:keep-all;line-height:1.28}.score-bar-track{position:relative;height:8px;border-radius:999px;background:#ececec;overflow:hidden}.score-bar-fill{height:100%;border-radius:999px}.score-pink{background:linear-gradient(90deg,#f368a7,#f8a8c8)}.score-orange{background:linear-gradient(90deg,#ff9a3d,#ffd25c)}.score-gold{background:linear-gradient(90deg,#d6a22f,#ffd36d)}.score-green{background:linear-gradient(90deg,#40c685,#76ddb1)}.score-purple{background:linear-gradient(90deg,#a673ff,#d0afff)}.score-rose{background:linear-gradient(90deg,#f46a9b,#ffc0d6)}.score-mint{background:linear-gradient(90deg,#47cfa6,#a9efd8)}.score-blue{background:linear-gradient(90deg,#5d8eff,#9fc0ff)}.score-bar-value{text-align:right;font-weight:800;color:#3c4257}.manse-card,.saju-chart-card,.saju-core-card,.saju-timing-card,.saju-practical-card{display:grid;gap:14px;padding:18px;border-radius:24px;background:#fffffff5;border:1px solid var(--line)}.saju-pillar-grid,.saju-basic-grid,.saju-phase-grid,.saju-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saju-pillar-card,.saju-basic-item,.saju-list-item,.saju-diagnosis-card{display:grid;gap:6px;padding:14px;border-radius:18px;background:#fff8e6b8;border:1px solid rgba(175,132,153,.1)}.saju-pillar-card span,.saju-basic-item span,.saju-diagnosis-label{color:var(--text-soft);font-size:.82rem}.saju-pillar-card strong,.saju-basic-item strong,.saju-diagnosis-card strong{line-height:1.4;word-break:keep-all}.saju-pillar-card small,.saju-list-item small{color:var(--text-soft);line-height:1.45}.saju-overview-card,.saju-diagnosis-grid,.saju-core-stack{display:grid;gap:12px}.saju-evidence-list{display:flex;flex-wrap:wrap;gap:8px}.saju-evidence-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fffc;border:1px solid rgba(175,132,153,.14);color:var(--text-soft);font-size:.8rem;font-weight:700}.saju-list-grid,.saju-palace-grid{display:grid;gap:10px}.custom-report-page{gap:16px}.custom-card{display:grid;gap:12px;padding:18px;border-radius:22px;background:#fffffff5;border:1px solid var(--line)}.custom-card h3,.custom-card p{margin:0}.custom-card p{line-height:1.7}.custom-grid-two,.custom-grid-three{display:grid;gap:12px}.custom-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.compatibility-hero{background:linear-gradient(135deg,#ffeaf1,#fff7f1)}.luck-hero{background:linear-gradient(135deg,#eef6ff,#f8fbff)}.pick-hero{background:linear-gradient(135deg,#fff3e8,#fff9f3)}.yearly-hero{background:linear-gradient(135deg,#effaf2,#fbfffc)}.zodiac-hero{background:linear-gradient(135deg,#f5f3ff,#fcfbff)}.star-hero{background:linear-gradient(135deg,#edf2ff,#fafbff)}.manse-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.manse-header h3{margin:0;font-size:1.12rem}.manse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.manse-pill{display:grid;gap:4px;padding:14px;border-radius:18px;background:#fff8ea}.manse-pill span{color:var(--text-soft);font-size:.84rem}.manse-pill strong{font-size:1.1rem}.manse-meta{display:grid;gap:8px}.manse-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(175,132,153,.12)}.manse-meta-row:last-child{border-bottom:0}.manse-meta-row span{color:var(--text-soft)}.result-note-box{padding:14px 16px;border-radius:18px;background:#fff8e6b3}.result-note-box strong{display:block;margin-bottom:6px}.result-note-box p{margin:0;line-height:1.6}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.today-luck-card,.action-card{display:grid;gap:12px;padding:18px;border-radius:22px;background:#fffffff2;border:1px solid var(--line)}.today-luck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:16px;overflow:hidden;background:#dadada}.today-luck-pill{display:grid;gap:4px;padding:12px;border-radius:16px;text-align:center;background:#fff}.today-luck-pill span{color:var(--text-soft);font-size:.78rem}.today-luck-pill strong{font-size:1rem}.today-luck-pill:nth-child(1){background:#7188c7;color:#fff}.today-luck-pill:nth-child(2){background:#ef8b8d;color:#fff}.today-luck-pill:nth-child(3){background:#8aa5d4;color:#fff}.today-luck-pill:nth-child(4){background:#d9edf5;color:#27445a}.today-luck-pill:nth-child(1) span,.today-luck-pill:nth-child(2) span,.today-luck-pill:nth-child(3) span{color:#ffffffd6}.action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.action-row span{color:var(--text-soft)}.action-card p{margin:0;line-height:1.6;color:var(--text)}.theme-block-list,.fortune-detail-grid{display:grid;gap:12px}.fortune-detail-card,.recommended-products-card{display:grid;gap:12px;padding:18px;border-radius:22px;background:#fffffff5;border:1px solid var(--line)}.fortune-card-overall{background:linear-gradient(180deg,#fff4dcfa,#fffcf3fa)}.fortune-card-love{background:linear-gradient(180deg,#ffedf3fa,#fff9fbfa)}.fortune-card-success{background:linear-gradient(180deg,#fff1e0fa,#fffbf5fa)}.fortune-card-money{background:linear-gradient(180deg,#eefaf1fa,#fafffbfa)}.fortune-card-health{background:linear-gradient(180deg,#ebfbf4fa,#f9fffcfa)}.fortune-card-focus{background:linear-gradient(180deg,#edf5fffa,#f9fcfffa)}.fortune-card-relationships{background:linear-gradient(180deg,#f4effffa,#fbf9fffa)}.fortune-detail-header{display:grid;gap:4px;min-width:0}.fortune-detail-header strong{font-size:1.05rem;line-height:1.35;word-break:keep-all}.fortune-detail-header span{color:var(--text-soft);font-weight:700;line-height:1.45}.fortune-detail-title strong{font-size:1.08rem}.fortune-detail-card p{margin:0;line-height:1.7}.fortune-accordion-card{gap:0;overflow:hidden}.fortune-accordion-button{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border:0;background:transparent;color:var(--text);text-align:left}.fortune-accordion-button:hover{background:#ffffff29}.fortune-detail-title{display:flex;align-items:center;gap:8px;min-width:0}.fortune-detail-icon{flex-shrink:0}.fortune-accordion-toggle{flex-shrink:0;color:var(--text-soft);font-size:.84rem}.fortune-accordion-card>p,.fortune-accordion-card>.fortune-detail-points{padding:0 18px 18px}.fortune-detail-points{display:grid;gap:8px}.fortune-point{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(175,132,153,.1)}.fortune-point strong{font-size:.9rem}.fortune-point span{color:var(--text-soft);line-height:1.55}.recommended-products-list{display:grid;gap:10px}.recommended-product-item{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:#fff8e6b8}.recommended-product-item strong{line-height:1.4;word-break:keep-all}.recommended-product-item span{color:var(--text-soft);line-height:1.5}.theme-block{padding:18px;border-radius:22px;border:1px solid var(--line)}.theme-block h3{margin:0 0 12px;font-size:1.05rem}.theme-rose{background:#fff0f4f5}.theme-amber{background:#fff6e2f5}.theme-purple{background:#f5f0fff5}.theme-item-list{display:grid;gap:10px}.theme-item{padding:12px 14px;border-radius:16px;background:#ffffffb8}.theme-item strong{display:block;margin-bottom:6px}.theme-item p{margin:0;line-height:1.6}.summary-card{display:grid;gap:6px;padding:14px;border-radius:0;background:#fffffff0;border:1px solid var(--line);text-align:center}.summary-card span{color:var(--text-soft);font-size:.82rem}.summary-card strong{line-height:1.4;word-break:keep-all}.accordion-list{display:grid;gap:10px}.accordion-card{border-radius:18px;background:#fffffff2;border:1px solid var(--line);overflow:hidden}.accordion-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:0;background:transparent;color:var(--text);text-align:left}.accordion-button span{font-weight:800}.accordion-button strong{color:var(--text-soft);font-size:.84rem}.accordion-body{margin:0;padding:0 16px 16px;line-height:1.7;color:var(--text)}.result-footer-box{display:grid;gap:6px;padding:16px;border-radius:18px;background:#fff6db;color:#5b4a2f}.saved-profile-row strong,.profile-picker strong{display:block}.saved-profile-row span,.profile-picker span{display:block;margin-top:4px;font-size:.9rem;color:var(--text-soft)}.analysis-topline{display:flex;gap:8px;margin-top:16px;margin-bottom:16px;flex-wrap:wrap}.profile-picker-list{display:grid;gap:10px;margin-top:12px;max-height:300px;overflow-y:auto;padding-right:4px}.profile-picker{width:100%;text-align:left;padding:16px;border-radius:18px;border:1px solid var(--line);background:#fffffff2;color:var(--text)}.profile-picker.is-selected{border-color:#f363a566;background:#fff2f8}.analysis-actions{display:flex;margin-top:16px}.success-box{display:grid;gap:6px;margin-top:16px;padding:14px 16px;border-radius:18px;background:#eefcf2;color:#2f7847}.bottom-nav{position:sticky;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:24px;background:#ffffffe6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav-item{display:grid;gap:2px;padding:10px 8px;border:0;border-radius:18px;background:transparent;color:var(--text-soft);text-align:center}.bottom-nav-item strong{font-size:.84rem;color:var(--text)}.bottom-nav-item span{font-size:.72rem}.bottom-nav-item.is-active{background:#fff6db}@media (max-width: 420px){.app-frame{width:100%}.brand-copy span{display:none}.status-panel{align-items:flex-start;flex-direction:column}.status-button{width:100%}.section-card-header{align-items:flex-start;flex-direction:column}.form-actions{display:block}.primary-button{width:100%}.account-actions,.saved-profile-row,.analysis-actions{flex-direction:column;align-items:stretch}.result-hero,.manse-header,.manse-meta-row{flex-direction:column;align-items:flex-start}.summary-grid,.manse-grid,.today-luck-grid{grid-template-columns:1fr}.score-bar-row{grid-template-columns:1fr;gap:6px}.result-hero strong{font-size:1.45rem}.card-visual{min-height:214px}.card-visual strong{font-size:3.3rem}.slide-center{max-width:288px}.slide-price{font-size:4.3rem}}:root{--font-ko: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display: "Montserrat", "Pretendard", sans-serif;--bg-60: #fff8f2;--surface-30: rgba(255, 251, 247, .76);--accent-10: #ef9b68;--accent-10-strong: #df7a43;--ink-strong: #5c4441;--ink-soft: #927976;--line-strong: rgba(230, 187, 166, .34);--shadow-soft: 0 18px 45px rgba(164, 112, 90, .12);--shadow-glow: 0 24px 60px rgba(239, 155, 104, .18);--grain: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .2) 0 1px, transparent 1px), radial-gradient(circle at 80% 30%, rgba(255, 255, 255, .12) 0 1px, transparent 1px), radial-gradient(circle at 40% 70%, rgba(221, 178, 157, .1) 0 1px, transparent 1px)}html[data-theme=dark]{color-scheme:dark;--bg-60: #6f5653;--surface-30: rgba(118, 92, 88, .74);--accent-10: #f5b481;--accent-10-strong: #ffd1a7;--ink-strong: #fff7ef;--ink-soft: #ead8ca;--line-strong: rgba(255, 228, 206, .14);--shadow-soft: 0 18px 45px rgba(93, 66, 64, .26);--shadow-glow: 0 24px 60px rgba(245, 180, 129, .1)}html{scroll-behavior:smooth}body{font-family:var(--font-ko);color:var(--ink-strong);background:var(--grain),radial-gradient(circle at top left,rgba(255,216,186,.42),transparent 28%),radial-gradient(circle at top right,rgba(255,230,210,.44),transparent 32%),linear-gradient(180deg,var(--bg-60),color-mix(in srgb,var(--bg-60) 90%,#ffe7d7 10%));background-size:160px 160px,auto,auto,auto}.skip-link{position:absolute;left:14px;top:-48px;z-index:30;padding:10px 14px;border-radius:999px;background:#f2cfb7;color:#5c4441;font-weight:700;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:12px}.app-shell{padding:20px 14px 52px}.app-frame{width:min(100%,1180px);gap:18px}.glass-topbar{position:sticky;top:8px;z-index:20;padding:14px 18px;border:1px solid var(--line-strong);border-radius:26px;background:color-mix(in srgb,var(--surface-30) 88%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.brand-badge{font-family:var(--font-display);letter-spacing:-.05em;color:#7f4d31;background:linear-gradient(135deg,#ffdca4,#f4b679)}.brand-copy strong,.hero-headline,.section-headline,.site-footer h2,.hero-stat-card strong,.social-proof-card strong{font-family:var(--font-display)}.brand-copy span,.section-subheadline,.hero-subheadline,.footer-disclaimer p,.hero-note-card p,.hero-stat-card small,.social-proof-card small{color:var(--ink-soft)}.topbar-nav{display:none;align-items:center;gap:12px}.topbar-nav a,.footer-links a,.menu-overlay-nav a{color:var(--ink-strong);text-decoration:none;font-weight:600}.theme-toggle,.menu-trigger,.menu-overlay-nav button{border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-30) 92%,transparent);color:var(--ink-strong)}.login-button,.status-button,.primary-button{color:#71452f;background:linear-gradient(135deg,#ffd69f,#f2ab74)}.menu-trigger{width:48px;height:48px;border-radius:16px;display:grid;place-items:center}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#cda48e3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.menu-close{position:absolute;top:20px;right:20px}.menu-overlay-nav{width:min(100%,420px);display:grid;gap:14px;padding:28px;border-radius:30px;background:color-mix(in srgb,var(--surface-30) 90%,transparent);border:1px solid var(--line-strong);box-shadow:var(--shadow-soft)}.menu-overlay-nav a,.menu-overlay-nav button{padding:14px 16px;border-radius:18px;font-size:1.05rem;text-align:left}#hero{scroll-margin-top:92px}.hero-panel{display:grid;gap:18px;padding:22px;border:1px solid var(--line-strong);border-radius:36px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-30) 95%,transparent),#ffffff1a),linear-gradient(180deg,rgba(255,255,255,.14),transparent);box-shadow:var(--shadow-soft),var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.hero-copy-panel,.hero-side-panel,.hero-note-card,.hero-stat-card,.social-proof-card,.site-footer,.section-block{position:relative}.hero-copy-panel:before,.hero-note-card:before,.social-proof-card:before,.product-card:before{content:"";position:absolute;inset:-30% auto auto -20%;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%);pointer-events:none}.section-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--accent-10-strong);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-headline{margin:0;font-size:clamp(2.1rem,5vw,3.7rem);line-height:1.04;letter-spacing:-.05em;text-wrap:balance}.hero-subheadline{margin:14px 0 0;max-width:60ch;font-size:1rem;line-height:1.72}.hero-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hero-cta-button{min-height:52px;padding-inline:22px}.secondary-button,.ghost-button{background:color-mix(in srgb,var(--surface-30) 92%,transparent);color:var(--ink-strong);box-shadow:none;border:1px solid var(--line-strong)}.hero-side-panel{display:grid;gap:14px}.hero-stat-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stat-card,.hero-note-card,.social-proof-card,.section-block,.site-footer,.product-card,.product-skeleton-card,.hero-skeleton-card{border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-30) 94%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-stat-card,.social-proof-card,.hero-note-card{padding:18px;border-radius:24px}.hero-stat-card strong,.social-proof-card strong{display:block;margin-top:8px;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.04em}.hero-stat-card span,.social-proof-card span{font-weight:700}.hero-note-card h2,.site-footer h2{margin:0 0 10px;font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:-.03em}.hero-skeleton-card,.product-skeleton-card{min-height:150px;border-radius:24px;overflow:hidden}.hero-skeleton-card:after,.product-skeleton-card:after{content:"";display:block;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translate(-100%);animation:shimmer 1.5s infinite}.section-block{padding:22px;border-radius:32px}.section-intro{margin-bottom:18px}.section-headline{margin:0;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.section-subheadline{margin:10px 0 0;max-width:66ch;line-height:1.7}.content-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.product-skeleton-card{grid-column:auto;border-radius:28px}.product-card.large,.product-card.wide{grid-column:auto}.card-shell{overflow:hidden}.card-copy h3,.card-copy strong,.card-copy span{word-break:keep-all;text-wrap:balance}.card-button,.primary-button,.secondary-button,.login-button,.ghost-button{position:relative;overflow:hidden}.button-ripple{position:absolute;border-radius:999px;transform:translate(-50%,-50%);background:#ffffff6b;animation:ripple .7s ease-out forwards;pointer-events:none}.product-card{transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d;will-change:transform}.product-card:hover{box-shadow:0 28px 70px #00000024,var(--shadow-glow)}.social-proof-section{scroll-margin-top:92px}.custom-grid-three{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.social-proof-card i{font-size:1.35rem;color:var(--accent-10)}.site-footer{padding:24px;border-radius:32px}.footer-top{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.footer-links a{padding:10px 14px;border-radius:999px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-30) 92%,transparent)}.footer-disclaimer{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-strong)}.footer-disclaimer strong{display:block;margin-bottom:8px}[data-reveal]{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}html.reveal-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(26px)}html.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes ripple{0%{width:0;height:0;opacity:.65}to{width:360px;height:360px;opacity:0}}@keyframes shimmer{to{transform:translate(100%)}}@media (min-width: 768px){.topbar-nav{display:flex}.menu-trigger{display:none}.hero-panel{grid-template-columns:1.3fr .9fr;align-items:stretch;padding:28px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.app-frame{width:100%}.topbar{gap:10px}.brand-copy span{display:none}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}.custom-grid-three,.hero-stat-grid{grid-template-columns:1fr}.site-footer,.section-block,.hero-panel{border-radius:26px}}