:root{--bg-base: #0a0a0c;--bg-elevated: #121214;--bg-card: #18181b;--bg-card-hover: #1f1f23;--bg-input: #0e0e11;--border-subtle: #1e1e24;--border-default: #2a2a32;--border-strong: #3a3a44;--border-focus: #5a5a6a;--text-primary: #f0f0f2;--text-secondary: #9898a8;--text-muted: #5c5c6e;--accent: #e0e0e8;--accent-muted: rgba(138, 143, 255, .1);--accent-subtle: rgba(138, 143, 255, .05);--accent-blue: #818cf8;--accent-blue-muted: rgba(129, 140, 248, .15);--success: #34d399;--success-muted: rgba(52, 211, 153, .12);--error: #f87171;--error-muted: rgba(248, 113, 113, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 0 1px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .03);--transition-fast: .12s cubic-bezier(.22, 1, .36, 1);--transition-base: .2s cubic-bezier(.22, 1, .36, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;letter-spacing:-.011em;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--text-primary);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.8}html,body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}body{margin:0;min-width:320px;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:16px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(138,143,255,.04) 0%,transparent 70%),var(--bg-base)}#root{width:100%}h1{font-size:2em;line-height:1.15;font-weight:700;letter-spacing:-.03em}h2{font-size:1.375em;font-weight:700;letter-spacing:-.02em}h3{font-size:1.05em;font-weight:600;letter-spacing:-.01em}button{border-radius:10px;border:1px solid var(--border-default);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;letter-spacing:-.01em;background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}button:hover{background-color:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}button:focus,button:focus-visible{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-muted)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}html{-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}input,select,textarea{font-size:16px;min-width:0;max-width:100%;font-family:inherit;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);border-radius:10px;padding:10px 12px;transition:all var(--transition-fast);box-shadow:inset 0 1px 2px #0003}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-blue);background:var(--bg-elevated);box-shadow:0 0 0 2px var(--accent-blue-muted),inset 0 1px 2px #00000026}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%235c5c6e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;padding-right:32px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=checkbox]{width:18px;height:18px;padding:0;border-radius:5px;cursor:pointer;accent-color:var(--accent-blue);box-shadow:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}
