:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--color-bg-dark:#0f172a;--color-bg-card:#fffffff2;--color-bg-glass:#ffffff1a;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-light:#f8fafc;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #6366f14d;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body{touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-image:radial-gradient(at top,#6366f126 0%,#0000 50%),radial-gradient(at bottom,#8b5cf61a 0%,#0000 50%),linear-gradient(#0f172a 0%,#1e1b4b 50%,#0f172a 100%);background-attachment:fixed;max-width:100vw;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow-x:hidden}body{color:var(--color-text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}a{color:inherit;text-decoration:none}.fixed-header{z-index:1000;padding:.5rem 1rem;padding-top:calc(.5rem + env(safe-area-inset-top));background:linear-gradient(135deg,#0a1628 0%,#0f172a 100%);border-bottom:1px solid #06b6d44d;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000004d}.fixed-header-content{align-items:center;display:flex}.header-logo-img{width:auto;height:auto;max-height:40px}.fixed-header-logo{font-size:1.75rem;line-height:1}.fixed-header-title{color:var(--color-text);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.hamburger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0;display:flex;position:absolute;right:1rem}.hamburger-line{background:var(--color-accent);border-radius:2px;width:100%;height:3px;transition:all .2s;display:block}.hamburger-line.open:first-child{transform:rotate(45deg)translate(5px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-nav{top:calc(3.5rem + env(safe-area-inset-top));background:#fff;border-radius:16px;min-width:200px;padding:.5rem;animation:.2s slideDown;position:absolute;right:.75rem;box-shadow:0 10px 40px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:1rem;font-weight:600;transition:background .15s;display:flex}.menu-item:hover{background:#6366f11a}.menu-item:active{background:#6366f133}.menu-icon{font-size:1.25rem}@media (min-width:768px){.fixed-header{padding:.625rem 1.5rem;padding-top:calc(.625rem + env(safe-area-inset-top))}.header-logo-img{max-height:45px}.hamburger-btn{right:1.5rem}.menu-nav{top:calc(4rem + env(safe-area-inset-top));right:1.5rem}}.container{max-width:100%;padding:.75rem;padding-top:calc(3.5rem + env(safe-area-inset-top) + .75rem);padding-bottom:calc(1rem + env(safe-area-inset-bottom));margin:0 auto}.container.panel-expanded,.container.search-expanded{z-index:20;position:relative}.container.has-collapsed-panel{padding-top:calc(3.5rem + env(safe-area-inset-top) + 2.5rem)}@media (min-width:768px){.container{max-width:768px;padding:1.5rem;padding-top:calc(4rem + env(safe-area-inset-top) + 1.5rem)}.container.has-collapsed-panel{padding-top:calc(4rem + env(safe-area-inset-top) + 3rem)}}@media (min-width:1024px){.container{max-width:1024px;padding:2rem;padding-top:calc(4rem + env(safe-area-inset-top) + 2rem)}.container.has-collapsed-panel{padding-top:calc(4rem + env(safe-area-inset-top) + 3.5rem)}}button,select,input,a{min-height:44px}button,select{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#fff3}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}