@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-color:#f7f7f7;--text-primary:#1a1a1a;--text-secondary:#666;--accent-color:#d12e2e;--border-color:#e0e0e0;--grid-past:#222;--grid-future:#fff;--card-bg:#fff;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);max-width:100vw;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;color:var(--text-primary);font-weight:500}p,span,label{color:var(--text-secondary);font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out forwards fadeIn}button{background:var(--text-primary);color:#fff;cursor:pointer;transition:all var(--transition-speed)ease;border:none;border-radius:4px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:500}button:hover{background:#333;transform:translateY(-1px)}button:active{transform:translateY(0)}input{background:var(--card-bg);border:1px solid var(--border-color);width:100%;max-width:300px;transition:border-color var(--transition-speed);border-radius:4px;outline:none;margin-bottom:1rem;padding:12px;font-family:inherit;font-size:1rem}input:focus{border-color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ccc}