:root{--color-gold-50: #FFF9EC;--color-gold-100: #FEF0CF;--color-gold-200: #FCDFA0;--color-gold-300: #F5CA64;--color-gold-400: #D4AF37;--color-gold-500: #C9A03C;--color-gold-600: #B8860B;--color-gold-700: #8B6914;--color-gold-800: #6A4F10;--color-gold-900: #3D2E0A;--gradient-gold: linear-gradient(140deg, #C9A03C, #D4AF37, #B8860B);--gradient-gold-subtle: linear-gradient(180deg, #FFF9EC, #FEF0CF);--gradient-gold-cta: linear-gradient(140deg, #7F602F, #B79053);--color-wood: #3CB371;--color-wood-bg: #EDFAF2;--color-wood-border:#B5E5C8;--color-fire: #E74C3C;--color-fire-bg: #FEF0EE;--color-fire-border:#F7C9B5;--color-earth: #D4A017;--color-earth-bg: #FFF8E7;--color-earth-border:#F1D795;--color-metal: #7B96B0;--color-metal-bg: #F0F4F8;--color-metal-border:#C8D6E5;--color-water: #2E5090;--color-water-bg: #EBF0F8;--color-water-border:#B8CCE4;--color-bg: #FAFAF7;--color-bg-warm: #F5F4F0;--color-surface: #FFFFFF;--color-surface-alt:#FBFCFD;--color-surface-warm:#FFFDF8;--color-border: #E6E7EA;--color-border-light:#EEF2F6;--color-border-warm: #E8DFCF;--color-border-gold: #D9C39A;--color-text: #1A1A1A;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-text-hint: #9B9B9B;--color-text-gold: #6A4F2A;--color-text-inverse:#FFFFFF;--color-success: #18603F;--color-success-bg: #EAF9F0;--color-warning: #8D5B00;--color-warning-bg: #FFF8E7;--color-error: #9A3412;--color-error-bg: #FFF0E9;--color-info: #1D4ED8;--color-info-bg: #EAF2FF;--font-family: "Pretendard", "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text-h1: 1.75rem;--text-h2: 1.375rem;--text-h3: 1.125rem;--text-body: 1rem;--text-sm: .875rem;--text-caption: .8125rem;--text-label: .75rem;--text-micro: .6875rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--weight-extrabold:800;--leading-tight: 1.12;--leading-snug: 1.3;--leading-normal: 1.48;--leading-relaxed:1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-xs: 0 1px 3px rgba(16, 24, 40, .03);--shadow-sm: 0 2px 8px rgba(16, 24, 40, .04);--shadow-md: 0 6px 14px rgba(16, 24, 40, .06);--shadow-lg: 0 14px 34px rgba(29, 24, 18, .12);--shadow-xl: 0 16px 34px rgba(26, 18, 8, .14);--shadow-gold:0 6px 14px rgba(147, 107, 50, .24);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .9);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--z-fixed: 60;--max-width-app: 520px;--safe-bottom: env(safe-area-inset-bottom, 0px);--bottom-nav-h: 62px;--bottom-nav-gap: var(--space-3);--bottom-nav-reserved: calc(var(--bottom-nav-h) + var(--bottom-nav-gap) + var(--safe-bottom))}.el-wood{color:var(--color-wood)}.el-fire{color:var(--color-fire)}.el-earth{color:var(--color-earth)}.el-metal{color:var(--color-metal)}.el-water{color:var(--color-water)}.el-wood-bg{background:var(--color-wood-bg);border-color:var(--color-wood-border)}.el-fire-bg{background:var(--color-fire-bg);border-color:var(--color-fire-border)}.el-earth-bg{background:var(--color-earth-bg);border-color:var(--color-earth-border)}.el-metal-bg{background:var(--color-metal-bg);border-color:var(--color-metal-border)}.el-water-bg{background:var(--color-water-bg);border-color:var(--color-water-border)}.dot-wood{background:var(--color-wood)}.dot-fire{background:var(--color-fire)}.dot-earth{background:var(--color-earth)}.dot-metal{background:var(--color-metal)}.dot-water{background:var(--color-water)}.bar-wood{background:linear-gradient(90deg,var(--color-wood),#5DD498);border-radius:var(--radius-pill)}.bar-fire{background:linear-gradient(90deg,var(--color-fire),#F47C6E);border-radius:var(--radius-pill)}.bar-earth{background:linear-gradient(90deg,var(--color-earth),#F0C54D);border-radius:var(--radius-pill)}.bar-metal{background:linear-gradient(90deg,var(--color-metal),#A0B8CC);border-radius:var(--radius-pill)}.bar-water{background:linear-gradient(90deg,var(--color-water),#5B84C0);border-radius:var(--radius-pill)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d4af3733}50%{box-shadow:0 0 0 8px #d4af3700}}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.anim-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.anim-slide-up{animation:slideUp var(--duration-slow) var(--ease-out) both}.anim-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out) both}.anim-pulse{animation:pulseGlow 2.5s infinite}.anim-delay-1{animation-delay:.06s}.anim-delay-2{animation-delay:.12s}.anim-delay-3{animation-delay:.18s}.anim-delay-4{animation-delay:.24s}.anim-delay-5{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-border-light) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}:root{font-family:var(--font-family);color-scheme:light;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#FCFCFB 0%,var(--color-bg-warm) 100%);color:var(--color-text)}button,input,select{font:inherit}button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:var(--space-3) var(--space-3);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}button:hover{background:var(--color-surface-alt);border-color:var(--color-border)}button:disabled{opacity:.45;cursor:not-allowed}.appShell{max-width:var(--max-width-app);margin:0 auto;min-height:100dvh;padding:var(--space-4) var(--space-4) var(--bottom-nav-reserved);display:flex;flex-direction:column;gap:var(--space-4)}main{flex:1;display:flex;flex-direction:column;scroll-padding-bottom:calc(var(--bottom-nav-reserved) + var(--space-2))}.topBar{padding-top:var(--space-1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fafaf7eb;border-bottom:1px solid var(--color-border);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4) var(--space-2);transition:background var(--duration-normal) var(--ease-out)}.topBar h1{margin:var(--space-2) 0 2px;font-size:var(--text-h3);letter-spacing:.1px;color:var(--color-gold-900);display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold)}.brandMark{color:var(--color-gold-500);font-size:var(--text-body);transform:translateY(-1px)}.resetBtn{min-height:32px;padding:5px 10px;border-radius:9px;font-size:12px;background:#fff;border-color:#dde1e8;color:#5f6672;white-space:nowrap}.pageWrap{display:grid;gap:var(--space-4);align-content:start}.pageWrap h2{margin:0;font-size:var(--text-h2);color:var(--color-text);font-weight:var(--weight-bold)}.subtitle{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sectionAction{flex-shrink:0;margin-top:2px}.smallPill{background:#f1f3f6;color:#4b5563;border:1px solid #d8dde3;border-radius:999px;padding:5px 10px;font-size:12px}.heroCard,.formCard,.elementCard,.providerStatusBox,.signalPanel,.hubCard,.foldSection,.segmentedWrap,.scoreBadgeWrap,.utilityCard,.actionCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.formCard,.utilityCard,.actionCard{padding:var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.formCard:hover,.utilityCard:hover,.actionCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-warm)}.signatureCard{border-width:1.5px;border-color:var(--color-gold-400);box-shadow:var(--shadow-md);position:relative}.signatureCard:before{content:"";position:absolute;inset:var(--space-3);border:1px solid rgba(204,178,122,.45);border-radius:var(--radius-md);pointer-events:none}.summaryCard{background:#fff}.utilityCard{background:#fbfcfd}.heroCard,.formCard,.elementCard,.providerStatusBox,.signalPanel,.hubCard,.foldSection,.segmentedWrap,.scoreBadgeWrap{padding:14px}.heroCard{display:grid;gap:10px;border-color:#e3e5e8;background:#fff}.homeHeroVisual{position:relative;overflow:hidden;padding-top:18px}.homeHeroVisual:after{content:"";position:absolute;width:200px;height:200px;right:-90px;top:-90px;background:radial-gradient(circle,rgba(204,178,122,.14),transparent 70%);pointer-events:none}.heroOrbit{position:absolute;width:210px;height:210px;border-radius:999px;border:1px solid rgba(194,150,78,.22);left:-60px;bottom:-70px}.heroWave{position:absolute;left:-12%;right:-12%;top:42%;height:86px;border-radius:999px;background:linear-gradient(90deg,#be944f0d,#d2ac6d29,#7d8ea10f);filter:blur(.5px)}.heroSparkRow{display:none}.heroSparkRow i{width:6px;border-radius:999px;background:#d8c39f}.heroSparkRow i:nth-child(1){height:10px}.heroSparkRow i:nth-child(2){height:16px}.heroSparkRow i:nth-child(3){height:22px;background:#b89258}.heroSparkRow i:nth-child(4){height:14px}.heroSparkRow i:nth-child(5){height:9px}.homeHeroTop{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.posterHero{text-align:center;justify-items:center}.refHeroCard{gap:10px;padding:16px}.compactHeroCard{gap:8px;padding:14px}.refHeroCard:before{content:none}.heroRefined{border-color:#d9c39a;box-shadow:0 14px 34px #1d181229}.heroRefined:before{content:none}.heroLuxury{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffdf8,#fbf3e4 55%,#fffaf0)}.heroImageCard{position:relative;padding:0;border:0;background:transparent;box-shadow:none;min-height:318px;margin-bottom:2px}.heroImageCard:after,.heroImageCard.homeHeroVisual:after{display:none}.heroCardArt{width:100%;height:316px;object-fit:cover;object-position:center 12%;border-radius:14px;border:1px solid rgba(182,147,88,.34);display:block}.heroImageOverlay{position:absolute;inset:18px 22px 14px;display:grid;align-content:center;justify-items:center;text-align:center;gap:7px;padding-top:12px}.heroTopLine{margin:0 0 2px;font-size:27px;font-weight:800;line-height:1.04;letter-spacing:-.012em;text-align:center;background:linear-gradient(180deg,#d8bd7c,#b58b3e 55%,#8e6a2d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.heroImageCard h3{margin:4px 0 0;font-size:38px;line-height:1.1;color:#23211d}.heroImageCard .heroDescLine{margin-top:14px;font-size:14px;line-height:1.42;color:#34312c;max-width:86%}.heroImageCard .heroConclusion{margin-top:1px;font-size:13px;line-height:1.4;color:#5a5347;max-width:86%}.heroImageCard .heroGoldCta.full{width:auto;min-width:250px;margin-top:12px;padding:10px 18px}.heroAura{position:absolute;width:220px;height:220px;right:-80px;top:-90px;background:radial-gradient(circle,rgba(201,157,86,.28),transparent 68%)}.refHeroHead{width:100%;display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px}.refHeroCard h3{margin:0;font-size:32px;line-height:1.08;font-weight:800;color:#1f1f1d}.heroCenterTop{display:grid;justify-items:center;gap:8px}.heroScoreOrb{width:84px;height:84px;border-radius:999px;border:1px solid #d9ccba;background:#fffefd;display:grid;place-content:center}.heroScoreOrb.compact{width:60px;height:60px}.heroScoreOrb.luxe{width:66px;height:66px;border-color:#bc914970;box-shadow:0 0 0 4px #fffaf0ad,0 4px 12px #ab7e402e;background:linear-gradient(180deg,#fffefb,#f8efdc);margin-top:3px}.heroScoreOrb strong{font-size:28px;line-height:1;color:#2c241b}.heroScoreOrb.compact strong{font-size:19px}.heroScoreOrb.luxe strong{font-size:20px;color:#5f4725;white-space:nowrap}.heroScoreOrb span{font-size:11px;color:#6b7280}.heroScoreOrb.compact span{font-size:9px}.heroScoreOrb.luxe span{display:none}.smallBadge{margin:0;font-size:11px;color:#6a4f2a;border:1px solid #dcc49a;background:#faf5ea;border-radius:999px;padding:5px 9px}.heroMicroLabel{margin:0;font-size:10px;font-weight:500;color:#7a7266;letter-spacing:.02em}.heroMicroLabel.plain{font-size:19px;font-weight:700;color:#5f4d31;letter-spacing:.02em;margin-bottom:2px}.heroTitleWrap{display:grid;gap:6px}.heroTitleWrap h3{margin:0}.heroInlineCta{width:fit-content;text-decoration:none;color:#f8fafc;border:1px solid #2b2f36;background:#2b2f36;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:600}.heroPrimaryCta{min-width:160px;text-align:center}.heroPrimaryCta.compact{min-width:132px;padding:6px 10px;border-radius:9px;font-size:11px;font-weight:500}.heroLiteCta{min-width:126px;text-align:center;color:#2f3640;background:#f4f6f8;border:1px solid #d9dde3;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:500}.heroGoldCta{min-width:158px;text-align:center;color:var(--color-gold-50);background:var(--gradient-gold-cta);border:1px solid var(--color-gold-600);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-gold);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.heroGoldCta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #936b3252}.heroGoldCta:active{transform:translateY(0)}.heroGoldCta.full{display:block;width:100%;min-width:0;margin-top:var(--space-2)}.summaryFullCta{display:block;width:100%;text-align:center;text-decoration:none;color:#4f5560;background:#f7f9fc;border:1px solid #d9dee6;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:600;box-shadow:none}.heroMetaLine{margin:0;font-size:12px;color:#4b5563;line-height:1.5}.heroSubLine{margin:0;font-size:12px;color:#6b7280}.heroDescLine{margin:8px 0 0;font-size:13px;line-height:1.42;color:#4f5560}.heroConclusion{margin:2px 0 0;font-size:12px;line-height:1.4;color:#6d6559}.refHighlightBox{width:100%;border:0;border-left:2px solid #d8c39f;border-radius:0;padding:6px 0 6px 10px;background:transparent;font-size:14px;color:#4b4237}.metricCard{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-3) var(--space-2);min-width:0;text-align:center;display:grid;justify-items:center;align-content:center;gap:var(--space-1);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.metricCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.premiumMetricCard{box-shadow:none;border-color:var(--color-border-light);background:var(--color-surface)}.metricCard strong{font-size:var(--text-body);color:var(--color-gold-500)}.metricCard .metricLabel{margin:0;font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--color-text-muted);white-space:nowrap}.metricCard b{font-size:var(--text-body);line-height:var(--leading-tight);color:var(--color-text);white-space:nowrap;margin-top:var(--space-2);font-weight:var(--weight-bold)}.dailySummarySection{display:grid;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-warm);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface-warm),#FBF6EC);animation:fadeIn var(--duration-slow) var(--ease-out) both}.premiumSummarySection{box-shadow:var(--shadow-md)}.dailySummarySection h4{margin:0;font-size:var(--text-h2);line-height:var(--leading-snug);font-weight:var(--weight-bold);color:var(--color-text)}.dailySummaryList{margin:0;padding-left:18px;display:grid;gap:var(--space-2);color:var(--color-text-secondary);line-height:var(--leading-normal)}.heroCard h3{margin:0;font-size:19px;color:#0f172a}.todayLine{margin:0;padding:10px 11px;border-radius:10px;border:1px solid #d9dee5;background:#f7f9fc;font-size:12px;color:#44505f}.profileSummary{border:1px solid #dde6f2;border-radius:12px;padding:10px 12px;background:#f8fbff;display:grid;gap:4px}.profileSummary strong{font-size:13px;color:#334155}.profileSummary small{color:#64748b;font-size:12px}.quickStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quickStats article{background:#fff;border:1px solid #dfe8f5;border-radius:12px;padding:10px;display:grid;gap:4px;text-align:center}.quickStats strong{font-size:17px;color:#5b4528}.quickStats span{font-size:11px;color:#6b7280}.quickStatsSecondary{grid-template-columns:repeat(2,1fr)}.providerStatusBox{display:grid;gap:6px}.providerStatusRow{display:flex;gap:8px;flex-wrap:wrap}.statusHint{margin:0;font-size:12px;color:#64748b}.sourceBadge,.warnBadge{font-size:11px;border-radius:999px;padding:5px 9px;border:1px solid transparent}.sourceBadge.ok{background:#eaf9f0;border-color:#b5e5c8;color:#18603f}.sourceBadge.warn{background:#fff8e7;border-color:#f1d795;color:#8d5b00}.sourceBadge.fallback{background:#fff0e9;border-color:#f7c9b5;color:#9a3412}.warnBadge{background:#f2f5fa;border-color:#d8e1ec;color:#4b5563}.summaryChips{display:flex;gap:8px;flex-wrap:wrap}.summaryChips span{padding:4px 0;border:0;background:transparent;border-radius:0;font-size:12px;color:#556070}.formCard,.elementCard,.signalPanel,.scoreBadgeWrap,.segmentedWrap{display:grid;gap:10px}.formCard input,.formCard select,.onboarding input{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);min-height:44px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.formCard input:focus,.formCard select:focus,.onboarding input:focus{outline:none;border-color:var(--color-gold-400);box-shadow:0 0 0 3px #d4af371f}.fieldLabel{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.sectionTitle{margin:0 0 2px;font-size:14px;color:#334155}.segmentedControl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmentedControl button{border-radius:10px;font-size:12px;padding:8px 6px;background:#f8fafc;border-color:#dbe4f1;color:#475569}.segmentedControl button.active{background:#eceff3;border-color:#cfd5dd;color:#2d3748;font-weight:600}.tabPane{border:1px solid #e2d8c8;border-radius:10px;padding:10px;background:#fffdf9;display:grid;gap:7px}.tabPane p,.tabPane small{margin:0}.tabPane small{color:#64748b}.sajuDashboardCard{background:linear-gradient(180deg,#fff,#f7fbff)}.fiveHeader{display:flex;justify-content:space-between;align-items:center}.fiveInsightRow{display:flex;gap:8px;flex-wrap:wrap}.fiveInsightRow span{font-size:12px;color:#334155;border:1px solid #d8e4f6;background:#f8fbff;border-radius:999px;padding:6px 10px}.fiveVisualWrap{display:grid;gap:8px;justify-items:center;margin-bottom:4px}.fiveWheelZone{position:relative;display:grid;place-items:center}.fiveWheel{width:164px;height:164px;border-radius:999px;padding:16px;box-shadow:inset 0 0 0 1px #ffffffd9,0 10px 24px #0f172a14}.fiveWheelInner{width:100%;height:100%;border-radius:999px;background:#fff;border:1px solid #e5ecf6;display:grid;place-content:center;text-align:center}.fiveWheelInner strong{font-size:14px;color:#1f2937}.fiveWheelInner small{color:#64748b;font-size:11px}.wheelLabel{position:absolute;font-size:11px;font-weight:600;color:#334155;background:#fff;border:1px solid #dce6f3;border-radius:999px;padding:2px 6px}.wheelLabel.wood{top:6px;left:50%;transform:translate(-50%)}.wheelLabel.fire{top:42px;right:-8px}.wheelLabel.earth{bottom:8px;right:18px}.wheelLabel.metal{bottom:8px;left:18px}.wheelLabel.water{top:42px;left:-8px}.fiveFlowLine{display:flex;align-items:center;gap:6px;color:#64748b;font-size:11px}.fiveFlowLine i{width:14px;height:2px;background:linear-gradient(90deg,#d5dbe3,#aeb7c4);border-radius:999px}.elementOrbit{display:grid;gap:8px}.elementMiniCard{border:1px solid #e1e8f3;border-radius:12px;background:#fcfdff;padding:9px;display:grid;gap:7px}.elementMiniCard.isStrong{border-color:#b9d8c2;background:linear-gradient(180deg,#f6fffa,#fcfffd)}.elementMiniCard.isWeak{border-color:#f1d7bd;background:linear-gradient(180deg,#fffaf4,#fffdf9)}.elementMiniHead{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px}.elementMiniHead strong{font-size:12px;color:#334155}.elementMiniHead b{font-size:12px;color:#5f4727}.dot{width:10px;height:10px;border-radius:999px}.barTrack{height:8px;background:#e6edf7;border-radius:999px;overflow:hidden}.barTrack i{display:block;height:100%}.foldSection{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out)}.foldSection:hover{border-color:var(--color-border-warm);transform:translateY(-2px);box-shadow:var(--shadow-md)}.foldSection summary{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.foldSection summary::-webkit-details-marker{display:none}.foldSection summary:after{content:"▼";font-size:10px;color:var(--color-border-dark);transition:transform var(--duration-normal) var(--ease-spring)}.foldSection[open] summary:after{transform:rotate(-180deg)}.foldContent{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border-light);animation:fadeIn .3s var(--ease-out)}.detailList{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.detailList li{position:relative;padding-left:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.detailList li:before{content:"•";position:absolute;left:0;top:0;color:var(--color-gold-400);font-weight:700}.scoreHero{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center}.scoreBadge{width:92px;height:92px;border-radius:999px;border:3px solid #cfd6df;display:grid;place-items:center;background:#f4f7fb}.scoreBadge strong{font-size:28px;line-height:1;color:#2d3748}.scoreBadge span{font-size:11px;color:#64748b}.signalChips{display:flex;gap:8px;flex-wrap:wrap}.signalChip{font-size:12px;border-radius:999px;padding:7px 10px;background:#f2f6fc;border:1px solid #d6dfec;color:#334155}.signalChip.active{background:#eceff3;border-color:#cfd5dd;color:#2d3748}.signalDesc,.pillarHint{margin:0;font-size:12px;color:#334155;border:1px solid #d7e1ef;border-radius:10px;padding:9px 10px;background:#f8fbff}.pillarsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pillarCard{border:1px solid #d8e3f3;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fbff);padding:9px;display:grid;gap:4px;box-shadow:inset 0 1px #ffffffe6}.pillarCard strong{font-size:12px;color:#334155}.pillarContext{font-style:normal;font-size:11px;color:#64748b;line-height:1.35}.pillarCard span{font-size:16px;font-weight:700;color:#1f2937}.pillarTokenRow{display:flex;gap:6px;flex-wrap:wrap}.pillarToken{border-radius:999px;font-size:11px;padding:5px 8px;background:#f2f6fc;border:1px solid #d6dfec;color:#334155}.pillarToken.active{background:#eaf2ff;border-color:#c6d7fc;color:#1d4ed8}.homeHubGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.homeTripletGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hubCard{display:grid;gap:8px}.fortuneCard{background:linear-gradient(180deg,#fffaf1,#fffdf8)}.recommendCard{background:linear-gradient(180deg,#fdf8f1,#fffdf8);border-color:#e5d8c2}.continueCard{background:#fbfcfd}.homeContinueCard{border-color:#e7ebf1;background:#fcfdff;box-shadow:0 2px 8px #10182808;padding:11px 12px;gap:6px}.promoContinueCard strong,.promoContinueCard p{color:#535d6c}.continueLabel{color:#8b93a1;font-size:11px;letter-spacing:.01em}.compactContinueCard{gap:5px;padding:10px 12px}.continueHint{margin:0;font-size:11px;color:#7a8392}.recentItem{margin:0;font-size:11px;color:#5f6876}.microInfoBlock,.timeFlowBlock{display:grid;gap:10px;padding:8px 2px 2px}.emphasisFlowBlock{border:1px solid #e7ecf3;border-radius:12px;background:#fbfcff;padding:12px}.insightsListBlock{border:1px solid #e8edf3;border-radius:12px;background:#fcfdff;padding:12px}.microInfoBlock h5,.timeFlowBlock h5{margin:0;font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text)}.microInfoBlock ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.insightsListBlock li{position:relative;display:grid;gap:3px;padding:7px 0 8px 13px;border-bottom:1px solid #eef2f6}.insightsListBlock li:last-child{border-bottom:0}.insightsListBlock li:before{content:"•";position:absolute;left:0;top:7px;color:#a2aab6}.insightLabel{color:var(--color-text-secondary);font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:.01em;text-transform:uppercase}.insightText{margin:0;font-size:var(--text-caption);line-height:var(--leading-normal);color:var(--color-text-secondary)}.emphasisFlowBlock .timeFlowRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.emphasisFlowBlock .timeFlowRow article{border:1px solid #dde5ef;border-radius:12px;padding:12px 10px;min-height:102px;background:#fff;display:grid;align-content:start;gap:6px}.emphasisFlowBlock .timeFlowRow small{color:#7f8897;font-size:10px;font-weight:700}.emphasisFlowBlock .timeFlowRow b{font-size:14px;color:#262c34;line-height:1.2}.emphasisFlowBlock .timeFlowRow p{margin:0;font-size:11px;color:#5f6774;line-height:1.42}.inyeonHero{border-color:#dbe5f8;background:linear-gradient(180deg,#fff,#f8fbff)}.inyeonStatusCard{border-style:dashed}.miniStatRow{display:flex;justify-content:space-between;align-items:center;border:0;border-radius:0;padding:0;font-size:11px;color:#6b7280}.miniStatRow b{color:#374151;font-size:12px}.miniDots{display:flex;gap:6px}.miniDots i{width:6px;height:6px;border-radius:999px;background:#d5dae1}.miniDots i:nth-child(2){background:#bcc5d1}.miniDots i:nth-child(3){background:#9aa7b8}.hubCard strong{font-size:14px;color:#1f2937}.hubCard p{margin:0;color:#64748b;font-size:12px;line-height:1.45}.hubCard a{font-size:12px;color:#2d3748;text-decoration:none;border:1px solid #d0d6de;background:#f6f8fb;border-radius:10px;padding:7px 9px;width:fit-content}.personaCard{position:relative;border:1px solid var(--color-border-gold);border-radius:var(--radius-2xl);background:var(--color-surface);padding:var(--space-6) var(--space-5);min-height:520px;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-5);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideUp var(--duration-slow) var(--ease-out) both}.posterCard{background:radial-gradient(circle at 80% 10%,#fff2d9 0%,transparent 36%),linear-gradient(160deg,#fffefb,#f8ebd2 88%)}.posterGlow{position:absolute;width:240px;height:240px;right:-90px;top:-100px;background:radial-gradient(circle,rgba(196,150,78,.32),transparent 68%)}.posterGlow.secondary{width:180px;height:180px;inset:auto auto -80px -70px;background:radial-gradient(circle,rgba(122,99,190,.14),transparent 70%)}.posterRing{position:absolute;width:180px;height:180px;border-radius:999px;border:1px solid rgba(163,129,73,.28);right:-45px;bottom:-45px}.posterRing.inner{width:124px;height:124px;right:-14px;bottom:-12px;border-color:#a381492e}.posterLead{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7d6641}.personaCard h3{margin:0;font-size:26px;line-height:1.18;color:#1f2937;position:relative}.personaTop{display:grid;gap:10px}.personaSubcopy{margin:0;font-size:13px;line-height:1.45;color:#566071}.personaFacts{margin:0;padding:6px 0;list-style:none;display:grid;gap:13px;color:#475569;position:relative;align-content:start}.personaFacts li{display:grid;grid-template-columns:84px 1fr;align-items:start;gap:14px;font-size:14px;line-height:1.5}.personaFacts strong{color:#6b5a42;font-weight:600}.personaFacts span{color:#374151;line-height:1.55}.personaChips span{background:#f9f2e5;border-color:#e3cfa9;color:#6a5430}.posterCaption{margin:0;font-size:12px;color:#5f6570;line-height:1.5}.personaSignals{display:flex;gap:8px;flex-wrap:wrap}.personaSignals span{border:1px solid #e1d2b6;background:#fbf5e8;color:#6c5430;border-radius:999px;padding:6px 10px;font-size:12px}.personaAppeal{margin:0;font-size:12.5px;color:#4f5a6a}.personaBottom{display:grid;align-content:end;padding-top:12px}.posterCta{position:relative;z-index:var(--z-base);width:100%;background:var(--gradient-gold-cta);border-color:var(--color-gold-600);color:var(--color-gold-50);box-shadow:var(--shadow-gold);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.posterCta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #936b3252}.homeMenuChips{display:flex;gap:8px;flex-wrap:wrap}.homeMenuChips a{text-decoration:none;font-size:12px;color:#334155;border:1px solid #d5deea;background:#fff;border-radius:999px;padding:7px 10px;box-shadow:0 4px 10px #0f172a0a}.homeMenuChips a:hover{border-color:#cfd5dd;background:#f1f4f8;color:#2d3748}.continueLinks{display:grid;gap:8px;margin-top:2px}.continueLinks.row.inlineLinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.continueLinks.row.inlineLinks.smallActions{gap:6px}.continuePrimaryLink{text-decoration:none;color:#505a69;border:1px solid #e3e8ef;background:#fafbfd;border-radius:8px;padding:6px 8px;font-size:10.5px;font-weight:600;text-align:center}.continuePrimaryLink.secondary{color:#616b79;background:#fbfcfe}.continueSecondaryLink{text-decoration:none;color:#6b7280;font-size:12px;width:fit-content}.emptyState{border:1px dashed #d6deea;border-radius:14px;padding:18px;text-align:center;display:grid;gap:10px;background:#fff}.emptyState p{margin:0;color:#64748b}.badge{display:inline-block;width:fit-content;padding:4px 8px;border-radius:999px;font-size:11px;background:#f7f0e1;color:#6a4f2a;border:1px solid #dcc49a}.hash{color:#6a4f2a;font-size:13px;margin:0}.shareBtn,.ghostBtn{min-height:44px}.shareBtn{background:#3a2d1d;border-color:#3a2d1d;color:#fff7eb}.shareBtn:hover{background:#2f2417}.ghostBtn{background:#f8fbff;border-color:#d9e3f3;color:#334155}.toastText{margin:0;color:#475569;font-size:13px}.bottomNav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width-app);min-height:var(--bottom-nav-h);display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:3px var(--space-2) calc(3px + var(--safe-bottom));background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -4px 16px #1118270f;z-index:var(--z-fixed)}.bottomNavFive{grid-template-columns:repeat(5,1fr)}.tabLink{text-align:center;text-decoration:none;color:var(--color-text-muted);border:0;background:transparent;border-radius:var(--radius-sm);min-height:45px;padding:3px 1px 2px;font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:.01em;display:grid;justify-items:center;transition:all var(--duration-normal) var(--ease-out);position:relative}.tabIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.tabIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width var(--duration-fast) var(--ease-out)}.tabLink:hover{color:var(--color-text-secondary);background:transparent}.tabLink.active{color:var(--color-gold-700);font-weight:var(--weight-bold)}.tabLink.active .tabIcon{transform:translateY(-2px) scale(1.1);color:var(--color-gold-600);filter:drop-shadow(0 4px 6px rgba(212,175,55,.25))}.tabLink.active .tabIcon svg{stroke-width:2.2}@media(max-width:420px){.homeHubGrid,.pillarsGrid,.quickStats,.heroMetricRow{grid-template-columns:1fr}.homeTripletGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.scoreHero{grid-template-columns:1fr}.scoreBadge{margin:0 auto}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:var(--color-surface-alt);position:relative;overflow:hidden;border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#fff9 20% 60%,#fff0);animation:shimmer 2s infinite}@media(min-width:540px){.appShell{padding-top:18px}.tabLink{font-size:11px}}.onboarding{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:grid;gap:var(--space-4);box-shadow:var(--shadow-md);animation:slideUp var(--duration-slow) var(--ease-out) both}.stepWrap{display:grid;gap:var(--space-2)}.step{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.stepQuestion{margin:var(--space-1) 0 0;font-size:var(--text-h3);line-height:var(--leading-snug);color:var(--color-text)}.progressTrack{height:6px;border-radius:var(--radius-pill);overflow:hidden;background:var(--color-gold-100)}.progressTrack i{display:block;height:100%;background:var(--gradient-gold);border-radius:var(--radius-pill);transition:width var(--duration-slow) var(--ease-out)}.onboarding input{width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-body);min-height:48px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.onboarding input:focus{outline:none;border-color:var(--color-gold-400);box-shadow:0 0 0 3px #d4af371f}.onboarding input::placeholder{color:var(--color-text-hint)}.hint{margin:0;font-size:var(--text-caption);color:var(--color-text-muted);line-height:var(--leading-normal)}.dateWheelWrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.dateWheelCol{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--color-surface-alt);display:grid;gap:var(--space-2)}.dateWheelCol p{margin:0;font-size:var(--text-label);color:var(--color-text-muted);text-align:center;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.dateWheelList{max-height:148px;overflow-y:auto;display:grid;gap:var(--space-1);scroll-snap-type:y proximity;padding-right:2px}.dateWheelList::-webkit-scrollbar{width:3px}.dateWheelList::-webkit-scrollbar-track{background:transparent}.dateWheelList::-webkit-scrollbar-thumb{background:var(--color-gold-200);border-radius:var(--radius-pill)}.dateWheelList button{min-height:36px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);scroll-snap-align:center;transition:all var(--duration-fast) var(--ease-out)}.dateWheelList button:hover{background:var(--color-gold-50)}.dateWheelList button.active{border-color:var(--color-gold-300);background:var(--color-gold-50);color:var(--color-gold-800);font-weight:var(--weight-semibold);box-shadow:0 0 0 2px #d4af371a}.timeSelectGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.timeSlotBtn{min-height:78px;text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:grid;gap:2px;position:relative;padding:var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.timeSlotBtn:hover{border-color:var(--color-gold-200);background:var(--color-gold-50)}.timeSlotBtn strong{font-size:var(--text-sm);color:var(--color-text);letter-spacing:.02em}.timeSlotBtn span{font-size:var(--text-caption);color:var(--color-text-secondary)}.timeSlotBtn small{font-size:var(--text-label);color:var(--color-text-muted)}.timeSlotBtn.active{border-color:var(--color-gold-400);background:var(--color-gold-50);box-shadow:0 0 0 2px #d4af3726}.timeCheck{position:absolute;right:var(--space-2);top:var(--space-2);width:20px;height:20px;border-radius:var(--radius-pill);display:grid;place-items:center;font-style:normal;font-size:11px;color:var(--color-gold-50);background:var(--gradient-gold-cta);box-shadow:var(--shadow-xs);animation:scaleIn var(--duration-fast) var(--ease-spring) both}.timeUnknownBtn{width:100%;min-height:54px;border-style:dashed;border-color:var(--color-gold-200);background:var(--color-gold-50);color:var(--color-text-secondary);text-align:left;display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.timeUnknownBtn:hover{border-color:var(--color-gold-400);background:var(--color-gold-100)}.timeUnknownBtn strong{font-size:var(--text-sm);color:var(--color-text)}.timeUnknownBtn small{font-size:var(--text-label);color:var(--color-text-muted)}.genderGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.genderGrid button{min-height:48px;font-size:var(--text-body);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.genderGrid .active{border-color:var(--color-gold-400);color:var(--color-gold-800);background:var(--color-gold-50);font-weight:var(--weight-semibold);box-shadow:0 0 0 2px #d4af3726}.previewBox{border:1px solid var(--color-border-warm);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface-warm)}.previewBox p{margin:0 0 var(--space-1);font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--weight-medium)}.previewBox small{color:var(--color-text-secondary);line-height:var(--leading-normal);font-size:var(--text-caption)}.actionsWrap{position:sticky;bottom:calc(var(--bottom-nav-reserved) - var(--space-2));background:linear-gradient(180deg,#fff0,#fffffff2 30%,#fff);padding-top:var(--space-3);margin-top:var(--space-2);display:grid;gap:var(--space-2)}.actionHint{margin:0;font-size:var(--text-label);color:var(--color-text-muted)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.actions button{min-height:48px;font-size:var(--text-body);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.actions .primary{background:var(--gradient-gold-cta);border-color:var(--color-gold-600);color:var(--color-gold-50);box-shadow:var(--shadow-gold)}.actions .primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #936b3252}.actions .primary:active{transform:translateY(0)}.obPage{max-width:var(--max-width-app);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-6);display:grid;gap:var(--space-6);min-height:100dvh;align-content:start}.obHeader{text-align:center;display:grid;justify-items:center;gap:var(--space-3)}.obIcon{display:grid;place-content:center;width:48px;height:48px;border-radius:var(--radius-pill);background:var(--gradient-gold-subtle);border:1px solid var(--color-gold-200);color:var(--color-gold-600);font-size:20px;box-shadow:var(--shadow-sm);animation:pulseGlow 2.5s infinite}.obHeader h2{margin:0;font-size:var(--text-h1);font-weight:var(--weight-extrabold);color:var(--color-text);letter-spacing:-.01em}.obHeader p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:300px}.homeHero{background:linear-gradient(165deg,var(--color-surface-warm) 0%,#FBF3E4 55%,var(--color-surface-warm) 100%);border:1.5px solid var(--color-border-gold);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.homeHero:before{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-100px;background:radial-gradient(circle,rgba(201,160,60,.2),transparent 68%);pointer-events:none}.homeHero:after{content:"";position:absolute;width:180px;height:180px;left:-60px;bottom:-60px;border-radius:var(--radius-pill);border:1px solid rgba(212,175,55,.15);pointer-events:none}.homeHeroInner{position:relative;z-index:var(--z-base);display:grid;justify-items:center;text-align:center;gap:var(--space-3)}.homeHeroGreeting{margin:0;font-size:var(--text-h2);font-weight:var(--weight-extrabold);color:var(--color-text);letter-spacing:-.01em}.scoreGauge{position:relative;width:128px;height:128px;margin:var(--space-2) 0}.scoreGaugeRing{width:100%;height:100%;transform:rotate(-90deg)}.gaugeTrack{fill:none;stroke:#d4af371f;stroke-width:6}.gaugeFill{fill:none;stroke:url(#goldGrad);stroke:var(--color-gold-400);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease-out)}.scoreGaugeValue{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}.scoreGaugeValue strong{font-size:36px;font-weight:var(--weight-extrabold);color:var(--color-gold-800);display:block}.scoreGaugeValue span{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:2px}.homeHeroLead{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);max-width:280px}.homeHeroSupport{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:260px}.homeHeroCta{display:inline-block;margin-top:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-gold-cta);color:var(--color-gold-50);border:1px solid var(--color-gold-600);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;box-shadow:var(--shadow-gold);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.homeHeroCta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #936b3252}.homeHeroCta:active{transform:translateY(0)}.homeQuickStats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.qStatCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);display:grid;justify-items:center;gap:var(--space-1);text-align:center;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.qStatCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.qStatIcon{font-size:20px;color:var(--color-gold-500);line-height:1}.qStatLabel{font-size:var(--text-micro);color:var(--color-text-muted);font-weight:var(--weight-medium)}.qStatValue{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text)}.homeSummaryCard{background:linear-gradient(180deg,var(--color-surface-warm),#FBF6EC);border:1px solid var(--color-border-warm);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3);box-shadow:var(--shadow-sm)}.homeSummaryCard h4{margin:0;font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text)}.homeSummaryList{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.homeSummaryList li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.summaryCheck{flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-gold-100);color:var(--color-gold-700);display:grid;place-content:center;font-size:10px;font-weight:var(--weight-bold);margin-top:1px}.homeSummaryCta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.homeSummaryCta:hover{border-color:var(--color-gold-300);color:var(--color-gold-700)}.ctaArrow{transition:transform var(--duration-fast) var(--ease-spring)}.homeSummaryCta:hover .ctaArrow{transform:translate(3px)}.homePoints{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3)}.homePoints h5{margin:0;font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text)}.homePointsList{display:grid;gap:var(--space-2)}.homePointItem{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.homePointItem:last-child{border-bottom:none;padding-bottom:0}.pointDot{flex-shrink:0;width:10px;height:10px;border-radius:var(--radius-pill);margin-top:5px}.pointDot.conversation{background:var(--color-water)}.pointDot.wealth{background:var(--color-earth)}.pointDot.caution{background:var(--color-fire)}.homePointItem strong{display:block;font-size:var(--text-label);font-weight:var(--weight-bold);color:var(--color-text-secondary);letter-spacing:.01em;text-transform:uppercase;margin-bottom:2px}.homePointItem p{margin:0;font-size:var(--text-caption);color:var(--color-text-secondary);line-height:var(--leading-normal)}.homeTimeFlow{display:grid;gap:var(--space-3)}.homeTimeFlow h5{margin:0;font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text)}.homeTimeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.timeCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:grid;align-content:start;gap:var(--space-2);min-height:110px;position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.timeCard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.timeCard.morning:before{background:var(--gradient-gold-subtle);background:var(--color-gold-300)}.timeCard.afternoon:before{background:var(--color-gold-400)}.timeCard.evening:before{background:var(--color-gold-600)}.timeCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.timeCard small{font-size:var(--text-micro);font-weight:var(--weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.timeCard b{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--weight-bold)}.timeCard p{margin:0;font-size:var(--text-label);color:var(--color-text-muted);line-height:var(--leading-normal)}.homeContinue{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:grid;gap:var(--space-2)}.homeContinue .continueLabel{font-size:var(--text-label);color:var(--color-text-hint);font-weight:var(--weight-medium)}.homeContinueActions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.continueBtn{text-decoration:none;text-align:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-label);font-weight:var(--weight-semibold);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.continueBtn:hover{border-color:var(--color-gold-300);color:var(--color-gold-700)}.continueBtn.secondary{background:var(--color-surface-alt)}@media(max-width:380px){.homeQuickStats,.homeTimeGrid{grid-template-columns:1fr}}.resultCard{background:#fffdf9;border:1px solid #e2d8c8;border-radius:16px;padding:14px;box-shadow:0 8px 20px #3a2a1812}.resultCard.highlight{background:linear-gradient(180deg,#f9f3e8,#fffdf9);border-color:#dcc49a}.resultCard h3{margin:0 0 10px;color:#1f2937;font-size:15px}.resultCard ul{margin:0;padding-left:18px;color:#4f463a;display:grid;gap:8px}.resultCard li{line-height:1.5}.sajuHero{background:linear-gradient(170deg,var(--color-surface-warm),#FBFAF4);border:1px solid var(--color-border-gold);border-radius:var(--radius-xl);padding:var(--space-5);display:grid;gap:var(--space-3);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.sajuHero:after{content:"";position:absolute;top:-60px;right:-60px;width:140px;height:140px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 70%);pointer-events:none}.sajuHeroHeader{display:flex;gap:var(--space-2);align-items:center}.statusBadge{font-size:var(--text-micro);font-weight:var(--weight-bold);padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.02em}.statusBadge.ok{background:var(--color-green-light);color:var(--color-green-dark)}.statusBadge.warn{background:var(--color-red-light);color:var(--color-red-dark)}.statusBadge.fallback{background:var(--color-overlay);color:var(--color-text-secondary)}.sajuHeroTitle{margin:0;font-size:var(--text-h1);font-weight:var(--weight-extrabold);color:var(--color-text);letter-spacing:-.01em}.sajuHeroChips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.sajuChip{font-size:var(--text-caption);padding:4px 10px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-xs)}.sajuHeroToday{margin:var(--space-2) 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-border-gold);font-size:var(--text-sm);color:var(--color-gold-800);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.sajuShareBtn{font-size:var(--text-caption);font-weight:var(--weight-bold);padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sajuShareBtn:hover{background:var(--color-gold-50);border-color:var(--color-gold-300);color:var(--color-gold-700)}.sajuTabSection{display:grid;gap:var(--space-4)}.segmentedWrap{display:flex;background:var(--color-surface-alt);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.segmentedWrap button{flex:1;background:transparent;border:none;border-radius:var(--radius-md);padding:8px 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out)}.segmentedWrap button.active{background:var(--color-surface);color:var(--color-text);font-weight:var(--weight-bold);box-shadow:var(--shadow-sm)}.tabTitle{margin:0 0 var(--space-3);font-size:var(--text-body);color:var(--color-text)}.tabHint{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-5) 0}.pillarsGridRow{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.pillarCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);display:grid;justify-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.pillarCard:hover{transform:translateY(-2px);border-color:var(--color-border-warm)}.pillarHead strong{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--weight-bold)}.pillarHanja{font-family:"Noto Serif KR",Batang,Gungsuh,serif;font-size:28px;font-weight:900;color:var(--color-text);letter-spacing:2px;line-height:1.1;margin:var(--space-1) 0}.pillarActions{display:grid;gap:4px;width:100%}.pillarActions button{width:100%;font-size:11px;padding:4px 0;background:var(--color-surface-alt);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.pillarActions button:hover,.pillarActions button.active{background:var(--color-gold-50);border-color:var(--color-gold-300);color:var(--color-gold-800);font-weight:var(--weight-semibold)}.pillarTooltip{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center}.fiveBalanceCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md)}.fiveHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.fiveHeader h4{margin:0;font-size:var(--text-h3);font-weight:var(--weight-bold)}.badge{font-size:11px;background:var(--color-surface-alt);color:var(--color-text-muted);padding:2px 8px;border-radius:var(--radius-sm);font-weight:var(--weight-bold);letter-spacing:.02em}.fiveChartLayout{display:grid;gap:var(--space-6);justify-items:center}.donutChartWrap{width:180px;height:180px;position:relative}.donutChart{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;transition:transform 1s var(--ease-spring)}.donutInner{width:130px;height:130px;background:var(--color-surface);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:var(--shadow-inner)}.donutInner strong{font-size:var(--text-h2);color:var(--color-text);display:block;margin-bottom:2px}.donutInner small{font-size:var(--text-micro);color:var(--color-text-muted)}.elementBars{width:100%;display:grid;gap:var(--space-3)}.elementBarRow{display:grid;grid-template-columns:24px 1fr 34px;align-items:center;gap:var(--space-3)}.elementLabel{font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:right}.barTrack{height:8px;background:var(--color-surface-alt);border-radius:var(--radius-pill);overflow:hidden}.barFill{height:100%;border-radius:var(--radius-pill);transition:width 1s var(--ease-spring)}.elementValue{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-align:right}.sajuDetailsGroup{display:grid;gap:var(--space-3)}.toastMsg{position:fixed;bottom:calc(var(--bottom-nav-reserved) + var(--space-2));left:50%;transform:translate(-50%);background:#1e1e1ee6;color:#fff;padding:10px 20px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);z-index:var(--z-modal);box-shadow:var(--shadow-lg);pointer-events:none}.compatInputCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:grid;gap:var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.compatInputHead{display:grid;gap:var(--space-1)}.compatInputHead h3{margin:0;font-size:var(--text-h3)}.compatInputHead p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.inputRowGroup{display:grid;gap:var(--space-2)}.compatInput,.compatSelect{width:100%;padding:12px 14px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-body);transition:all var(--duration-fast) var(--ease-out)}.compatInput:focus,.compatSelect:focus{outline:none;background:var(--color-surface);border-color:var(--color-gold-400);box-shadow:0 0 0 3px #d4af3726}.compatInputActions{margin-top:var(--space-2);display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.compatSubmitBtn{width:100%;min-height:48px;padding:14px;background:var(--color-surface);border:1.5px solid var(--color-gold-400);border-radius:var(--radius-md);color:var(--color-gold-700);font-size:var(--text-body);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.compatResetBtn{min-height:48px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-muted);font-size:var(--text-sm)}.compatSubmitBtn:hover:not(:disabled){background:var(--color-gold-50);color:var(--color-gold-800)}.compatSubmitBtn:active:not(:disabled){transform:scale(.98)}.compatSubmitBtn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-muted)}.compatResultView{display:grid;gap:var(--space-5);margin-top:var(--space-2)}.compatHero{background:linear-gradient(145deg,#faf7f2,#f5efeb);border:1px solid var(--color-border-warm);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4);display:grid;justify-items:center;gap:var(--space-5);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.compatHero:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.7) 0%,transparent 70%);pointer-events:none}.compatHeroHeader{display:flex;gap:var(--space-2);z-index:1}.compatScoreCircle{width:140px;height:140px;background:var(--color-surface);border-radius:var(--radius-full);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-md),0 0 0 4px #ffffff80;z-index:1;border:2px solid var(--color-gold-200)}.compatScore{font-family:Times New Roman,serif;font-size:56px;line-height:1;font-weight:var(--weight-extrabold);color:var(--color-gold-800);letter-spacing:-.04em}.compatScoreMax{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-bold);margin-top:2px}.compatHeroFooter{text-align:center;z-index:1}.compatHeroFooter h3{margin:0 0 var(--space-1);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text)}.compatHeroFooter p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.compatGradeLine{margin-bottom:var(--space-1)!important;font-weight:var(--weight-semibold);color:var(--color-gold-700)!important}.compatQaLine{margin-top:var(--space-1)!important;font-size:var(--text-micro)!important;color:var(--color-text-muted)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.compatSignalCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.signalChipsGrid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.compatSignalChip{padding:8px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.compatSignalChip:hover{border-color:var(--color-gold-300);color:var(--color-gold-700)}.compatSignalChip.active{background:var(--color-gold-400);border-color:var(--color-gold-500);color:var(--color-surface);font-weight:var(--weight-bold);box-shadow:var(--shadow-sm)}.emptySignalText{font-size:var(--text-sm);color:var(--color-text-muted)}.signalDescArea{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-md);border-left:3px solid var(--color-gold-400)}.signalDescArea p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.signalReferenceHint{margin:var(--space-4) 0 0;font-size:var(--text-micro);color:var(--color-text-muted);opacity:.8}.compatCategoryRows{display:grid;gap:var(--space-3)}.compatSubscoreHint{margin:0;font-size:var(--text-micro);color:var(--color-text-muted)}.compatCategoryRow{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-out)}.compatCategoryRow:hover{transform:translate(2px);border-color:var(--color-border-warm)}.catHead{display:flex;justify-content:space-between;align-items:center}.catHead strong{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text)}.catScore{font-size:var(--text-h3);font-weight:var(--weight-extrabold);color:var(--color-gold-700)}.compatCategoryRow p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.compatActionCard{background:var(--color-surface-warm);border:1px solid var(--color-border-warm);border-radius:var(--radius-lg);padding:var(--space-4)}.compatActionList{margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.compatActionList li{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);border-left:2px solid var(--color-gold-300);padding-left:var(--space-2)}.compatDetailsGroup{display:grid;gap:var(--space-3)}.compatShareBtn{width:100%;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-top:var(--space-2)}.compatShareBtn:hover{background:var(--color-gold-50);border-color:var(--color-gold-300);color:var(--color-gold-700)}@media(max-width:420px){.compatInputActions{grid-template-columns:1fr}}.fortuneHero{background:var(--gradient-gold-cta);border:1px solid var(--color-gold-600);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);position:relative;overflow:hidden;box-shadow:var(--shadow-gold);color:var(--color-gold-50);text-align:center}.fortuneHero:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 70%);pointer-events:none}.fortuneHeroInner{position:relative;z-index:var(--z-base);display:grid;gap:var(--space-3);justify-items:center}.fortuneHeroLabel{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--color-gold-100);text-transform:uppercase}.fortuneScoreWrap{display:flex;align-items:baseline;gap:2px}.fortuneScore{font-size:56px;font-weight:var(--weight-extrabold);line-height:1;letter-spacing:-.02em}.fortuneUnit{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-gold-100)}.fortuneHeroDesc{margin:var(--space-1) 0 0;font-size:var(--text-body);line-height:var(--leading-normal);max-width:260px;color:var(--color-gold-50);opacity:.95}.fortuneDetailsGrid{display:grid;gap:var(--space-3)}.ftDetailCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.ftDetailCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.ftDetailCard.love:before{background:var(--color-fire)}.ftDetailCard.work:before{background:var(--color-water)}.ftDetailCard.health:before{background:var(--color-wood)}.ftDetailCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ftCardHead{display:flex;align-items:center;gap:var(--space-2)}.ftIcon{font-size:20px;line-height:1}.ftCardHead strong{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text);flex:1}.ftScore{font-size:var(--text-h3);font-weight:var(--weight-extrabold);color:var(--color-gold-700)}.ftDetailCard p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.fortuneActionCard{background:linear-gradient(180deg,var(--color-surface-warm),#FBFAF4);border:1px solid var(--color-border-warm);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-4)}.actionHeader{display:flex;align-items:center;gap:var(--space-2)}.actionIcon{font-size:18px;line-height:1}.actionHeader strong{font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text)}.actionList{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}.actionList li{position:relative;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);font-weight:var(--weight-medium)}.actionList li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-gold-400)}.personaLayout{display:grid;gap:var(--space-6);padding-top:var(--space-2)}.personaPosterWrapper{position:relative;width:100%;max-width:340px;margin:0 auto;perspective:1000px}.personaGlowBg{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(circle,#d4af3766,#d4af3700 70%);filter:blur(40px);z-index:0;opacity:.6;animation:pulseGlow 4s infinite alternate}.personaPosterCard{position:relative;z-index:1;background:linear-gradient(145deg,#fffcf9,#fdfbf7 40%,#faf5f0);border-radius:var(--radius-xl);padding:8px;box-shadow:0 16px 40px #00000014,0 0 0 1px #fffc inset;transition:transform .4s var(--ease-spring)}.personaPosterCard:hover{transform:translateY(-4px) scale(1.01) rotateX(2deg)}.posterInnerBorder{border:1px solid var(--color-gold-300);border-radius:calc(var(--radius-xl) - 4px);padding:var(--space-6) var(--space-4) var(--space-5);display:grid;gap:var(--space-5);background:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='rays' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='50' fill='none' stroke='rgba(212,175,55,0.03)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23rays)'/%3E%3C/svg%3E")}.posterHeader{text-align:center;display:grid;gap:var(--space-2)}.posterOverline{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold-600);font-weight:var(--weight-bold)}.posterTitle{margin:0;font-family:Times New Roman,serif;font-size:28px;font-weight:var(--weight-extrabold);color:var(--color-text);letter-spacing:-.02em}.posterSubtitle{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding:0 var(--space-2)}.posterTraits{display:grid;gap:var(--space-3);background:#fff9;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.8)}.traitRow{display:grid;grid-template-columns:60px 1fr;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal)}.traitRow strong{color:var(--color-gold-800);font-weight:var(--weight-bold);position:relative;padding-left:12px}.traitRow strong:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:var(--radius-pill);background:var(--color-gold-400)}.traitRow span{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.posterElements{display:flex;justify-content:center;gap:var(--space-2)}.posterElements .badge{font-size:var(--text-caption);padding:6px 12px;border-radius:var(--radius-pill);font-weight:var(--weight-semibold);border:1px solid transparent}.posterElements .badge.fire{background:color-mix(in srgb,var(--color-fire) 10%,transparent);color:var(--color-fire);border-color:color-mix(in srgb,var(--color-fire) 20%,transparent)}.posterElements .badge.water{background:color-mix(in srgb,var(--color-water) 10%,transparent);color:var(--color-water);border-color:color-mix(in srgb,var(--color-water) 20%,transparent)}.posterFooter{text-align:center;display:grid;gap:var(--space-3)}.footerDivider{height:1px;background:linear-gradient(90deg,transparent,var(--color-gold-200),transparent);margin:0 var(--space-4)}.appealPoint{margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);display:flex;flex-direction:column;gap:4px}.appealPoint strong{color:var(--color-gold-700);font-size:var(--text-caption)}.posterMeta{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--color-text-muted);opacity:.8}.qaLine{font-family:monospace;opacity:.5}.personaShareBtn{margin:0 auto;width:100%;max-width:320px;background:var(--gradient-gold-cta);color:var(--color-surface);border:none;padding:16px;border-radius:var(--radius-xl);font-size:var(--text-body);font-weight:var(--weight-bold);box-shadow:var(--shadow-gold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.personaShareBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766;filter:brightness(1.05);background:var(--gradient-gold-cta);color:var(--color-surface);border-color:transparent}.personaShareBtn:active{transform:translateY(0)}.inyeonHero{background:linear-gradient(135deg,var(--color-surface-warm) 0%,#FAFAF4 100%);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:grid;gap:var(--space-2);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.inyeonHeroHeader{display:flex;align-items:center;gap:var(--space-2)}.inyeonSparkle{font-size:18px;line-height:1;animation:gentleBob 3s ease-in-out infinite}.inyeonHeroTitle{margin:0;font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-gold-800)}.inyeonHeroDesc{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.inyeonMainCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);display:grid;justify-items:center;text-align:center;gap:var(--space-4);box-shadow:var(--shadow-md);margin-top:var(--space-4)}.inyeonMainIcon{font-size:40px;line-height:1;padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-full)}.inyeonMainContent h3{margin:0 0 var(--space-2);font-size:var(--text-h3);font-weight:var(--weight-extrabold);color:var(--color-text);letter-spacing:-.01em}.inyeonMainContent p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:280px}.inyeonMainCta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:240px;height:48px;background:var(--gradient-gold-cta);color:var(--color-surface);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--weight-bold);text-decoration:none;box-shadow:var(--shadow-gold);transition:all var(--duration-fast) var(--ease-out)}.inyeonMainCta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af3759;filter:brightness(1.05)}.inyeonMainCta:active{transform:translateY(0)}.inyeonUpcomingSection{margin-top:var(--space-6);display:grid;gap:var(--space-3)}.upcomingDivider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin-bottom:var(--space-4)}.upcomingCard{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);opacity:.8;transition:opacity var(--duration-fast) var(--ease-out)}.upcomingCard:hover{opacity:1}.upcomingHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.upcomingHead strong{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-text)}.upcomingBadge{font-size:11px;font-weight:var(--weight-bold);background:var(--color-surface-alt);color:var(--color-text-muted);padding:2px 8px;border-radius:var(--radius-sm)}.upcomingCard p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}