@import"https://fonts.googleapis.com/css2?family=Fugaz+One&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Unbounded:wght@500;600&display=swap";:root{color-scheme:light;--sky-1: #e8f2ff;--sky-2: #f3edff;--sky-3: #ffece5;--ink-1: #0a1224;--ink-2: #3a4a66;--accent-1: #7b8cff;--accent-2: #6be0ff;--portal-1: #ffffff;--portal-2: #cfdcff;--portal-3: #9fd1ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink-1);background:radial-gradient(circle at 15% 10%,#ffffff 0%,var(--sky-2) 45%,var(--sky-1) 100%)}.entry-root{position:relative;min-height:100vh;padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px;overflow:hidden;cursor:pointer;background:linear-gradient(140deg,#4ea3ff2e,#7b5cff24 45%,#ff6a3d1f)}.entry-sky{position:absolute;inset:0;overflow:hidden;z-index:0}.entry-cloud{position:absolute;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fff,#ffffffe6 45%,#fff0 72%);opacity:.8;animation:drift 28s linear infinite;will-change:transform,opacity}.cloud-a{width:440px;height:190px;top:12%;left:-140px;animation-duration:34s}.cloud-b{width:520px;height:220px;top:60%;left:-220px;animation-duration:38s;animation-delay:-8s}.cloud-c{width:360px;height:160px;top:18%;right:600px;animation-duration:32s;animation-delay:-14s}.cloud-d{width:480px;height:200px;bottom:6%;right:100px;animation-duration:40s;animation-delay:-18s}.entry-header{position:relative;display:flex;justify-content:flex-end;align-items:center;z-index:2}.entry-sound{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid rgba(10,18,36,.15);background:#ffffffd9;font-weight:600;cursor:pointer;box-shadow:0 12px 30px #3a4a6626}.entry-sound-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px #6be0ff40}.entry-sound[aria-pressed=false] .entry-sound-dot{background:#c4c8d4;box-shadow:0 0 0 4px #c4c8d440}.entry-main{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px)}.entry-portal{display:flex;flex-direction:column;align-items:center;gap:18px;transition:transform 1.2s ease;transform-origin:38% 22%}.entry-logo{position:relative;z-index:2;width:min(820px,92vw);height:auto;filter:drop-shadow(0 12px 26px rgba(58,90,140,.25))}.entry-logo .logo-pixel{animation:pixel-glow 2.6s ease-in-out infinite;transform-origin:center}.entry-logo .pixel-1{animation-delay:.1s}.entry-logo .pixel-2{animation-delay:.5s}.entry-logo .pixel-3{animation-delay:.9s}.entry-logo .pixel-4{animation-delay:.3s}.entry-logo .pixel-5{animation-delay:.7s}.entry-logo .pixel-6{animation-delay:1.1s}.entry-logo .logo-s-ribbon{animation:ribbon-shift 5s ease-in-out infinite;transform-origin:40% 20%}.entry-logo .logo-s-stroke{stroke-dasharray:260;stroke-dashoffset:260;animation:stroke-trace 4.8s ease-in-out infinite}.entry-wordmark{font-family:Space Grotesk,Segoe UI,sans-serif}.entry-enter{display:grid;place-items:center;width:180px;height:56px;border-radius:18px;background:linear-gradient(120deg,#4ea3ff38,#7b5cff33,#ff6a3d2e);border:1px solid rgba(123,92,255,.35);box-shadow:0 14px 28px #4ea3ff33;font-size:14px;letter-spacing:.35em;font-weight:700;color:#1b2a4a;text-transform:uppercase}.entry-overlay{position:absolute;inset:0;background:linear-gradient(130deg,#4ea3fff2,#7b5cffeb 45%,#ff6a3de6);background-size:200% 200%;background-position:0% 50%;opacity:0;pointer-events:none;transition:opacity .8s ease}.entry-root.is-transitioning .entry-logo{transform:scale(1.2);transform-origin:28% 18%;opacity:0;transition:transform 1.2s ease,opacity .9s ease}.entry-root.is-transitioning .entry-overlay{opacity:1;animation:gradient-drift 2.4s ease-in-out infinite}.entry-root.is-transitioning .entry-header{opacity:0;transform:translateY(-12px);transition:opacity .4s ease,transform .4s ease}.entry-root.is-transitioning .entry-sky{filter:blur(6px);opacity:.5;transform:scale(1.05);transition:filter .8s ease,opacity .8s ease,transform .8s ease}.entry-root.is-transitioning .entry-portal{transform:scale(18);pointer-events:none}@keyframes drift{0%{transform:translate(0);opacity:0}12%{opacity:.8}88%{opacity:.8}to{transform:translate(140vw);opacity:0}}@keyframes pixel-glow{0%,to{opacity:.65;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-3px) scale(1.12)}}@keyframes ribbon-shift{0%,to{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.12);transform:translateY(-4px)}}@keyframes stroke-trace{0%{stroke-dashoffset:260;opacity:.3}40%{stroke-dashoffset:0;opacity:.9}80%{stroke-dashoffset:-260;opacity:.4}to{stroke-dashoffset:-260;opacity:.3}}@keyframes gradient-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:960px){.entry-header{justify-content:center}.entry-sound{align-self:center}}@media(prefers-reduced-motion:reduce){.entry-cloud,.entry-logo .logo-pixel,.entry-logo .logo-s-ribbon,.entry-logo .logo-s-stroke{animation:none}.entry-portal,.entry-logo{transition:none}}:root{color-scheme:light}.placeholder-root{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top,#fff,#eef3ff 55%,#f8f2ff)}.placeholder-card{width:min(520px,100%);background:#fff;border-radius:24px;padding:32px;text-align:center;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px #1428641f}.placeholder-eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent, #4da3ff);font-weight:600}.placeholder-title{margin:0 0 6px;font-size:32px}.placeholder-subtitle{margin:0 0 16px;color:#334766;font-weight:500}.placeholder-description{margin:0 0 24px;color:#51627c;line-height:1.6}.placeholder-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.placeholder-button{border:none;border-radius:14px;padding:12px 18px;font-weight:600;color:#fff;background:var(--accent, #4da3ff);width:100%;max-width:240px;opacity:.7}.placeholder-link{color:#2a3756;text-decoration:none;font-weight:600}@media(max-width:600px){.placeholder-card{padding:24px}}:root{color-scheme:light;--bg-1: #f7fbff;--bg-2: #edf2ff;--bg-3: #ffe9f2;--ink-1: #0b1324;--ink-2: #2a3756;--accent-1: #4da3ff;--accent-2: #ff8ccf;--accent-3: #ffd36e;--card-bg: #ffffff;--card-border: rgba(255, 255, 255, .7);--shadow-soft: 0 24px 60px rgba(20, 40, 100, .12);--shadow-hard: 0 12px 24px rgba(50, 70, 140, .18)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Outfit,Segoe UI,sans-serif;color:var(--ink-1);background:radial-gradient(circle at 20% 20%,#ffffff 0%,var(--bg-1) 35%,var(--bg-2) 80%);min-height:100vh}#root{min-height:100vh}.select-root{position:relative;min-height:100vh;padding:32px 32px 24px;display:flex;flex-direction:column;gap:28px;background:linear-gradient(140deg,var(--bg-1),var(--bg-2) 60%,var(--bg-3) 120%);overflow:hidden;transform-origin:center;animation:select-enter .6s ease both}.select-bg{position:absolute;inset:0;pointer-events:none}.select-orb{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(0);opacity:.75;animation:orb-bounce-a 24s linear infinite alternate;will-change:transform,opacity}.orb-1{top:-80px;right:-60px;background:radial-gradient(circle,#4da3ff99,#4da3ff00);animation-name:orb-bounce-a;animation-duration:26s}.orb-2{bottom:-120px;left:-80px;background:radial-gradient(circle,#ff8ccf8c,#ff8ccf00);animation-name:orb-bounce-b;animation-duration:30s;animation-delay:-6s}.orb-3{top:40%;right:15%;width:220px;height:220px;background:radial-gradient(circle,#ffd36e8c,#ffd36e00);animation-name:orb-bounce-c;animation-duration:22s;animation-delay:-9s}.select-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;z-index:1}.select-eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.3em;font-weight:600;color:var(--accent-1)}.select-title{margin:0 0 8px;font-family:Unbounded,Outfit,sans-serif;font-size:36px;font-weight:600}.select-subtitle{margin:0;color:var(--ink-2);font-size:15px}.select-status{display:flex;gap:20px;align-items:center;padding:16px 20px;background:#ffffffb8;border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.select-status-label{margin:0;font-size:12px;color:var(--ink-2)}.select-status-value{margin:6px 0 0;font-weight:600}.select-status-divider{width:1px;height:34px;background:linear-gradient(180deg,transparent,rgba(11,19,36,.25),transparent)}.select-main{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;z-index:1}.select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.select-card{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:linear-gradient(160deg,#fff 10%,#f6f8ff 70%);border:1px solid var(--card-border);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border .25s ease;position:relative;overflow:hidden;animation:rise .5s ease both}.select-card:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(140deg,#4da3ff40,#ff8ccf40);transition:opacity .25s ease}.select-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-hard);border-color:#4da3ff66}.select-card:hover:after{opacity:1}.select-card[data-active=true]{border-color:#ff8ccf99;box-shadow:0 20px 50px #ff8ccf38}.select-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.select-card-index{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:#4da3ff1f;color:var(--accent-1)}.select-card-chip{font-size:12px;color:var(--ink-2)}.select-card-title{font-size:22px;font-weight:600;letter-spacing:.04em;position:relative;z-index:1}.select-card-tags{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.select-tag{font-size:12px;padding:6px 10px;border-radius:999px;background:#4da3ff1f;color:var(--accent-1);font-weight:600}.select-tag--solid{background:var(--accent-1);color:#fff}.select-card-cta{margin-top:auto;font-size:13px;font-weight:600;color:var(--accent-1);position:relative;z-index:1}.select-panel{padding:28px;border-radius:28px;background:linear-gradient(180deg,#ffffffe6,#f8fbffd9);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-hard);display:flex;flex-direction:column;gap:16px}.select-panel-eyebrow{margin:0 0 6px;color:var(--accent-2);font-weight:600;font-size:12px;letter-spacing:.2em}.select-panel-title{margin:0;font-size:28px;font-family:Unbounded,Outfit,sans-serif}.select-panel-subtitle{margin:6px 0 0;color:var(--ink-2)}.select-panel-description{margin:0;color:var(--ink-2);line-height:1.6}.select-panel-tags{display:flex;flex-wrap:wrap;gap:10px}.select-panel-button{margin-top:8px;border:none;border-radius:16px;padding:14px 18px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(120deg,var(--accent-1),var(--accent-2));box-shadow:0 16px 30px #4da3ff59;cursor:pointer}.select-panel-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto}.select-panel-label{margin:0;font-size:12px;color:var(--ink-2)}.select-panel-value{margin:6px 0 0;font-weight:600}.select-footer{display:flex;gap:12px;flex-wrap:wrap;z-index:1}.select-hint{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(255,255,255,.8);font-size:12px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow-soft)}@keyframes orb-bounce-a{0%{opacity:0;transform:translate(0)}12%{opacity:.55}25%{opacity:.8;transform:translate(-18vw,8vh)}50%{opacity:1;transform:translate(-8vw,24vh)}75%{opacity:.7;transform:translate(-26vw,14vh)}to{opacity:.2;transform:translate(-8vw,2vh)}}@keyframes orb-bounce-b{0%{opacity:0;transform:translate(0)}12%{opacity:.5}20%{opacity:.7;transform:translate(16vw,-10vh)}50%{opacity:1;transform:translate(28vw,-22vh)}80%{opacity:.6;transform:translate(10vw,-6vh)}to{opacity:.2;transform:translate(22vw,-18vh)}}@keyframes orb-bounce-c{0%{opacity:0;transform:translate(0)}12%{opacity:.45}30%{opacity:.75;transform:translate(12vw,-12vh)}60%{opacity:1;transform:translate(-14vw,-22vh)}to{opacity:.2;transform:translate(-6vw,-8vh)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes select-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:960px){.select-main,.select-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.select-root{animation:none}}@media(max-width:720px){.select-root{padding:24px 20px 20px}.select-header{flex-direction:column;align-items:flex-start}.select-title{font-size:28px}.select-status{width:100%;justify-content:space-between}}