:root{--bg-primary: #ffffff;--bg-secondary: #f0f2f5;--bg-tertiary: #e9ecef;--bg-hover: #dee2e6;--bg-active: #ced4da;--text-primary: #1f1f1f;--text-secondary: #5f6368;--accent: rgb(129, 187, 38);--border: rgba(0, 0, 0, .08);--header-bg: rgba(255, 255, 255, .8);--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition-speed: .3s}.dark-theme{--bg-primary: #131314;--bg-secondary: #1e1f20;--bg-tertiary: #2d2e2f;--bg-hover: #303132;--bg-active: #3e3f40;--text-primary: #e3e3e3;--text-secondary: #9aa0a6;--border: rgba(255, 255, 255, .1);--header-bg: rgba(19, 19, 20, .8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);height:100vh;height:100dvh;overflow:hidden;transition:background-color var(--transition-speed),color var(--transition-speed);-webkit-tap-highlight-color:transparent}input,button,textarea{font-family:inherit;font-size:1rem}@media(max-width:768px){.pro-button{padding:.875rem 1.75rem;min-height:48px}.pro-input{padding:.875rem;font-size:16px}}.pro-button{background:var(--accent);color:#131314;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.pro-button:hover{opacity:.9}.pro-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:8px;outline:none;transition:background-color var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed)}.pro-input:focus{border-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:#4b5563 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#6b7280}::-webkit-scrollbar-thumb:active{background-color:#374151}