@tailwind base;@tailwind components;@tailwind utilities;:root{--bottom-nav-height:70px;--persistent-player-height:90px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--bottom-spacing:calc(var(--bottom-nav-height) + var(--persistent-player-height) + var(--safe-area-bottom))}@layer base{html{@apply bg-rp-background text-rp-text-primary;height:100%;width:100%;scroll-behavior:smooth}body{@apply bg-rp-background text-rp-text-primary;height:100vh;width:100vw;margin:0;padding:0;overflow-x:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#__next{height:100%;width:100%;overflow-y:auto}body.pwa-mode{-webkit-user-select:none;-webkit-touch-callout:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}p{line-height:1.6}:focus-visible{outline:2px solid #00c853;outline-offset:2px}@media (max-width:768px){a:not(.skip-touch-target),button:not(.skip-touch-target),input[type=checkbox],input[type=radio],select{min-height:44px}*{-webkit-tap-highlight-color:rgba(0,200,83,.1)}}}@media (max-width:768px){#__next>*{padding-bottom:var(--bottom-spacing)!important}#__next>[style*="position: fixed"],#__next>[style*="position:fixed"]{padding-bottom:0!important}.pwa-install-banner,[class*=InstallPrompt],[class*=install-prompt]{bottom:calc(var(--bottom-nav-height) + 20px)!important}}@layer components{.rp-button-primary,.rp-button-secondary,.rp-input{@apply bg-rp-input text-rp-input-text border border-rp-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-rp-primary focus:border-transparent}}.tailwind-safelist{@apply bg-rp-background bg-rp-surface bg-rp-surface-light;@apply bg-rp-primary bg-rp-secondary bg-rp-accent bg-rp-danger bg-rp-success;@apply text-rp-text-primary text-rp-text-secondary text-rp-text-muted;@apply border-rp-border bg-rp-input text-rp-input-text}@keyframes slideIn{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.animate-slideIn{animation:slideIn .5s ease-out}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}