:root{--bg-color: #121212;--surface-color: #1e1e1e;--primary-color: #bb86fc;--secondary-color: #03dac6;--text-color: #e0e0e0;--text-muted: #a0a0a0;--border-color: #333;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-md: 8px;--radius-lg: 12px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}button{background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,transform .1s;font-weight:500}button:hover{background-color:#2c2c2c}button:active{transform:scale(.98)}button.primary{background-color:var(--primary-color);color:#000;border:none}button.primary:hover{background-color:#a370f7}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);width:100%;box-sizing:border-box}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--surface-color);border-bottom:1px solid var(--border-color)}.app-title{font-size:1.25rem;font-weight:700;color:var(--text-color)}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-lg)}.help-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.help-modal{background-color:var(--surface-color);border-radius:var(--radius-lg);width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.help-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.help-header h2{margin:0;color:var(--text-color);font-size:1.5rem}.help-close{background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color .2s}.help-close:hover{background-color:#ffffff1a}.help-content{padding:1.5rem;overflow-y:auto;color:var(--text-color)}.help-content section{margin-bottom:1.5rem}.help-content h3{color:var(--primary-color);margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.help-content ul,.help-content ol{margin:.5rem 0;padding-left:1.5rem}.help-content li{margin-bottom:.5rem;line-height:1.5}.help-content p{margin:.5rem 0;line-height:1.6}.help-content strong{color:var(--accent-color)}.help-note{background-color:#cf667933;padding:.5rem;border-left:3px solid #cf6679;margin-top:.5rem;font-size:.9rem}