/* Minimal shell styles — instant first paint before Tailwind CDN */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#0e0e0e;color:#fff;min-height:100vh;line-height:1.5}
img,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.hidden{display:none!important}
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.min-h-screen{min-height:100vh}
.w-full{width:100%}
.min-w-0{min-width:0}
.shrink-0{flex-shrink:0}
.overflow-hidden{overflow:hidden}
.p-4{padding:1rem}
.px-4{padding-inline:1rem}
.px-6{padding-inline:1.5rem}
.py-3{padding-block:.75rem}
.py-10{padding-block:2.5rem}
.mb-2{margin-bottom:.5rem}
.mb-4{margin-bottom:1rem}
.mb-8{margin-bottom:2rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.border{border:1px solid rgba(255,255,255,.1)}
.bg-surface-container{background:#1a1a1a}
.bg-surface-container-high{background:#20201f}
.text-on-surface{color:#fff}
.text-on-surface-variant{color:#adaaaa}
.text-primary{color:#9cff93}
.text-sm{font-size:.875rem}
.text-xs{font-size:.75rem}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.tracking-widest{letter-spacing:.1em}
.space-y-3>*+*{margin-top:.75rem}
.space-y-4>*+*{margin-top:1rem}
@media (min-width:768px){
  .md\:ps-64{padding-inline-start:16rem}
  .md\:flex{display:flex}
  .md\:hidden{display:none}
}
@media (max-width:767px){
  body{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom,0px))}
}