:root{--app-max-width: 768px;--primary-color: #ff6b35;--primary-color-light: #ff8c5a;--primary-color-dark: #e55a2b;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #333;--text-secondary: #666;--border-color: #e0e0e0;--card-border-color: transparent}:root.dark-mode{--bg-primary: #1e1e1e;--bg-secondary: #121212;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #333;--card-border-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}button,a,[role=button],[onclick],.clickable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-secondary);margin:0;padding:0;overflow-x:hidden;color:var(--text-primary);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}html{height:100%;width:100%;overflow-y:auto}body{min-height:100%;width:100%}@media(max-width:768px){body{font-size:14px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn.btn-primary{background-color:#007bff;color:#fff}.btn.btn-primary:hover{background-color:#0056b3}.btn.btn-secondary{background-color:#6c757d;color:#fff}.btn.btn-secondary:hover{background-color:#545b62}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#007bff}