*{box-sizing:border-box;margin:0;padding:0}html{background-color:#080808}:root{--red:#ff101f;--red-hover:#cc0d19;--red-tint:#ff101f1f;--red-border:#ff101f4d;--bg-base:#080808;--bg-surface:#111;--bg-card:#1a1a1a;--bg-elevated:#242424;--border:#1e1e1e;--border-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#555;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}[data-theme=light]{--bg-base:#f5f5f5;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f0f0f0;--border:#e5e5e5;--border-hover:#ccc;--text-primary:#080808;--text-secondary:#555;--text-muted:#999}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Inter,sans-serif}input,textarea{font-family:Inter,sans-serif}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);align-items:center;gap:12px;min-width:300px;max-width:380px;padding:14px 16px;animation:.3s slideIn;display:flex;box-shadow:0 4px 24px #00000080}.toast-success{border-left:3px solid var(--red)}.toast-error{border-left:3px solid #ff101f}.toast-info{border-left:3px solid #555}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-title{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700}.toast-message{color:var(--text-secondary);font-size:12px}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:0;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes loadingBar{0%{width:0%;margin-left:0%}50%{width:70%;margin-left:15%}to{width:0%;margin-left:100%}}@media (width<=768px){nav{height:56px!important;padding:0 16px!important}nav form{display:none!important}main{padding:20px 16px!important}h1{font-size:22px!important}}@media (width<=480px){main{padding:16px 12px!important}}