*{box-sizing:border-box;margin:0;padding:0}:root{--red: #ef4444;--blue: #3b82f6;--green: #22c55e;--yellow: #eab308;--wild: linear-gradient(135deg, var(--red), var(--blue), var(--green), var(--yellow));--bg: #1a1a2e;--bg-light: #16213e;--text: #eee;--text-muted: #888;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html{height:100%}body{min-height:100dvh;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .1s,opacity .1s}button:hover:not(:disabled){transform:scale(1.02)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--red);color:#fff}button.secondary{background:var(--bg-light);color:var(--text);border:1px solid #333}input{padding:12px 16px;border-radius:8px;border:1px solid #333;background:var(--bg-light);color:var(--text);font-size:1rem;width:100%}input:focus{outline:none;border-color:var(--blue)}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}