*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#eee;min-height:100vh}button{cursor:pointer;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}button:disabled{opacity:.5;cursor:not-allowed}input{padding:12px 16px;border:2px solid #333;border-radius:8px;background:#0f0f23;color:#eee;font-size:16px;outline:none;transition:border-color .2s}input:focus{border-color:#4a9eff}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#ffffff0d;border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary{background:linear-gradient(135deg,#4a9eff,#06c);color:#fff}.btn-secondary{background:#ffffff1a;color:#eee}.btn-success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}@media (max-width: 768px){body{font-size:14px}button{padding:14px 20px;min-height:44px}input{padding:14px 16px;min-height:44px;font-size:16px}.container{padding:12px}.card{padding:16px}}@media (max-width: 480px){body{font-size:13px}button{padding:12px 16px;font-size:14px}.container{padding:8px}.card{padding:12px;border-radius:8px}}@supports (padding: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,.clickable{-webkit-tap-highlight-color:transparent;touch-action:manipulation}