:root{--bg-primary: #f5f6fa;--bg-secondary: #eceef3;--bg-card: #ffffff;--text-primary: #1a1a2e;--text-secondary: #6b7280;--accent: #4361ee;--accent-hover: #3651d4;--player-bg: #f5f6fa;--border-color: #e0e2e9;--shadow: 0 2px 8px rgba(0, 0, 0, .06)}.dark-theme{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--text-primary: #e8e8f0;--text-secondary: #9ca3af;--accent: #4361ee;--accent-hover: #5a7bff;--player-bg: #0f0f1a;--border-color: #2a2a40;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}select{min-height:44px}::selection{background:var(--accent);color:#fff}body{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)}