:root{--primary: #22d3ee;--primary-hover: #06b6d4;--primary-content: #0f172a;--bg-app: #000000;--bg-card: #1e293b;--bg-input: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--error: #ef4444;--success: #22c55e;--radius: 12px;--header-height: 64px}[data-theme=light]{--bg-app: #f8fafc;--bg-card: #ffffff;--bg-input: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-app);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea{font-family:inherit;background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:var(--radius);width:100%}input:focus{outline:2px solid var(--primary);border-color:transparent}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}a{color:var(--primary);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{background-color:var(--primary);color:var(--primary-content);padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;transition:opacity .2s}.btn:hover{opacity:.9}.card{background-color:var(--bg-card);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border-color)}.nav-bubble{padding:.5rem 1rem;border-radius:9999px;font-weight:500;color:var(--text-muted);transition:all .2s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.nav-bubble.active{background:var(--primary);color:var(--primary-content);box-shadow:0 4px 12px #22d3ee4d;border-color:var(--primary)}.drawer-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;opacity:0;animation:fadeIn .2s forwards}.drawer-content{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background:var(--bg-card);border-left:1px solid var(--border-color);z-index:51;padding:1.5rem;box-shadow:-4px 0 24px #0000004d;transform:translate(100%);animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s forwards}.modal-content{background:var(--bg-card);padding:2rem;border-radius:var(--radius);width:90%;max-width:400px;border:1px solid var(--border-color);animation:scaleIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border-color)}