:root,:root[data-theme=neon]{--color-bg: #0d0e12;--color-bg-deep: #08090c;--color-surface: #16181e;--color-text: #f5f7f4;--color-divider: rgba(245, 247, 244, .1);--color-accent: #c9f24a;--color-neutral-100: #f4f6f2;--color-neutral-200: #dfe3db;--color-neutral-300: #c4c9bf;--color-neutral-400: #a3a99d;--color-neutral-500: #868d80;--color-neutral-600: #656b60;--color-neutral-700: #474d44;--color-neutral-800: #2d312b;--color-neutral-900: #191b17;--color-accent-100: #f6fcde;--color-accent-200: #ecf9bd;--color-accent-300: #ddf586;--color-accent-400: #cff255;--color-accent-500: #c9f24a;--color-accent-600: #a6d62f;--color-accent-700: #7c9e26;--color-accent-800: #4d6417;--color-accent-900: #2c3a0e;--shadow-sm: 0 0 0 1px #262922;--shadow-md: 0 0 0 1px #363a2f, 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 0 0 1px #4a5041, 0 16px 40px rgba(0, 0, 0, .65);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--font-os: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--os-screen-bg: radial-gradient(120% 42% at 85% -12%, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 68%) var(--color-bg)}:root[data-theme=indigo]{--color-bg: #161826;--color-bg-deep: #101120;--color-surface: #232532;--color-text: #e9e9ed;--color-divider: rgba(233, 233, 237, .14);--color-accent: #9184d9;--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--shadow-sm: 0 0 0 1px #2c2f3d;--shadow-md: 0 0 0 1px #3a3e4c, 0 6px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 0 0 1px #4c5162, 0 16px 40px rgba(0, 0, 0, .6)}:root[data-theme=light]{--color-bg: #f4f5fa;--color-bg-deep: #e7e9f2;--color-surface: #fdfdff;--color-text: #232532;--color-divider: rgba(35, 37, 50, .13);--color-accent: #9184d9;--color-neutral-100: #292b31;--color-neutral-200: #3f424d;--color-neutral-300: #4b4f5e;--color-neutral-400: #5f6474;--color-neutral-500: #6d7284;--color-neutral-600: #9397ab;--color-neutral-700: #b2b6ca;--color-neutral-800: #cfd3e5;--color-neutral-900: #e6e9f4;--color-accent-100: #2b2741;--color-accent-200: #423a6a;--color-accent-300: #574c8f;--color-accent-400: #796cbf;--color-accent-500: #8579d0;--color-accent-600: #a99fe8;--color-accent-700: #cfc9fb;--color-accent-800: #ddd6fb;--color-accent-900: #eceafd;--shadow-sm: 0 0 0 1px rgba(35, 37, 50, .08), 0 2px 8px rgba(35, 37, 50, .06);--shadow-md: 0 0 0 1px rgba(35, 37, 50, .1), 0 6px 18px rgba(35, 37, 50, .14);--shadow-lg: 0 0 0 1px rgba(35, 37, 50, .12), 0 16px 40px rgba(35, 37, 50, .18)}:root[data-theme=light] body:before{background:var(--color-bg-deep)}:root[data-theme=light] body:after{display:none}.os-screen{min-height:100%;font-family:var(--font-os);color:var(--color-text);background:var(--os-screen-bg)}.os-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.os-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-neutral-500)}.os-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-os);font-weight:600;font-size:15px;cursor:pointer;border-radius:13px;padding:14px 20px;border:1px solid var(--color-accent);color:var(--color-accent-300);background:color-mix(in srgb,var(--color-accent) 13%,transparent);box-shadow:0 0 24px -8px var(--color-accent-700);transition:background .15s var(--ease-out),transform .12s var(--ease-out)}.os-btn:hover{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.os-btn:active{transform:scale(.98)}.os-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.os-btn-ghost{background:none;border-color:var(--color-divider);color:var(--color-text);box-shadow:none}.os-btn-ghost:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.os-input{width:100%;font-family:var(--font-os);font-size:14px;color:var(--color-text);background:var(--color-neutral-900);border:1px solid transparent;border-radius:12px;padding:13px 14px;outline:none;transition:border-color .15s var(--ease-out)}.os-input::placeholder{color:var(--color-neutral-500)}.os-input:focus{border-color:var(--color-accent)}:root{--bg: var(--color-bg-deep);--bg-2: var(--color-bg);--bg-3: var(--color-surface);--ink: var(--color-text);--ink-dim: var(--color-neutral-400);--ink-faint: var(--color-neutral-500);--lime: var(--color-accent);--lime-deep: var(--color-accent-600);--amber: var(--color-accent-400);--danger: #ff5d5d;--glow-lime: 0 0 0 1px color-mix(in srgb, var(--color-accent) 16%, transparent), 0 6px 22px -10px color-mix(in srgb, var(--color-accent) 34%, transparent);--glow-amber: var(--glow-lime);--glass: var(--color-surface);--glass-2: var(--color-surface);--glass-brd: var(--color-divider);--glass-brd-2: var(--color-divider);--sh-sm: var(--shadow-sm);--sh-md: var(--shadow-md);--sh-lg: var(--shadow-lg);--sh-card: var(--shadow-sm);--t-micro: 11px;--t-cap: 12px;--t-sm: 13px;--t-body: 15px;--t-h3: 18px;--t-h2: 22px;--t-h1: 28px;--t-display: 40px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--tap-min: 44px;--font-display: var(--font-os);--font-body: var(--font-os);--font-mono: "Space Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg-deep);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-wrap:break-word}img,video{max-width:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 45% at 82% 8%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 62%),radial-gradient(55% 40% at 12% 92%,color-mix(in srgb,var(--color-accent) 5%,transparent),transparent 62%),var(--color-bg-deep)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-os);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body)}::selection{background:var(--lime);color:#0a0b0d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--glass-2);border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--glass-brd-2);background-clip:padding-box}.gb-glass{background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-brd);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--sh-card),inset 0 1px #ffffff0f}@media (max-width: 760px){.gb-glass,.gb-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.gb-glass{background:var(--color-surface)}.gb-bar{background:var(--color-bg-deep)!important}body:after{display:none}}.gb-tap{min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}.gb-tap-slop:after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);transform:translateY(-50%)}.gb-chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);background:color-mix(in srgb,var(--color-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:999px;padding:5px 12px}.gb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-os);font-weight:600;font-size:15px;padding:13px 22px;border-radius:13px;border:1px solid transparent;cursor:pointer;transition:transform .18s var(--ease-spring),background .2s var(--ease-out)}.gb-btn-primary{color:var(--color-accent-300);background:color-mix(in srgb,var(--color-accent) 13%,transparent);border-color:var(--color-accent);box-shadow:0 0 24px -8px var(--color-accent-700)}.gb-btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.gb-btn-primary:active{transform:scale(.98)}.gb-btn-ghost{color:var(--ink);background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gb-btn-ghost:hover{background:var(--glass-2);border-color:var(--glass-brd-2);transform:translateY(-1px)}.gb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none}.gb-input{width:100%;font-family:var(--font-body);font-size:15px;color:var(--ink);background:#00000059;border:1px solid var(--glass-brd);border-radius:var(--r-sm);padding:13px 15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.gb-input::placeholder{color:var(--ink-faint)}.gb-input:focus{border-color:color-mix(in srgb,var(--color-accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.gb-tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transition:transform .3s var(--ease-out);will-change:transform}.gb-tilt-lift{transform:translateZ(40px)}@keyframes gb-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes gb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gb-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes gb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gb-pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gb-slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes gb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gb-confetti{to{transform:translateY(108vh) rotate(720deg);opacity:0}}.gb-reveal{opacity:0;animation:gb-fade-up .8s var(--ease-out) forwards}.gb-stagger>*{opacity:0;animation:gb-fade-up .5s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes gb-screen-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.gb-screen{animation:gb-screen-in .34s var(--ease-out)}.gb-press{transition:transform .12s var(--ease-spring),filter .15s;touch-action:manipulation}.gb-press:active{transform:scale(.96);filter:brightness(1.04)}@keyframes gb-shimmer{0%{background-position:-160% 0}to{background-position:160% 0}}.gb-skeleton{background:linear-gradient(100deg,var(--glass) 30%,var(--glass-2) 50%,var(--glass) 70%);background-size:200% 100%;animation:gb-shimmer 1.3s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.gb-stagger>*,.gb-screen,.gb-reveal{opacity:1!important}}