:root{--ui-bg:#090b10;--ui-surface:#0f131a;--ui-surface-elevated:#10141b;--ui-surface-active:#151a22;--ui-border-subtle:#202632;--ui-border:#303846;--ui-border-strong:#354052;--ui-text-primary:#f4f6f8;--ui-text-secondary:#aeb7c5;--ui-text-muted:#8994a4;--ui-text-subtle:#707b8c;--ui-accent:#6756d9;--ui-accent-strong:#754ee6;--ui-success:#52d991;--ui-warning:#f3c44f;--ui-danger:#ff7b86;--ui-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-text-xs:11px;--ui-text-sm:12px;--ui-text-base:14px;--ui-text-md:16px;--ui-text-lg:18px;--ui-text-xl:22px;--ui-text-2xl:28px;--ui-text-3xl:36px;--ui-text-display:44px;--ui-radius-sm:8px;--ui-radius-md:10px;--ui-radius-lg:12px;--ui-radius-xl:16px;--ui-radius-pill:999px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;--ui-space-10:40px;--ui-space-12:48px;--ui-space-16:64px;--ui-duration-fast:.16s;--ui-duration-normal:.2s;--ui-duration-slow:.3s;--ui-ease-standard:ease}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#f4f6f8;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.site-header{border-bottom:1px solid #202632;justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.brand{color:#f4f6f8;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand-mark{border:1px solid #3a4656;border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.site-nav{align-items:center;gap:8px;font-size:14px;display:flex}.nav-menu{position:relative}.nav-menu summary{color:#9aa5b5;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 11px;list-style:none;display:inline-flex}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary span{color:#707b8c;font-size:13px;transition:transform .16s}
body .page,body .site-header,body .page input,body .page button{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body .page{color:#f7f8fb}body .page .heading h1{color:#f7f8fb;letter-spacing:-.045em}body .page .heading p,body .page .copy p{color:#98a3b6}body .site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060910e0;border-bottom:1px solid #ffffff14;width:100%;margin:0;padding:0;display:block;position:sticky;top:0}body .site-header .site-header-bar{grid-template-columns:minmax(0,1fr) minmax(280px,470px) minmax(0,1fr);align-items:center;gap:24px;max-width:1320px;min-height:78px;margin:0 auto;padding:10px 28px;display:grid}body .site-header .site-brand{color:#fff;align-items:center;gap:12px;width:fit-content;min-width:0;text-decoration:none;display:inline-flex}body .site-header .site-logo{aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:0 0 52px;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;display:block}body .site-header .site-brand-copy{gap:4px;min-width:0;display:grid}body .site-header .site-brand-title{letter-spacing:-.035em;white-space:nowrap;font-size:18px;font-weight:900;line-height:1}body .site-header .site-brand-sub{color:#77839a;letter-spacing:.035em;max-width:230px;font-size:7.5px;font-weight:700;line-height:1.25}body .site-header .site-search{color:#687487;background:#0d121b;border:1px solid #252d3b;border-radius:11px;align-items:center;gap:9px;width:100%;height:40px;padding:0 13px;display:flex}body .site-header .site-utilities{justify-content:flex-end;display:flex;position:relative}body .site-header .site-utility-trigger{color:#c6cedb;min-height:38px;font:inherit;cursor:pointer;background:#0d121b;border:1px solid #252d3b;border-radius:10px;align-items:center;gap:8px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}body .site-header .site-route-bar{background:#080c14c7;border-top:1px solid #ffffff09}body .site-header .site-route-inner{align-items:center;gap:4px;max-width:1320px;min-height:44px;margin:0 auto;padding:0 28px;display:flex}body .site-header .site-route-link,body .site-header .site-route-trigger{color:#fff;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 13px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}body img,body img *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body img{-webkit-touch-callout:none}body [class*=nanaMascot]{object-fit:contain;object-position:bottom right;filter:drop-shadow(0 16px 28px #00000047);pointer-events:auto;width:min(220px,42%);max-height:220px;margin:14px 0 -10px auto;display:block}body .beta-page{background:radial-gradient(circle at 84% 20%,#67b7ff0e,#0000 24%),radial-gradient(circle at 10% 58%,#e85bc509,#0000 22%),#070a12}@media (max-width:760px){body .site-header .site-header-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;max-width:none;min-height:64px;padding:8px 12px}body .site-header .site-logo{flex-basis:40px;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px}body .site-header .site-brand{gap:8px}body .site-header .site-brand-sub{display:none}body .site-header .site-brand-title{font-size:15px}body .site-header .site-search{height:36px;padding:0 10px}}@media (max-width:480px){body .site-header .site-logo{flex-basis:38px;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px}body .site-header .site-brand-title{font-size:14px}}