@charset "UTF-8";:root{--clr-bg-deep: #05070c;--clr-bg-mid: #0b1220;--clr-bg-surface: #0e1624;--clr-text-primary: #f4f7fb;--clr-accent-green: #00ff88;--clr-accent-green-dark: #00c853;--clr-accent-gold: #ffd60a;--clr-error: #ff8a80;--clr-error-bg: #c62828;--ff-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ff-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--ff-mono-digit: "SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", ui-monospace, monospace;--radius-sm: .5rem;--radius-md: .65rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--transition-fast: .15s ease;--transition-base: .18s ease;--transition-slow: .2s ease;--shadow-card: 0 12px 48px rgba(0, 0, 0, .4);--shadow-cta: 0 12px 40px color-mix(in srgb, var(--clr-accent-green) 30%, transparent);--page-max-width: min(56rem, 100%);--page-padding: clamp(1rem, 4vw, 2.5rem)}@keyframes sharedFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.gradient-heading{background:linear-gradient(120deg,#fff 0%,#b8ffc9 50%,var(--clr-accent-gold) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.banner{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-family:var(--ff-sans);font-size:.9rem;line-height:1.5;background:color-mix(in srgb,var(--clr-error-bg) 12%,transparent);color:var(--clr-error);border:1px solid color-mix(in srgb,var(--clr-error-bg) 35%,transparent)}.ghost-pill{flex-shrink:0;border:1px solid color-mix(in srgb,var(--clr-text-primary) 14%,transparent);background:color-mix(in srgb,var(--clr-text-primary) 6%,transparent);color:color-mix(in srgb,var(--clr-text-primary) 82%,transparent);border-radius:var(--radius-pill);padding:.4rem .8rem;font-family:var(--ff-sans);font-size:.78rem;font-weight:650;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);touch-action:manipulation;white-space:nowrap}.ghost-pill:hover{background:color-mix(in srgb,var(--clr-text-primary) 10%,transparent);border-color:color-mix(in srgb,var(--clr-text-primary) 28%,transparent)}.ghost-pill:active{transform:scale(.98)}.btn-primary{padding:.8rem 1.75rem;font-family:var(--ff-sans);font-weight:800;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);border:0;cursor:pointer;color:#04120a;background:linear-gradient(120deg,var(--clr-accent-green),var(--clr-accent-green-dark) 55%,var(--clr-accent-gold) 160%);box-shadow:var(--shadow-cta);transition:transform var(--transition-base),filter var(--transition-base),opacity var(--transition-base);touch-action:manipulation;width:100%;max-width:20rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.01);filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.form-input{padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--clr-text-primary) 14%,transparent);background:color-mix(in srgb,var(--clr-bg-surface) 88%,transparent);color:var(--clr-text-primary);font-family:var(--ff-sans);font-size:.9rem;outline:none;transition:border-color var(--transition-slow)}.form-input:focus{border-color:color-mix(in srgb,var(--clr-accent-green) 40%,transparent)}.form-input::placeholder{color:color-mix(in srgb,var(--clr-text-primary) 30%,transparent)}.tab-pill{flex-shrink:0;padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--clr-text-primary) 12%,transparent);background:color-mix(in srgb,var(--clr-text-primary) 5%,transparent);color:color-mix(in srgb,var(--clr-text-primary) 70%,transparent);font-family:var(--ff-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);touch-action:manipulation;white-space:nowrap}.tab-pill:hover{background:color-mix(in srgb,var(--clr-text-primary) 10%,transparent);border-color:color-mix(in srgb,var(--clr-text-primary) 22%,transparent);color:var(--clr-text-primary)}.tab-pill--active{background:color-mix(in srgb,var(--clr-accent-green) 12%,transparent);border-color:color-mix(in srgb,var(--clr-accent-green) 36%,transparent);color:#b8ffc9}.tab-pill--active-blue{background:color-mix(in srgb,#86b8ff 12%,transparent);border-color:color-mix(in srgb,#86b8ff 36%,transparent);color:#b8ffc9}.card-surface{border-radius:var(--radius-lg);background:color-mix(in srgb,var(--clr-bg-surface) 88%,transparent);border:1px solid color-mix(in srgb,#fff 10%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.loading-text{margin:0;font-family:var(--ff-sans);color:color-mix(in srgb,var(--clr-text-primary) 60%,transparent)}.fade-in{animation:sharedFadeIn .2s ease}.flex-row{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:.35rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-lg{gap:1rem}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box}html{height:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;min-height:100dvh;max-width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@supports (padding: env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,#f4f7fb 15%,transparent);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,#f4f7fb 25%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
