:root{--bg: #070b10;--bg-elev: #0e1620;--ink: #e8f1f7;--muted: #8fa3b5;--mint: #39f0a8;--cyan: #3ecbff;--hot: #ff6b2c;--amber: #ffb020;--rose: #ff5d8f;--red: #ff3b4a;--sky: #6ec8ff;--steel: #9bb0c3;--line: rgba(232, 241, 247, .12);--font-display: "Oxanium", sans-serif;--font-body: "Sora", sans-serif;--font-mono: "IBM Plex Mono", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.app{min-height:100dvh;min-height:100svh}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.4rem;border-radius:14px;font-weight:600;letter-spacing:.02em;transition:transform .16s ease,background .16s ease,border-color .16s ease;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#2ee59a,var(--cyan));color:#041018}.btn--ghost{border:1px solid var(--line);background:#0e16208c;color:var(--ink)}.btn--wide{width:100%}.hero{position:relative;min-height:100dvh;min-height:100svh;display:grid;place-items:end stretch;overflow:hidden;padding:calc(1.25rem + var(--safe-top)) 1.25rem calc(1.75rem + var(--safe-bottom))}.hero__bg{position:absolute;inset:0;background:radial-gradient(120% 80% at 10% 0%,rgba(57,240,168,.18),transparent 55%),radial-gradient(90% 70% at 90% 20%,rgba(62,203,255,.16),transparent 50%),radial-gradient(70% 50% at 50% 100%,rgba(255,107,44,.12),transparent 55%),linear-gradient(180deg,#05080c,#0a121a 55%,#070b10)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,241,247,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(232,241,247,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 75%);animation:gridDrift 28s linear infinite}.hero__orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:orbFloat 10s ease-in-out infinite}.hero__orb--a{width:min(55vw,340px);height:min(55vw,340px);top:8%;left:-8%;background:#39f0a859}.hero__orb--b{width:min(48vw,280px);height:min(48vw,280px);top:18%;right:-10%;background:#3ecbff4d;animation-delay:-3s}.hero__scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(57,240,168,.05) 48%,transparent 52%);background-size:100% 220%;animation:scanSweep 5.5s ease-in-out infinite;pointer-events:none}.hero__content{position:relative;z-index:1;max-width:40rem;animation:riseIn .7s cubic-bezier(.22,1,.36,1) both}.hero__signal{margin:0 0 .6rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.22em;color:var(--mint);text-transform:uppercase}.hero__brand{margin:0;line-height:.9}.hero__brand-mark{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(5.5rem,22vw,9.5rem);letter-spacing:.04em;background:linear-gradient(180deg,#ffffff 8%,var(--mint) 42%,var(--cyan) 72%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 40px rgba(57,240,168,.2));animation:brandPulse 4.5s ease-in-out infinite}.hero__tag{margin:1rem 0 1.5rem;max-width:28rem;font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.45;color:var(--muted)}.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem}.quiz{min-height:100dvh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:calc(.85rem + var(--safe-top)) 1rem calc(1rem + var(--safe-bottom));background:radial-gradient(80% 50% at 100% 0%,rgba(62,203,255,.1),transparent 50%),var(--bg)}.quiz__bar{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;margin-bottom:.75rem}.quiz__back{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);font-size:1.25rem;background:#0e1620b3}.quiz__progress{height:8px;border-radius:999px;background:#e8f1f714;overflow:hidden}.quiz__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--red));transition:width .28s ease}.quiz__count{font-family:var(--font-mono);font-size:.85rem;color:var(--muted);min-width:3.2rem;text-align:right}.quiz__panel{overflow:auto;padding-bottom:.5rem}.quiz__panel--in{animation:slideIn .28s cubic-bezier(.22,1,.36,1) both}.quiz__panel--out{animation:slideOut .2s ease both}.quiz__hint{margin:.25rem 0 .4rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.quiz__prompt{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(1.7rem,5.5vw,2.4rem);font-weight:700;line-height:1.15;letter-spacing:.01em}.quiz__multi{margin:0 0 1rem;color:var(--muted);font-size:.92rem}.options{display:grid;gap:.7rem}@media(min-width:720px){.options{grid-template-columns:1fr 1fr}}.option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:64px;padding:1rem 1.1rem;border-radius:16px;border:1px solid var(--line);background:#0e1620b8;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease;touch-action:manipulation}.option:active{transform:scale(.985)}.option--on{border-color:#39f0a8a6;background:linear-gradient(135deg,#39f0a829,#3ecbff14,#ff3b4a14),#0e1620e6;box-shadow:inset 0 0 0 1px #39f0a833}.option__label{font-weight:600;font-size:1.05rem}.option__tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.quiz__footer{padding-top:.75rem}.results{padding-bottom:calc(2rem + var(--safe-bottom));background:radial-gradient(70% 40% at 0% 0%,rgba(57,240,168,.12),transparent 50%),var(--bg)}.results__hero{position:relative;overflow:hidden;padding:calc(1.5rem + var(--safe-top)) 1.25rem 1.75rem}.results__hero-bg{position:absolute;inset:0;pointer-events:none}.results__eyebrow{position:relative;margin:0 0 .4rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--amber)}.results__brand{position:relative;margin:0;font-family:var(--font-display);font-size:clamp(3.8rem,16vw,6.5rem);font-weight:800;letter-spacing:.05em;line-height:.95;background:linear-gradient(180deg,#fff 10%,var(--mint) 55%,var(--cyan) 80%,var(--red) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:riseIn .6s ease both}.results__class{position:relative;margin:.65rem 0 .35rem;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,1.9rem);font-weight:700;color:var(--cyan);animation:riseIn .7s 80ms ease both}.results__blurb{position:relative;margin:0;max-width:34rem;color:var(--muted);line-height:1.45;animation:riseIn .7s .14s ease both}.results__grid{display:grid;gap:1rem;padding:0 1rem}@media(min-width:900px){.results__grid{grid-template-columns:1.1fr .9fr;padding:0 1.5rem}.panel--span{grid-column:1 / -1}}.panel{padding:1.15rem 1.1rem 1.25rem;border-top:1px solid var(--line);animation:riseIn .65s ease both}.panel:nth-child(2){animation-delay:60ms}.panel:nth-child(3){animation-delay:.11s}.panel:nth-child(4){animation-delay:.16s}.panel__title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.02em}.panel__sub{margin:.25rem 0 1rem;color:var(--muted);font-size:.92rem}.results__actions{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem 1.25rem 0}.radar{display:block;max-width:360px;margin:0 auto}.radar__ring{fill:none;stroke:#e8f1f71a;stroke-width:1}.radar__axis{stroke:#e8f1f71a;stroke-width:1}.radar__fill{stroke:none;animation:radarDraw .9s ease both}.radar__stroke{fill:none;stroke:var(--mint);stroke-width:2;stroke-linejoin:round;animation:radarDraw .9s ease both}.radar__dot{animation:popIn .5s .4s ease both}.radar__label{fill:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.bars{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.bars__meta{display:flex;justify-content:space-between;margin-bottom:.35rem;font-size:.92rem}.bars__label{font-weight:600}.bars__value{font-family:var(--font-mono);color:var(--mint)}.bars__track{height:10px;border-radius:999px;background:#e8f1f714;overflow:hidden}.bars__fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--red));animation:barGrow .7s calc(var(--i) * 70ms) cubic-bezier(.22,1,.36,1) forwards}@keyframes barGrow{to{width:var(--w)}}.rings{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem}.ring{display:grid;justify-items:center;gap:.4rem}.ring__track{stroke:#e8f1f71a}.ring__value{transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1);animation:ringSpin 1s ease both}.ring__num{fill:var(--ink);font-family:var(--font-display);font-size:1.55rem;font-weight:700}.ring__label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pulse{display:flex;align-items:flex-end;gap:4px;height:88px;margin-bottom:1.25rem;padding:.25rem 0}.pulse__bar{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--cyan),var(--mint),rgba(255,59,74,.45));transform-origin:bottom;animation-name:pulseBeat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--i) * 40ms);opacity:.85}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem;margin:0}.stats dt{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.stats dd{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;text-transform:capitalize}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes slideOut{to{opacity:0;transform:translate(-18px)}}@keyframes gridDrift{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes scanSweep{0%,to{background-position:0 -40%}50%{background-position:0 140%}}@keyframes brandPulse{0%,to{filter:drop-shadow(0 12px 40px rgba(57,240,168,.18))}50%{filter:drop-shadow(0 16px 48px rgba(62,203,255,.28))}}@keyframes radarDraw{0%{opacity:0;transform:scale(.86);transform-origin:center}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes ringSpin{0%{opacity:0}to{opacity:1}}@keyframes pulseBeat{0%,to{transform:scaleY(.72);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes coverGlow{0%,to{box-shadow:0 12px 36px #3ecbff2e}50%{box-shadow:0 16px 48px #39f0a847}}.library{min-height:100dvh;min-height:100svh;padding-bottom:calc(2rem + var(--safe-bottom))}.library__hero{position:relative;overflow:hidden;padding:calc(1.5rem + var(--safe-top)) 1.25rem 1.5rem}.library__hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(100% 80% at 15% 0%,rgba(57,240,168,.16),transparent 55%),radial-gradient(80% 60% at 90% 10%,rgba(62,203,255,.14),transparent 50%),linear-gradient(180deg,#05080c 0%,#0a121a 70%,transparent 100%)}.library__signal{position:relative;margin:0 0 .5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;color:var(--mint)}.library__brand{position:relative;margin:0 0 .75rem}.library__tag{position:relative;margin:0 0 1.25rem;max-width:32rem;color:var(--muted);line-height:1.5}.library__cta{position:relative;display:flex;flex-wrap:wrap;gap:.75rem}.library__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1.25rem 1rem}.library__tabs{display:flex;flex-wrap:wrap;gap:.4rem}.library__tab{min-height:40px;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--line);background:#0e16208c;color:var(--muted);font-size:.9rem;font-weight:600}.library__tab.is-active{color:#041018;border-color:transparent;background:linear-gradient(135deg,#2ee59a,var(--cyan))}.library__toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.library__toggle-btn{min-height:40px;padding:.45rem .95rem;color:var(--muted);font-size:.85rem;font-weight:600}.library__toggle-btn.is-active{background:#3ecbff33;color:var(--ink)}.library__metric{display:inline-flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:#0e162073}.library__metric-btn{min-height:36px;padding:.35rem .9rem;border-radius:999px;color:var(--muted);font-size:.82rem;font-weight:600}.library__metric-btn.is-active{background:linear-gradient(135deg,#39f0a838,#3ecbff38);color:var(--ink)}.library__metric-btn:disabled{opacity:.35;cursor:not-allowed}.library__panel{padding:0 1.25rem}.library__empty{margin:1rem 0;padding:2rem 1.25rem;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.library__empty-sub{margin:.5rem 0 0;font-size:.9rem;opacity:.8}.platform__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem}.platform__eyebrow{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.platform__name{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem)}.platform__stats{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0}.platform__stats div{min-width:4.5rem}.platform__stats dt{margin:0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.platform__stats dd{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.15rem;font-weight:700}.platform__charts{display:grid;gap:1rem}@media(min-width:900px){.platform__charts{grid-template-columns:1.4fr 1fr;align-items:start}}.platform__side{display:grid;gap:1rem}.platform__imported{margin:.35rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.recent li{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.92rem}.recent li:last-child{border-bottom:0}.recent__time{font-family:var(--font-mono);color:var(--cyan);white-space:nowrap}.thumbs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.thumbs__row{display:grid;grid-template-columns:56px 1fr;gap:.75rem;align-items:center;animation:riseIn .48s ease both;animation-delay:calc(var(--i) * 60ms)}.thumbs__art{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#1a2433;border:1px solid var(--line)}.thumbs__art img{width:100%;height:100%;object-fit:cover;display:block}.thumbs__art-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,#243447,#15202e)}.thumbs__meta{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.35rem;font-size:.92rem}.thumbs__label{font-weight:600}.thumbs__value{font-family:var(--font-mono);color:var(--muted);white-space:nowrap}.thumbs__track{height:10px;border-radius:999px;background:#e8f1f714;overflow:hidden}.thumbs__fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan));animation:barGrow .7s calc(80ms + var(--i) * 60ms) cubic-bezier(.22,1,.36,1) forwards}.covers__standouts{display:grid;gap:.75rem;margin-bottom:1rem}@media(min-width:720px){.covers__standouts{grid-template-columns:2fr 1fr}}.covers__hero{position:relative;min-height:200px;border-radius:18px;overflow:hidden;animation:coverGlow 4s ease-in-out infinite}.covers__hero img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}.covers__hero-meta{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,#05080ceb)}.covers__hero-meta h3{margin:.2rem 0 0;font-family:var(--font-display);font-size:1.35rem}.covers__eyebrow{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.covers__side{display:grid;gap:.75rem}.covers__card{position:relative;border-radius:14px;overflow:hidden;min-height:96px;border:1px solid var(--line)}.covers__card img{width:100%;height:100%;min-height:96px;object-fit:cover;display:block}.covers__card p{position:absolute;inset:auto 0 0;margin:0;padding:.55rem .7rem;font-size:.85rem;font-weight:600;background:linear-gradient(transparent,#05080ce6)}.covers__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.covers__tile{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line);background:#121a24;animation:riseIn .5s ease both}.covers__tile img{width:100%;height:100%;object-fit:cover;display:block}.covers__tile span{position:absolute;inset:auto 0 0;padding:.4rem .5rem;font-size:.72rem;font-weight:600;background:linear-gradient(transparent,#05080ce0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bars__fill,.thumbs__fill{width:var(--w)}}