@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base: #080A0F;--bg-surface: #0D1117;--bg-elevated: #161B22;--bg-overlay: #1C2128;--border-default: rgba(255,255,255,.08);--border-subtle: rgba(255,255,255,.04);--text-primary: #E8EDF5;--text-secondary: #8B949E;--text-muted: #6E7681;--product-accent: #059669;--product-accent-hover: #047857;--product-subtle: rgba(5,150,105,.12);--brand: #00B4FF;--success: #3FB950;--error: #F85149;--warning: #D29922;--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}input,textarea{font-family:var(--font-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);font-weight:500;transition:all .15s;white-space:nowrap;padding:10px 20px;font-size:.9rem}.btn-primary{background:var(--product-accent);color:#fff}.btn-primary:hover{background:var(--product-accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{border-color:var(--product-accent);color:var(--product-accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-danger{background:#f8514926;color:var(--error);border:1px solid rgba(248,81,73,.3)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius-lg)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.card:hover{border-color:#0596694d}.input{width:100%;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--product-accent)}.input.mono{font-family:var(--font-mono);font-size:.85rem}.input-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:6px;display:block}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.badge-success{background:#3fb95026;color:var(--success)}.badge-error{background:#f8514926;color:var(--error)}.badge-warning{background:#d2992226;color:var(--warning)}.badge-info{background:#00b4ff26;color:var(--brand)}.badge-accent{background:var(--product-subtle);color:var(--product-accent)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-container{max-width:480px;margin:0 auto;padding:var(--space-6) var(--space-4)}.page-container-wide{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.divider{height:1px;background:var(--border-default);margin:var(--space-4) 0}@media(max-width:640px){.page-container{padding:var(--space-4) var(--space-3)}}#root{overflow-x:hidden}img,video{max-width:100%}