.start-page{grid-template-columns:minmax(0,1fr);gap:28px;max-width:1040px;margin:0 auto;display:grid}.start-hero>.eyebrow{display:none}.start-hero h1{letter-spacing:-.8px;text-wrap:balance;margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.14}.start-hero h1 em{color:#dbcaef;font-family:Georgia,serif;font-weight:400;display:block}.start-hero p{color:#c1bccb;max-width:560px;font-size:14px;line-height:1.7}.start-featured h2{letter-spacing:-.45px;font-size:18px;font-weight:550}.start-featured>p{color:#93899f;margin-top:6px;font-size:12px;line-height:1.5}.start-featured ul{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:8px -18px 0;padding:6px 18px 8px;scroll-padding-inline:18px;display:flex;overflow-x:auto}.start-featured li{scroll-snap-align:start;flex:0 0 132px}.start-featured a{display:block}.start-featured-art{aspect-ratio:3/4;border:1px solid #423447;border-radius:10px;display:block;overflow:hidden}.start-featured-art img,.start-featured-art video{object-position:50% 25%;width:100%;height:100%;transition:transform .5s}.start-featured a:hover img{transform:scale(1.04)}.start-featured-genre{color:#dbbcec;margin-top:9px;font-size:11px;display:block}.start-featured strong{margin-top:3px;font-size:13px;font-weight:600;line-height:1.3;display:block}.story-quiz{background:var(--card);border:1px solid #36303f;border-radius:18px;padding:22px 18px}.quiz-progress{background:#302b39;border-radius:2px;height:4px;margin-bottom:22px;overflow:hidden}.quiz-progress span{border-radius:inherit;background:var(--primary);height:100%;transition:width .3s;display:block}.quiz-screen{animation:.28s both quiz-in}@keyframes quiz-in{0%{opacity:0;transform:translateY(6px)}}.story-quiz h2{letter-spacing:-.7px;margin-top:8px;scroll-margin-top:90px;font-size:23px;font-weight:600;line-height:1.25}.story-quiz h2:focus{outline:none}.quiz-hint{color:var(--muted-foreground);margin-top:8px;font-size:13px;line-height:1.6}.quiz-options{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px;display:grid}.quiz-options.is-genres{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-option{min-height:64px;color:var(--foreground);text-align:left;background:#201c27;border:1px solid #393140;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.quiz-option:hover{border-color:#5b4a6e}.quiz-option[aria-pressed=true]{border-color:var(--primary);background:#32253f}.quiz-option-icon{color:#cbb7f0;background:#2a2233;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.quiz-option[aria-pressed=true] .quiz-option-icon{background:var(--primary);color:var(--primary-foreground)}.quiz-option-text{min-width:0}.quiz-option strong{font-size:14px;font-weight:600;display:block}.quiz-option small{color:#a99fb7;margin-top:3px;font-size:12px;line-height:1.45;display:block}.quiz-option-check{color:#d2b7fd;margin-left:auto}.is-genres .quiz-option{gap:10px;min-height:56px;padding:10px 12px}.is-genres .quiz-option-icon{border-radius:9px;width:32px;height:32px}.quiz-nav{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.quiz-nav .quiet-link{min-height:40px;font-size:12px}.quiz-matches{gap:12px;margin-top:20px;display:grid}.quiz-match{background:#201c27;border:1px solid #3a3048;border-radius:14px;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px;display:grid;position:relative}.quiz-match:hover{border-color:#bea6f3}.quiz-match-art{aspect-ratio:3/4;border-radius:10px;align-self:start;overflow:hidden}.quiz-match-art img,.quiz-match-art video{object-position:50% 25%;width:100%;height:100%}.quiz-match-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.quiz-match-label{letter-spacing:1px;text-transform:uppercase;color:#9b89b7;font-size:11px;font-weight:650}.quiz-match h3{margin-top:5px;font-size:16px;font-weight:600;line-height:1.3}.quiz-match-copy>p{color:#afa3bd;margin-top:5px;font-size:12px;line-height:1.55}.quiz-match-copy>.quiz-match-why{color:#cbb7f0;gap:6px;display:flex}.quiz-match-why svg{flex-shrink:0;margin-top:3px}.quiz-match-copy>a{margin-top:12px}.quiz-match-copy>a:after{content:"";border-radius:14px;position:absolute;inset:0}.quiz-match-copy>a:hover{transform:none}.quiz-match.is-best{background:#231d2d;border-color:#5b4a6e;grid-template-columns:minmax(0,1fr);padding:14px}.is-best .quiz-match-art{aspect-ratio:4/3}.is-best .quiz-match-label{color:#d2b7fd}.is-best h3{letter-spacing:-.6px;font-size:22px}.is-best .quiz-match-copy>p{font-size:13px}.is-best .quiz-match-copy>a{align-self:stretch;padding:14px 20px;font-size:14px}.start-genres h2{font-size:15px;font-weight:550}.start-genres ul{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.start-genres a{color:#c6bbd0;border:1px solid #453650;border-radius:20px;align-items:center;min-height:38px;padding:8px 14px;font-size:12px;display:inline-flex}.start-genres a:hover{color:#f5ecff;border-color:#c2a4ef}.start-genres a[aria-current=page]{color:#f5ecff;background:#443054;border-color:#c2a4ef}@media (min-width:761px){.start-page{gap:36px}.start-hero>.eyebrow{display:block}.start-hero h1{letter-spacing:-1.4px;margin:10px 0 12px;font-size:42px}.start-featured ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.story-quiz{border-radius:22px;padding:30px 32px}.story-quiz h2{letter-spacing:-.8px;font-size:27px}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-options.is-genres{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-option{min-height:72px;padding:14px 16px}.quiz-matches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quiz-match.is-best{grid-column:1/-1;grid-template-columns:220px minmax(0,1fr);gap:24px}.is-best .quiz-match-art{aspect-ratio:3/4}.is-best .quiz-match-copy{padding-top:6px}.is-best h3{letter-spacing:-.9px;font-size:28px}.is-best .quiz-match-why{margin-bottom:18px}.is-best .quiz-match-copy>a{align-self:flex-start;margin-top:auto}}.start-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.start-backdrop img,.start-backdrop video{object-fit:cover;filter:blur(34px)saturate(1.15)brightness(.42);width:100%;height:100%;transform:scale(1.12)}.start-backdrop:after{content:"";background:radial-gradient(ellipse at 50% 20%, transparent, color-mix(in srgb, var(--background) 70%, transparent) 60%, var(--background));position:absolute;inset:0}.start-page{max-width:880px}.start-hero{text-align:center;justify-items:center}.start-hero p{margin-inline:auto}.start-featured{text-align:center}.start-featured ul{text-align:left}.start-genres{text-align:center}.start-genres ul{justify-content:center}.story-quiz{-webkit-backdrop-filter:blur(18px)saturate(1.1);background:#15111bbd;border-color:#ffffff1a;box-shadow:0 24px 60px #00000059}.story-quiz .quiz-option,.story-quiz .quiz-match{background:#201c27d1}@media (min-width:761px){.start-featured ul{grid-template-columns:repeat(auto-fit,minmax(110px,140px));justify-content:center}}.story-quiz .quiz-option[aria-pressed=true]{background:#32253fe0}.story-quiz .quiz-match.is-best{background:#231d2de0}
