:root{color:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 10%,#ff7ac638,#0000 28%),radial-gradient(circle at 85% 15%,#7c5cff33,#0000 26%),radial-gradient(circle at 50% 90%,#ffd16624,#0000 28%),#0b0712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{box-sizing:border-box;flex-direction:column;gap:28px;min-height:100vh;padding:24px;display:flex}.brandbar{color:#ffffffc7;text-transform:lowercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;font-size:14px;display:flex}.brand-lockup,.legal-links{align-items:center;gap:10px;display:flex}.legal-links button,.site-footer button,.legal-close{color:#ffffff8a;background:0 0;padding:0;font-size:13px;font-weight:500}.legal-panel{max-width:860px;margin:0 auto;padding:28px;position:relative}.legal-panel h2{color:#fff7fb;letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(26px,4vw,38px);line-height:1}.legal-panel p{color:#ffffffb8;max-width:76ch}.legal-panel p+p{margin-top:12px}.legal-close{position:absolute;top:22px;right:22px}.brandmark{background:linear-gradient(135deg,#ffd166,#ff7ac6);border-radius:999px;width:10px;height:10px;box-shadow:0 0 24px #ff7ac6bf}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 20px 80px #00000047}.hero{max-width:760px;margin:auto 0;padding:40px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#fff9;margin:0 0 12px;font-size:12px}.hero h1{color:#fff7fb;letter-spacing:-.06em;max-width:680px;margin:0 0 18px;font-size:clamp(32px,6vw,60px);line-height:.98}.lede{color:#ffffffc2;max-width:560px;margin-bottom:10px;font-size:18px}.daily-note{color:#ffffff7a;margin-bottom:28px;font-size:14px}button{color:#17111f;cursor:pointer;background:#fff7fb;border:0;border-radius:999px;padding:14px 20px;font-weight:600;transition:transform .16s,opacity .16s,background .16s}button:hover{transform:translateY(-1px)}.quiz{width:min(760px,100%);margin:auto 0;padding:28px}.progress-row{color:#fff9;align-items:center;gap:16px;margin-bottom:24px;font-size:14px;display:flex}.progress-track{background:#ffffff1f;border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#ffd166,#ff7ac6);height:100%}.quiz h2{color:#fff7fb;letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(24px,4vw,38px);line-height:1.05}.options{gap:12px;display:grid}.option{text-align:left;color:#fff7fb;background:#ffffff17;border:1px solid #ffffff14}.option:hover{background:#ffffff29}.result-layout{grid-template-columns:minmax(280px,420px) minmax(280px,1fr);align-items:center;gap:22px;margin:auto 0;display:grid}.share-card{aspect-ratio:9/16;box-sizing:border-box;min-height:580px;color:var(--accent);border-radius:32px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 100px #00000059}.share-card.aura{background:radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--p2), white 10%), transparent 30%), radial-gradient(circle at 78% 82%, color-mix(in srgb, var(--p0), black 8%), transparent 34%), linear-gradient(145deg, var(--p0), var(--p1))}.share-card.poster{background:linear-gradient(180deg, #ffffff1f, transparent 25%), linear-gradient(135deg, var(--p1), var(--p0))}.share-card.signal{background:repeating-linear-gradient(115deg, #ffffff14 0 1px, transparent 1px 18px), radial-gradient(circle at center, var(--p2), transparent 30%), linear-gradient(150deg, var(--p0), var(--p1))}.share-card:before{content:"";pointer-events:none;border:1px solid #ffffff2e;border-radius:24px;position:absolute;inset:16px}.share-card.poster:after{content:"";background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 62%);mask-image:linear-gradient(#000,#0000 62%)}.orb{filter:blur(8px);opacity:.28;background:var(--accent);border-radius:999px;width:220px;height:220px;position:absolute}.orb-one{top:-72px;right:-58px}.orb-two{bottom:104px;left:-88px}.poster .orb{opacity:.14;filter:blur(1px)}.signal .orb{opacity:.2;filter:blur(18px)}.card-frame{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.card-kicker,.card-brand{text-transform:uppercase;letter-spacing:.24em;opacity:.8;font-size:11px}.share-card h2{color:inherit;letter-spacing:-.06em;text-wrap:balance;margin:auto 0 8px;font-size:clamp(38px,5vw,58px);line-height:.95}.card-subtitle{opacity:.82;margin:0;font-size:18px}.card-divider{opacity:.42;background:currentColor;width:72px;height:1px;margin:28px 0 14px}.card-footnote{color:inherit;opacity:.62;text-transform:uppercase;letter-spacing:.16em;margin:0 0 auto;font-size:11px}.card-blurb{max-width:28ch;margin-bottom:22px;font-size:18px;line-height:1.35}.track-pill{background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;align-self:flex-start;margin-bottom:auto;padding:10px 14px;font-size:14px}.card-brand{z-index:2;position:absolute;bottom:28px;left:28px}.result-copy{padding:28px}.result-copy h2{color:#fff7fb;letter-spacing:-.05em;margin:0 0 14px;font-size:clamp(28px,4vw,42px);line-height:1}.result-copy p{color:#ffffffc2;max-width:42ch}.vibe-line{color:#fff7fb;margin-top:10px;font-size:16px}.why-line{color:#ffffff80;margin-top:8px;font-size:14px}.style-picker{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;gap:8px;width:max-content;margin-top:18px;padding:5px;display:flex}.style-picker button{color:#ffffff9e;background:0 0;padding:8px 12px;font-size:13px}.style-picker button.selected{color:#17111f;background:#fff7fb}.actions{gap:10px;margin-top:22px;display:flex}.image-link{color:#ffffffb8;text-underline-offset:4px;margin-top:12px;font-size:14px;display:inline-flex}.share-assist{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;margin-top:14px;padding:16px}.share-assist h3{color:#fff7fb;margin:0 0 10px;font-size:17px}.share-assist ol{gap:8px;margin:0;padding-left:20px;display:grid}.share-assist li,.share-assist p{color:#ffffffb8;font-size:13px}.share-assist p{margin:10px 0 0}.share-assist strong{color:#fff7fb}.ghost{color:#fff7fb;background:#ffffff14;border:1px solid #ffffff1f}.capture{border-top:1px solid #ffffff1a;margin-top:28px;padding-top:22px}.capture h3{color:#fff7fb;margin:0 0 14px;font-size:18px;line-height:1.2}.capture form{gap:10px;display:flex}.capture input{color:#fff7fb;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;flex:1;min-width:0;padding:14px 16px}.capture input::placeholder{color:#fff6}.opt-in-row{color:#ffffff9e;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.opt-in-row input{accent-color:#fff7fb;flex:none;width:16px;min-width:16px;height:16px;padding:0}.capture-note{margin-top:10px;font-size:13px}.capture-note.error{color:#ffb4c8}.site-footer{color:#ffffff6b;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:auto;font-size:12px;display:flex}.history{border-top:1px solid #ffffff1a;margin-top:28px;padding-top:22px}.history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.history h3{color:#fff7fb;margin:0;font-size:16px;font-weight:600}.text-button{color:#ffffff94;background:0 0;padding:0;font-size:13px}.history ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history li{grid-template-columns:58px 1fr;align-items:baseline;gap:2px 12px;display:grid}.history li span{color:#ffffff73;font-size:13px}.history li strong{color:#fff7fb;font-size:15px}.history li em{color:#ffffff94;grid-column:2;font-size:13px;font-style:normal}@media (width<=760px){.app-shell{padding:18px}.hero{padding:26px}.result-layout{grid-template-columns:1fr}.share-card{justify-self:center;width:min(100%,420px)}.capture form{flex-direction:column}}