:root{--bg-base: #050505;--surface: #121212;--surface-hover: #1A1A1A;--border-subtle: rgba(255, 255, 255, .08);--accent: #FFFFFF;--accent-fg: #000000;--text-primary: #EDEDED;--text-secondary: #888888;--text-tertiary: #555555;--shadow-glow-val: 0 0 20px rgba(255, 255, 255, .1);--shadow-float-val: 0 20px 40px rgba(0, 0, 0, .8)}.light{--bg-base: #F5F5F5;--surface: #FFFFFF;--surface-hover: #E5E5E5;--border-subtle: rgba(0, 0, 0, .1);--accent: #000000;--accent-fg: #FFFFFF;--text-primary: #111111;--text-secondary: #666666;--text-tertiary: #999999;--shadow-glow-val: 0 0 20px rgba(0, 0, 0, .1);--shadow-float-val: 0 10px 30px rgba(0, 0, 0, .1)}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif;background-image:linear-gradient(var(--color-border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-subtle) 1px,transparent 1px);background-size:32px 32px;background-position:center top;background-attachment:fixed;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@keyframes pulse-glow{0%{box-shadow:0 0 #ffb80066}70%{box-shadow:0 0 0 15px #ffb80000}to{box-shadow:0 0 #ffb80000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-pulse-glow{animation:pulse-glow 2s infinite}.shimmer{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 2s infinite linear}.shimmer-dark{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.media-loading{filter:blur(4px);transform:scale(1.02);opacity:.8;transition:filter .4s ease-out,transform .4s ease-out,opacity .4s ease-out}.media-loaded{filter:blur(0);transform:scale(1);opacity:1}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}html,body{scroll-behavior:smooth;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body,#root{max-width:100vw;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}p,span,h1,h2,h3,h4,h5,h6,li,td,label{-webkit-user-select:text;user-select:text}button,[role=button],a{min-height:44px;min-width:44px}img,video,iframe{max-width:100%}@media screen and (max-width:767px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],select,textarea{font-size:16px}}header{padding-top:var(--safe-area-top)}@media screen and (max-width:767px){[class*=max-w-4xl],[class*=max-w-3xl]{max-width:calc(100vw - 2rem)!important}}@media screen and (max-width:767px){::-webkit-scrollbar{width:3px;height:3px}}.pwa-install-banner{position:fixed;bottom:calc(var(--safe-area-bottom) + 1rem);left:1rem;right:1rem;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#1a1a1a;border:1px solid rgba(255,184,0,.3);border-radius:1.25rem;box-shadow:0 10px 40px #00000080;animation:slide-up .4s ease-out}@keyframes slide-up{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}