*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}:root{--primary-blue:#007bff;--primary-blue-hover:#0056b3;--success-green:#28a745;--success-green-hover:#218838;--danger-red:#dc3545;--danger-red-hover:#c82333;--text-primary:#333;--text-secondary:#666;--text-light:#999;--bg-white:#fff;--bg-light:#f8f9fa;--border-color:#e0e0e0;--shadow:0 4px 20px rgba(0,0,0,.15);--shadow-lg:0 8px 30px rgba(0,0,0,.2)}@media (prefers-color-scheme:dark){:root{--text-primary:#fff;--text-secondary:#ccc;--text-light:#999;--bg-white:#1a1a1a;--bg-light:#2a2a2a;--border-color:#404040}body{background:linear-gradient(135deg,#1a1a2e,#16213e)}}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary-blue)}button{cursor:pointer;border:none;background:none;transition:all .3s ease}button,input{font-family:inherit}input{-webkit-appearance:none;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=text]{font-size:16px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}