:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070b;--bg-deep:#03050a;--surface:#0c101adb;--surface-strong:#0b0f18;--line:#9aabcf38;--text:#f7f8fb;--muted:#9da4b3;--pink:#ff5cae;--pink-soft:#ff8fc9;--blue:#5fd8ff;--violet:#c66cff;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.mobile-home-shell{background:radial-gradient(circle at 18% 8%,#ff44a617,#0000 30rem),radial-gradient(circle at 84% 16%,#3fc7ff17,#0000 30rem),linear-gradient(#050811 0%,#05070b 44%,#03050a 100%);justify-items:center;min-height:100dvh;display:grid}.mobile-home{width:min(100%,480px);min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) 1.1rem calc(7.4rem + env(safe-area-inset-bottom));isolation:isolate;position:relative;overflow:clip}.mobile-home:before{content:"";z-index:-3;pointer-events:none;background:linear-gradient(#070a1214,#05070bf0 56%,#04060a 82%);position:absolute;inset:0}.home-header{z-index:4;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.brand-wordmark{letter-spacing:-.04em;background:linear-gradient(90deg, var(--pink) 6%, #ff74c0 35%, var(--blue) 92%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.82rem,8vw,2.55rem);font-weight:800;line-height:.95}.brand-tagline{color:#f7f8fbb8;letter-spacing:.01em;margin:.55rem 0 0;font-size:.94rem}.profile-avatar{aspect-ratio:1;background:url(/serrez-hero.svg) 50% 25%/220% no-repeat;border:1px solid #ff7cc3ad;border-radius:999px;flex:none;width:2.85rem;box-shadow:0 0 0 2px #ff5cae14,0 8px 30px #00000059}.hero-stage{z-index:1;height:clamp(23rem,100vw,30.2rem);margin:-.3rem -1.1rem 0;position:relative}.hero-art{filter:saturate(1.04)contrast(1.02);background:url(/serrez-hero.svg) top/cover no-repeat;position:absolute;inset:-2rem -4rem -1.2rem 2.4rem;transform:translateZ(0)}.hero-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg, #04070deb 0%, #04070d75 31%, transparent 60%), linear-gradient(180deg, transparent 48%, #04070da3 75%, var(--bg) 100%);position:absolute;inset:0}.hero-copy{z-index:2;color:#f7f8fbc7;text-wrap:balance;width:min(66%,17rem);position:absolute;bottom:2.25rem;left:1.1rem}.hero-copy p{margin:.25rem 0;font-size:.95rem;line-height:1.4}.hero-copy .hero-kicker{color:#fff;letter-spacing:-.04em;margin-bottom:.65rem;font-size:clamp(1.65rem,7vw,2.15rem);font-weight:760;line-height:1.05}.hero-kicker span{color:var(--pink-soft);font-weight:500}.command-bar{z-index:5;-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);background:linear-gradient(135deg,#191b2ad1,#0e111cb8);border:1px solid #ff6fbe8c;border-radius:1.55rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:4.35rem;margin:-.9rem 0 1.35rem;padding:.48rem .48rem .48rem 1rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff05,0 16px 44px #0000003d}.command-search{color:#f5bbdc;font-size:1.75rem;line-height:1;transform:rotate(-18deg)}.command-bar input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:1rem}.command-bar input::placeholder{color:#ebeff8a3}.command-bar button{aspect-ratio:1;color:#ffd5ec;cursor:pointer;background:linear-gradient(145deg,#ff4eab33,#75205b2e);border:1px solid #ff69bc94;border-radius:1rem;width:3.25rem;transition:transform .11s,background .18s;box-shadow:inset 0 0 22px #ff4da81c}.command-bar button:active{transform:scale(.965)}.shortcut-grid{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid;position:relative}.shortcut-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d111ceb,#080b12e0);border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.78rem;min-height:7.35rem;padding:1rem .8rem;transition:transform .11s,border-color .18s,background .18s;display:grid;box-shadow:inset 0 1px #ffffff04,0 12px 40px #00000029}.shortcut-card:hover,.shortcut-card:focus-visible{border-color:#ffffff47}.shortcut-card:active{transform:scale(.975)}.shortcut-card.pink{border-color:#ff56b057}.shortcut-card.blue{border-color:#50c3ff4d}.shortcut-card.violet{border-color:#be64ff4f}.shortcut-icon{aspect-ratio:1;background:#ffffff09;border:1px solid #ffffff21;border-radius:.95rem;place-items:center;width:3.05rem;font-size:1.65rem;font-weight:500;display:grid}.pink .shortcut-icon{color:#ff91cc;border-color:#ff5cae80;box-shadow:inset 0 0 18px #ff5cae14}.blue .shortcut-icon{color:#7edcff;border-color:#4cbcff7a;box-shadow:inset 0 0 18px #4cbcff12}.violet .shortcut-icon{color:#dc8dff;border-color:#c56bff7a;box-shadow:inset 0 0 18px #c56bff12}.shortcut-copy{gap:.25rem;min-width:0;display:grid}.shortcut-copy strong{color:#fff;white-space:nowrap;font-size:.94rem;font-weight:650}.shortcut-copy span{color:var(--muted);font-size:.78rem;line-height:1.25}.shortcut-chevron{color:#e8ecf6b8;font-size:1.7rem;font-weight:200}.bottom-nav{z-index:20;left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(1.18);backdrop-filter:blur(20px)saturate(1.18);background:#090c14d1;border:1px solid #97a7ca3d;border-radius:1.45rem;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:min(100% - 2.2rem,448px);min-height:5.45rem;padding:.55rem .45rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 54px #0000006b,inset 0 1px #ffffff05}.nav-item{color:#9298a6;border-radius:.95rem;align-content:center;place-items:center;gap:.22rem;min-width:0;min-height:3.65rem;font-size:.7rem;transition:transform .18s,color .19s,background .19s;display:grid}.nav-item:active{transform:scale(.96)}.nav-item.active{color:#ff92ca;background:linear-gradient(#ff5cae17,#0000)}.nav-icon{font-size:1.45rem;line-height:1}.control-center-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.status-panel,.module-panel{background:#0b1018;border:1px solid #273042;border-radius:1rem}.status-panel{width:min(100%,44rem);padding:2rem}.eyebrow,.status-badge{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.eyebrow{margin:0 0 .75rem;font-size:.8rem}h1{margin-top:0}.connection-status,.status-badge{border:1px solid #39445a;border-radius:999px;padding:.5rem .75rem;font-size:.8rem;display:inline-block}.status-note,.module-description{color:#aeb8c8}.app-shell{grid-template-columns:minmax(14rem,18rem) 1fr;min-height:100vh;display:grid}.app-sidebar{background:#080c13;border-right:1px solid #273042;padding:1.25rem}.app-brand{gap:.65rem;margin-bottom:1.5rem;display:grid}.app-brand .status-badge{width:fit-content}.module-nav{gap:.45rem;display:grid}.module-nav a{color:#d6dbe2;border:1px solid #0000;border-radius:.65rem;padding:.75rem}.module-nav a:hover,.module-nav a:focus-visible{background:#101622;border-color:#354158}.app-main{align-items:start;padding:clamp(1rem,4vw,3rem);display:grid}.module-panel{gap:1.25rem;width:min(100%,58rem);padding:clamp(1.25rem,4vw,2.5rem);display:grid}.module-description{max-width:48rem;margin:0;line-height:1.6}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #273042;border-right:0}.module-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.module-nav a{text-align:center;font-size:.9rem}}@media (max-width:420px){.mobile-home{padding-inline:.9rem}.hero-stage{height:clamp(22rem,108vw,27rem);margin-inline:-.9rem}.hero-art{inset-inline:1.5rem -4.8rem}.hero-copy{width:64%;left:.9rem}.shortcut-grid{gap:.7rem}.shortcut-card{gap:.6rem;min-height:6.8rem;padding:.85rem .65rem}.shortcut-icon{width:2.7rem}.shortcut-copy strong{font-size:.86rem}.shortcut-copy span{font-size:.72rem}}@media (max-width:340px){.shortcut-grid{grid-template-columns:1fr}.hero-copy{width:70%}}@media (min-width:768px){.mobile-home{border-inline:1px solid #7d8fb414;width:min(100%,520px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}