:root{--bg-color: #0f1115;--card-bg: #1a1d24;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #eab308;--accent-secondary: #22c55e;--input-bg: #272a33;--border-color: #333640;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;justify-content:center}#root{width:100%;max-width:480px;padding:20px;display:flex;flex-direction:column;gap:24px}h1{font-size:24px;font-weight:700;text-align:center;margin-bottom:12px;color:var(--accent-primary);letter-spacing:1px}.card{background-color:var(--card-bg);border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color)}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{font-size:14px;color:var(--text-secondary);font-weight:500}.input-wrapper{display:flex;align-items:center;background-color:var(--input-bg);border-radius:8px;padding:0 12px;border:1px solid var(--border-color);transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent-primary)}.input-wrapper input{background:transparent;border:none;color:var(--text-primary);font-size:16px;padding:12px 0;width:100%;outline:none}.input-wrapper span{color:var(--text-secondary);font-size:14px;margin-left:8px}button{cursor:pointer}.segmented-control{display:flex;background-color:var(--input-bg);border-radius:8px;padding:4px;border:1px solid var(--border-color);width:fit-content}.segmented-control button{background:transparent;border:none;color:var(--text-secondary);padding:6px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.segmented-control button.active{background-color:var(--accent-primary);color:#000;font-weight:600;box-shadow:0 1px 2px #0000001a}.segmented-control button:hover:not(.active){color:var(--text-primary);background-color:#ffffff0d}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}