.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0b0d99;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .25s,background .25s}.nav--scrolled{border-bottom-color:var(--border);background:#0a0b0ddb}.nav__inner{display:flex;align-items:center;height:60px;gap:32px}.nav__logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em}.nav__logo-mark{width:20px;height:20px;flex-shrink:0;fill:var(--volt);filter:drop-shadow(0 0 7px var(--accent-glow));transition:filter var(--transition)}.nav__logo-accent{color:var(--volt)}.nav__logo:hover .nav__logo-mark{filter:drop-shadow(0 0 11px rgba(59,157,255,.5))}.nav__links{display:flex;gap:3px}.nav__link{position:relative;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:8px 12px;border-radius:6px;text-decoration:none;transition:color var(--transition);display:inline-flex;align-items:center;gap:6px}.nav__link:hover,.nav__link--active{color:var(--text)}.nav__link--active:after{content:"";position:absolute;bottom:1px;left:12px;right:12px;height:2px;border-radius:2px;background:var(--volt);box-shadow:0 0 10px var(--accent-glow)}.nav__right{margin-left:auto;display:flex;align-items:center;gap:10px}.nav__user{display:flex;align-items:center;gap:7px;position:relative}.nav__avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.nav__avatar{width:26px;height:26px;background:var(--volt);border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#0a0b0d;box-shadow:0 0 14px var(--accent-glow)}.nav__username{font-size:.8rem;color:var(--text-secondary);font-weight:500}.nav__dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:184px;background:var(--surface);border:1px solid var(--border-hover);border-radius:11px;padding:6px;z-index:200;box-shadow:var(--shadow-md);animation:dropIn .12s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-radius:7px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;font-family:inherit;transition:background var(--transition),color var(--transition)}.nav__dropdown-item:hover{background:var(--bg);color:var(--text)}.nav__dropdown-item--danger:hover{color:var(--error)}.nav__dropdown-divider{height:1px;background:var(--border);margin:4px 0}.nav__signin{font-size:.78rem}.nav__dropdown-item{position:relative}.nav__dropdown-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--volt);color:#0a0b0d;font-size:.65rem;font-weight:700;border-radius:var(--radius-full);font-family:var(--font-mono)}.nav__watch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all var(--transition)}.nav__watch:hover{color:var(--volt);border-color:var(--border-hover)}.nav__watch-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:var(--volt);color:#0a0b0d;font-size:.6rem;font-weight:700;border-radius:var(--radius-full);font-family:var(--font-mono)}.nav__toggle{display:none;background:none;border:1px solid var(--border);color:var(--text);width:34px;height:34px;border-radius:7px;cursor:pointer;align-items:center;justify-content:center}@media (max-width: 768px){.nav__inner{height:54px}.nav__toggle{display:flex}.nav__links{display:none;position:absolute;top:54px;left:0;right:0;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:8px;gap:2px}.nav__links--open{display:flex;animation:slideUp .15s var(--ease)}.nav__link{padding:11px 14px;font-size:.8rem;border-radius:8px}.nav__link--active:after{display:none}.nav__link--active{background:var(--surface)}.nav__username{display:none}}.ft{border-top:1px solid var(--border);background:var(--bg-secondary);padding:22px 0;margin-top:auto}.ft__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.ft__inner>.ft__brand{justify-self:start}.ft__inner>.ft__copy{justify-self:center;text-align:center}.ft__inner>.ft__links{justify-self:end}.ft__brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.02em;color:var(--text);text-decoration:none}.ft__mark{width:18px;height:18px;fill:var(--volt);flex-shrink:0}.ft__brand-accent{color:var(--volt)}.ft__links{display:flex;gap:20px;flex-wrap:wrap}.ft__link{font-size:.8125rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.ft__link:hover{color:var(--accent)}.ft__copy{font-size:.75rem;color:var(--text-muted)}@media (max-width: 640px){.ft__inner{grid-template-columns:1fr;gap:14px;text-align:center;justify-items:center}.ft__inner>.ft__brand,.ft__inner>.ft__copy,.ft__inner>.ft__links{justify-self:center}}:root{--bg: #15171c;--bg-secondary: #1a1d23;--surface: #1f232b;--surface-hover: #262b34;--surface-active: #2e343f;--text: #e9ebef;--text-secondary: #c2c8d2;--text-muted: #939aa6;--volt: #3b9dff;--volt-bright: #62b4ff;--accent: #3b9dff;--accent-hover: #62b4ff;--accent-subtle: rgba(59,157,255,.12);--accent-border: rgba(59,157,255,.34);--accent-glow: rgba(59,157,255,.26);--on-accent: #04101f;--green: #3ad29f;--green-subtle: rgba(58,210,159,.13);--green-border: rgba(58,210,159,.38);--success: #3ad29f;--warning: #f5b544;--error: #ff6b6b;--border: rgba(255,255,255,.09);--border-hover: rgba(255,255,255,.16);--grid-line: rgba(255,255,255,.028);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 24px rgba(0,0,0,.45);--shadow-lg: 0 20px 60px rgba(0,0,0,.6);--shadow-glow: 0 0 50px rgba(59,157,255,.08);--radius-sm: 4px;--radius-md: 7px;--radius-lg: 11px;--radius-xl: 16px;--radius-full: 9999px;--font-display: "Chakra Petch", "Sora", sans-serif;--font-sans: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--ease: cubic-bezier(.22,1,.36,1);--transition: .16s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scrollbar-gutter:stable}::selection{background:var(--accent);color:var(--on-accent)}::-moz-selection{background:var(--accent);color:var(--on-accent)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;font-size:14.5px;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,var(--grid-line) 1px,transparent 0);background-size:26px 26px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% -8%,rgba(59,157,255,.06),transparent 70%),radial-gradient(50% 40% at 100% 0%,rgba(58,210,159,.04),transparent 70%)}#root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.12;font-weight:600;letter-spacing:-.01em;color:var(--text)}h1,h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(2.1rem,5vw,3.6rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.1875rem;font-weight:600}h4{font-size:1rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}.mono-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.container{max-width:1160px;margin:0 auto;padding:0 24px;width:100%}.page{flex:1;padding-top:92px;padding-bottom:72px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 17px;border-radius:var(--radius-md);font-weight:600;font-size:.8125rem;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all var(--transition);white-space:nowrap;font-family:var(--font-sans);line-height:1.4;letter-spacing:-.005em}.btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--volt);border-color:var(--volt);color:#0a0b0d;font-weight:700;box-shadow:0 0 0 0 var(--accent-glow),var(--shadow-glow)}.btn-primary:hover{background:var(--volt-bright);border-color:var(--volt-bright);color:#0a0b0d;box-shadow:0 8px 30px #3b9dff47}.btn-secondary{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--volt)}.btn-secondary:hover{background:#3b9dff29;border-color:var(--volt);color:var(--volt-bright)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn-danger{background:#ff6b6b1a;border-color:#ff6b6b3d;color:var(--error)}.btn-danger:hover{background:#ff6b6b2e}.btn-lg{padding:12px 26px;font-size:.9375rem;border-radius:var(--radius-lg)}.btn-sm{padding:6px 12px;font-size:.75rem}.btn-icon{padding:8px;width:36px;height:36px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition),transform var(--transition)}.card:hover{border-color:var(--border-hover)}input,select,textarea{background:var(--bg);border:1px solid var(--border-hover);color:var(--text);padding:10px 14px;border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-sans);transition:border-color var(--transition),box-shadow var(--transition);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--volt);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;font-weight:500;font-size:.8125rem;margin-bottom:6px;color:var(--text-secondary)}.chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-family:var(--font-sans)}.chip:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.chip.active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--volt-bright);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .15s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-xl);max-width:520px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:slideUp .2s var(--ease)}.modal-lg{max-width:720px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.05rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.3}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition);flex-shrink:0}.modal-close:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.modal-body{padding:24px;overflow-y:auto}.text-accent{color:var(--volt)}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.form-group{margin-bottom:16px}.section-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:12px}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state h3{color:var(--text-secondary);margin-bottom:6px}.loading{text-align:center;padding:64px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--volt);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-hover) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-subtle);color:var(--volt-bright)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html.home-snap{scroll-snap-type:none!important}}@media (max-width: 768px){.container{padding:0 16px}.page{padding-top:76px}}