:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--color-bg: #020617;--color-panel: rgba(30, 41, 59, .7);--color-text: #f8fafc;--color-accent: #4cc9f0;--color-secondary: #f72585;--color-muted: #64748b;--color-border: rgba(255, 255, 255, .1);--font-sans-fallback: "Fredoka"}[data-theme=paper]{--color-bg: #f5f2ed;--color-panel: rgba(255, 255, 255, .8);--color-text: #1a1a1a;--color-accent: #5A5A40;--color-secondary: #8B4513;--color-muted: #7a7a7a;--color-border: rgba(0, 0, 0, .1);--font-sans-fallback: "Libre Baskerville"}[data-theme=warm]{--color-bg: #1a1410;--color-panel: rgba(42, 32, 24, .85);--color-text: #f5e6d3;--color-accent: #e8a849;--color-secondary: #c75a3a;--color-muted: #a89080;--color-border: rgba(245, 230, 211, .15)}[data-theme=ocean]{--color-bg: #0a1628;--color-panel: rgba(15, 52, 96, .75);--color-text: #e0f2fe;--color-accent: #38bdf8;--color-secondary: #0ea5e9;--color-muted: #64748b;--color-border: rgba(56, 189, 248, .2)}[data-theme=forest]{--color-bg: #0f1f15;--color-panel: rgba(20, 46, 30, .8);--color-text: #dcfce7;--color-accent: #4ade80;--color-secondary: #22c55e;--color-muted: #6b7280;--color-border: rgba(74, 222, 128, .15)}[data-theme=sunset]{--color-bg: #1f1520;--color-panel: rgba(45, 25, 45, .8);--color-text: #fef3c7;--color-accent: #fbbf24;--color-secondary: #f59e0b;--color-muted: #a8917a;--color-border: rgba(251, 191, 36, .15)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:"Inter",var(--font-sans-fallback),system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}::selection{background:var(--color-accent);color:var(--color-bg)}.safe-top{padding-top:max(.5rem,var(--safe-top))}.safe-bottom{padding-bottom:max(.5rem,var(--safe-bottom))}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px;opacity:.5}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.btn-press{transition:transform .15s ease-out,box-shadow .15s ease-out;-webkit-tap-highlight-color:transparent}.btn-press:active{transform:scale(.96)}.glass-panel{background:var(--color-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.bg-theme-bg{background:var(--color-bg)}.bg-theme-panel{background:var(--color-panel)}.text-theme-text{color:var(--color-text)}.text-theme-muted{color:var(--color-muted)}.text-theme-accent{color:var(--color-accent)}.text-theme-secondary{color:var(--color-secondary)}.border-theme-border{border-color:var(--color-border)}.bg-neon-blue{background:#00d4ff}.bg-neon-pink{background:#ff0080}.bg-neon-yellow{background:#ffde00}.bg-neon-green{background:#0f8}.bg-brand-danger{background:#ef4444}.bg-brand-success{background:#22c55e}.bg-brand-warning{background:#f59e0b}.text-brand-danger{color:#ef4444}.text-brand-success{color:#22c55e}.text-brand-warning{color:#f59e0b}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--color-accent)}50%{box-shadow:0 0 20px var(--color-accent),0 0 30px var(--color-accent)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.3) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 2s infinite}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-container{width:100%;height:100%;max-width:100vw;overflow:hidden}@media(max-width:640px){.text-responsive{font-size:.875rem}.text-responsive-lg{font-size:1rem}.text-responsive-xl{font-size:1.125rem}.text-responsive-2xl{font-size:1.25rem}.p-responsive{padding:.5rem}.gap-responsive{gap:.25rem}}@media(min-width:641px)and (max-width:768px){.text-responsive{font-size:1rem}.text-responsive-lg{font-size:1.125rem}.text-responsive-xl{font-size:1.25rem}.text-responsive-2xl{font-size:1.5rem}.p-responsive{padding:.75rem}.gap-responsive{gap:.5rem}}@media(min-width:769px){.text-responsive{font-size:1.125rem}.text-responsive-lg{font-size:1.25rem}.text-responsive-xl{font-size:1.5rem}.text-responsive-2xl{font-size:1.875rem}.p-responsive{padding:1rem}.gap-responsive{gap:.75rem}}@media(max-width:480px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:481px)and (max-width:768px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:769px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){button,.btn{min-height:44px;min-width:44px}}@media(orientation:landscape)and (max-height:500px){.landscape-compact{padding-top:.25rem;padding-bottom:.25rem}}