*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--plum: #2D1B3D;--plum-mid: #4A2F6A;--plum-light: #8B5CF6;--plum-pale: #F5F0FA;--ice: #E0F2FE;--ice-mid: #BAE6FD;--chrome: #1C1C1E;--pearl: #F5F0FA;--white: #FFFFFF;--gray-100: #F3F4F6;--gray-300: #D1D5DB;--gray-500: #6B7280;--gray-700: #374151;--gold: #B8860B;--gold-light: #FEF9E7;--success: #16A34A;--danger: #DC2626;--warning: #D97706;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{background:var(--plum);color:var(--white);min-height:100%;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:600;line-height:1.2}h2{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;line-height:1.3}h3{font-size:1.125rem;font-weight:500;line-height:1.4}p{line-height:1.7}.oracle-text{font-size:clamp(1.1rem,3.5vw,1.35rem);line-height:1.85;font-weight:300;letter-spacing:.01em}.oracle-signature{font-style:italic;font-weight:300;color:var(--plum-light);font-size:1rem;margin-top:1.5rem}.page{display:flex;flex-direction:column;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + 72px)}.page--full{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.container{width:100%;max-width:480px;margin:0 auto;padding:0 1.25rem}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.gap-xs{gap:.5rem}.gap-sm{gap:.75rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card--pearl{background:var(--pearl);border-color:#2d1b3d26;color:var(--chrome)}.card--ice{background:#e0f2fe14;border-color:#e0f2fe33}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font);font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,transform .1s;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn--primary{background:var(--plum-light);color:var(--white);width:100%}.btn--primary:hover{opacity:.9}.btn--secondary{background:#ffffff14;color:var(--white);border:1px solid rgba(255,255,255,.15);width:100%}.btn--ghost{background:transparent;color:#fff9;font-size:.875rem;padding:.5rem 1rem}.btn--ice{background:var(--ice);color:var(--plum);width:100%}.input{width:100%;padding:.875rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--white);font-family:var(--font);font-size:1rem;outline:none;transition:border-color .2s}.input::placeholder{color:#ffffff59}.input:focus{border-color:var(--plum-light)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;font-family:var(--font-mono)}.badge--profile{background:#8b5cf626;color:var(--plum-light);border:1px solid rgba(139,92,246,.3)}.badge--age{background:#e0f2fe1a;color:var(--ice);border:1px solid rgba(224,242,254,.2)}.badge--sensitivity-minimal,.badge--sensitivity-low{background:#16a34a1a;color:#4ade80;border:1px solid rgba(22,163,74,.3)}.badge--sensitivity-moderate{background:#d977061a;color:#fcd34d;border:1px solid rgba(217,119,6,.3)}.badge--sensitivity-high{background:#dc26261a;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.badge--sensitivity-very_high{background:#dc262626;color:#f87171;border:1px solid rgba(220,38,38,.4)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#1d122bf2;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1.25rem;cursor:pointer;opacity:.45;transition:opacity .15s;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.nav-item.active{opacity:1}.nav-item--center{opacity:1!important}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:.65rem;font-weight:500;letter-spacing:.04em}.nav-cta{width:52px;height:52px;border-radius:50%;background:var(--plum-light);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #8b5cf666}.pearl-loader{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--ice),var(--plum-light));animation:pearl-pulse 2s ease-in-out infinite}@keyframes pearl-pulse{0%,to{transform:scale(1);opacity:.8;box-shadow:0 0 #8b5cf666}50%{transform:scale(1.08);opacity:1;box-shadow:0 0 0 12px #8b5cf600}}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;cursor:pointer;border-radius:var(--radius-md);transition:background .15s}.accordion-header:hover{background:#ffffff0a}.accordion-body{overflow:hidden;transition:max-height .3s ease}.progress-bar{height:3px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--plum-light);border-radius:var(--radius-full);transition:width .3s ease}.camera-container{position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--radius-xl);overflow:hidden;background:#000}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-guide{width:65%;aspect-ratio:3/4;border:2px solid rgba(224,242,254,.5);border-radius:50% 50% 45% 45%/40% 40% 50% 50%;box-shadow:0 0 0 9999px #00000059}.var-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.var-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:.625rem .75rem}.var-label{font-size:.7rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.var-value{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--plum-light)}.divider{height:1px;background:#ffffff14;margin:1.25rem 0}.chart-container{width:100%;height:180px}