:root{--base-color:#1a202c;--text-color:#e2e8f0;--input-bg:#2d3748;--input-border:#4a5568;--input-focus-border:#63b3ed;--highlight-bg:#ff0}*{box-sizing:border-box}body{background-color:var(--base-color);color:var(--text-color);font-family:Inter,sans-serif;margin:0;overflow:hidden}#app{height:100vh}.container{max-width:1280px;margin:0 auto;padding:2rem}.button{background-color:initial;background-image:linear-gradient(-180deg,#ff7e31,#e62c03);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;line-height:2em;outline:0;overflow:hidden;padding:.5em 1em;pointer-events:auto;position:relative;text-align:center;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:top;white-space:nowrap;width:100%;border:0}.button.blue{background-image:linear-gradient(-180deg,#3498db,#2980b9)}.button.grey{background-image:linear-gradient(-180deg,#95a5a6,#7f8c8d)}.button.red{background-image:linear-gradient(-180deg,#e74c3c,#c0392b)}.button.disabled{background-image:linear-gradient(-180deg,#bdc3c7,#95a5a6);cursor:not-allowed;pointer-events:none;opacity:.2}.button:focus{outline:none;box-shadow:0 0 0 3px rgba(66,153,225,.6)}#loading-overlay{z-index:1000}.loader{border-top-color:#3498db;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}