:root{--bg-dark:#0a0a0c;--bg-card:#ffffff06;--bg-card-hover:#ffffff0d;--bg-card-active:#e2a85614;--text-primary:#f4f4f6;--text-secondary:#a0a0ab;--text-muted:#62626e;--accent-gold:#e2a856;--accent-gold-light:#f7d59b;--accent-glow:#e2a85626;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--transition-fast:.25s cubic-bezier(.16, 1, .3, 1);--transition-medium:.5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{touch-action:pan-y;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:100%;height:-webkit-fill-available;overflow-x:hidden!important}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;touch-action:pan-y;-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100dvh;margin:0;padding:0;display:flex;position:relative;overflow-x:hidden!important}.bg-glows{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.bg-glows:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, #0a0a0c00 70%);opacity:.65;width:100%;max-width:500px;height:450px;position:absolute;top:-15%;left:50%;transform:translate(-50%)}.bg-glows:after{content:"";background:radial-gradient(circle,#7850c80f 0%,#0a0a0c00 70%);width:100%;max-width:450px;height:450px;position:absolute;bottom:-15%;right:-10%}.app-container{width:100%;max-width:600px;padding-top:max(1.5rem, env(safe-area-inset-top));padding-bottom:max(2rem, env(safe-area-inset-bottom));padding-left:max(1.2rem, env(safe-area-inset-left));padding-right:max(1.2rem, env(safe-area-inset-right));z-index:1;box-sizing:border-box;margin:0 auto;position:relative}.progress-header{opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex;transform:translateY(-10px)}.progress-header.visible{opacity:1;transform:translateY(0)}.step-counter{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);font-size:1.15rem;font-style:italic}.step-counter span{color:var(--accent-gold);font-style:normal;font-weight:500}.progress-track{background:#ffffff14;border-radius:2px;width:120px;height:2px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent-gold), var(--accent-gold-light));width:0%;height:100%;transition:width var(--transition-medium)}.screen{opacity:0;transition:opacity var(--transition-medium), transform var(--transition-medium);transform:translateY(16px)}.screen.active{opacity:1;transform:translateY(0)}.intro-card{text-align:center;padding:1rem 0}.tagline{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.25em;color:var(--accent-gold);margin-bottom:1.25rem;font-size:.85rem;display:inline-block}h1.main-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:400;line-height:1.15}h1.main-title em{color:var(--accent-gold-light);font-style:italic;font-weight:400}.intro-desc{color:var(--text-secondary);max-width:520px;margin:0 auto 3rem;font-size:1.05rem;font-weight:300;line-height:1.7}.btn-primary{color:var(--text-primary);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;min-height:54px;transition:color var(--transition-fast);touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:360px;padding:1.1rem 2.2rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}@media (min-width:480px){.btn-primary{width:auto;padding:1.1rem 2.8rem;font-size:.95rem}}.btn-primary:before{content:"";transition:transform var(--transition-fast), background var(--transition-fast);background:linear-gradient(135deg,#e2a8561f,#e2a8560a);border-radius:40px;position:absolute;inset:0}.btn-primary:hover:before,.btn-primary:active:before{background:linear-gradient(135deg,#e2a85638,#e2a85614);transform:scale(1.02)}.btn-primary span{z-index:1;position:relative}.btn-primary svg{fill:none;width:18px;height:18px;stroke:var(--accent-gold);stroke-width:2px;z-index:1;transition:transform var(--transition-fast);position:relative}.btn-primary:hover svg{transform:translate(4px)}.question-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:2rem;font-size:clamp(1.5rem,5.2vw,2.4rem);font-weight:400;line-height:1.28}.options-list{flex-direction:column;gap:.85rem;display:flex}.option-item{background:var(--bg-card);cursor:pointer;min-height:56px;transition:background var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;display:flex;position:relative}.option-item:hover,.option-item:active{background:var(--bg-card-hover)}.option-item.selected{background:var(--bg-card-active);transform:scale(.99)}.option-letter{font-family:var(--font-display);color:var(--accent-gold);min-width:24px;padding-top:2px;font-size:1.1rem;font-weight:500;line-height:1}.option-text{color:var(--text-primary);font-size:1rem;font-weight:300;line-height:1.5}.result-badge{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:.75rem;font-size:.8rem;display:block}.result-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:400;line-height:1.2}.result-body{background:#ffffff04;border-radius:16px;margin-bottom:2.5rem;padding:2rem}.result-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.05rem;font-weight:300;line-height:1.8}.result-highlight{color:var(--text-primary);font-weight:400}.breakdown-section{border-top:1px solid #ffffff0d;margin-top:2rem;padding-top:1.5rem}.breakdown-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.2rem;font-size:.85rem}.breakdown-item{align-items:center;gap:1rem;margin-bottom:.65rem;font-size:.88rem;display:flex}.breakdown-label{width:140px;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.breakdown-track{background:#ffffff0a;border-radius:2px;flex:1;height:4px;overflow:hidden}.breakdown-fill{background:var(--text-muted);border-radius:2px;height:100%;transition:width .8s ease-out}.breakdown-fill.dominant{background:var(--accent-gold)}.breakdown-val{text-align:right;min-width:32px;color:var(--text-muted);font-size:.8rem}.breakdown-val.dominant{color:var(--accent-gold);font-weight:600}.promo-box{text-align:center;padding-top:1rem}.promo-text{font-family:var(--font-display);color:var(--text-primary);margin-bottom:2rem;font-size:1.35rem;font-style:italic;line-height:1.5}@media (max-width:480px){body{padding-top:max(1.25rem, env(safe-area-inset-top));padding-bottom:max(1.75rem, env(safe-area-inset-bottom));padding-left:max(.9rem, env(safe-area-inset-left));padding-right:max(.9rem, env(safe-area-inset-right))}h1.main-title{margin-bottom:1.1rem;font-size:clamp(1.8rem,6.5vw,2.4rem)}.tagline{letter-spacing:.18em;margin-bottom:1rem;font-size:.75rem}.intro-desc{margin-bottom:2rem;font-size:.95rem}.question-title{margin-bottom:1.5rem;font-size:clamp(1.35rem,5.5vw,1.75rem)}.option-item{gap:.85rem;padding:.95rem 1rem}.option-text{font-size:.92rem;line-height:1.45}.result-title{font-size:clamp(1.8rem,6vw,2.3rem)}.result-body{border-radius:14px;padding:1.25rem 1rem}.result-text{font-size:.96rem;line-height:1.7}.breakdown-item{gap:.6rem}.breakdown-label{width:105px;font-size:.78rem}.breakdown-val{min-width:28px;font-size:.75rem}.promo-text{margin-bottom:1.5rem;font-size:1.15rem}}