@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--crimson:#b91c1c;--crimson-light:#dc2626;--crimson-dark:#991b1b;--crimson-subtle:#b91c1c14;--bg:#faf7f2;--bg-card:#fff;--bg-warm:#f5f0e8;--text:#374151;--text-light:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--amber:#f59e0b;--amber-light:#fcd34d;--green:#059669;--green-light:#d1fae5;--green-bg:#0596691a;--warning-bg:#fef3c7;--warning-border:#f59e0b;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 20px 60px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:.25s cubic-bezier(.4, 0, .2, 1);--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--crimson)!important;outline-offset:2px!important}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.container{max-width:var(--max-width);box-sizing:border-box;width:100%;margin:0 auto;padding:0 clamp(1rem,4vw,24px);overflow-x:hidden}.btn{border-radius:var(--radius-full);transition:var(--transition);white-space:nowrap;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-body);border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 28px;display:inline-flex}.btn-primary{background:var(--crimson);color:#fff;box-shadow:0 2px 8px #00000026}.btn-primary:hover{background:var(--crimson-light);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #0000001f}.btn-outline{border:2px solid var(--crimson);color:var(--crimson);background:0 0}.btn-outline:hover{background:var(--crimson);color:#fff;transform:translateY(-2px)}.btn-ghost{color:var(--text-light);padding:12px 20px}.btn-ghost:hover{color:var(--text);background:#0000000a}.reveal{opacity:0;transition:opacity .5s cubic-bezier(0,0,.2,1),transform .5s cubic-bezier(0,0,.2,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transition:none!important;transform:none!important}}.hero-grain-overlay{opacity:.05;pointer-events:none;z-index:2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.panel.svelte-1aa845j{background:var(--bg-card);border-radius:var(--radius-xl);width:360px;max-height:480px;box-shadow:var(--shadow-xl);z-index:1100;border:1px solid #00000014;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.panel-header.svelte-1aa845j{border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.panel-title.svelte-1aa845j{color:var(--text);font-size:.9rem;font-weight:700;font-family:var(--font-heading)}.mark-all-btn.svelte-1aa845j{cursor:pointer;color:var(--crimson);font-size:.775rem;font-weight:600;font-family:var(--font-body);min-height:44px;transition:opacity var(--transition);background:0 0;border:none;padding:4px 0}.mark-all-btn.svelte-1aa845j:hover{opacity:.75}.panel-loading.svelte-1aa845j{justify-content:center;gap:5px;padding:24px 18px;display:flex}.loading-dot.svelte-1aa845j{background:var(--border);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite svelte-1aa845j-pulse}.loading-dot.svelte-1aa845j:nth-child(2){animation-delay:.2s}.loading-dot.svelte-1aa845j:nth-child(3){animation-delay:.4s}@keyframes svelte-1aa845j-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.panel-empty.svelte-1aa845j{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:40px 18px;font-size:.85rem;display:flex}.notif-list.svelte-1aa845j{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-item.svelte-1aa845j{transition:background var(--transition);border-bottom:1px solid #0000000a;align-items:flex-start;gap:12px;padding:14px 18px;display:flex;position:relative}.notif-item.unread.svelte-1aa845j{background:var(--crimson-subtle)}.notif-item.clickable.svelte-1aa845j{cursor:pointer}.notif-item.clickable.svelte-1aa845j:hover{background:var(--bg-warm)}.notif-item.unread.clickable.svelte-1aa845j:hover{background:#b91c1c14}.notif-icon-wrap.svelte-1aa845j{border-radius:var(--radius-full);background:var(--bg-warm);width:32px;height:32px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.notif-body.svelte-1aa845j{flex:1;min-width:0}.notif-title.svelte-1aa845j{color:var(--text);margin-bottom:2px;font-size:.82rem;font-weight:700;line-height:1.4}.notif-text.svelte-1aa845j{color:var(--text-light);margin-bottom:4px;font-size:.8rem;line-height:1.5}.notif-time.svelte-1aa845j{color:var(--text-muted);font-size:.72rem}.unread-dot.svelte-1aa845j{background:var(--crimson);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}@media (width<=768px){.panel.svelte-1aa845j{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;width:100%;max-height:70vh;position:fixed;inset:auto 0 0}}.navbar.svelte-rfuq4y{z-index:1000;-webkit-backdrop-filter:blur(20px);transition:var(--transition);background:#faf7f2d9;border-bottom:1px solid #0000000f;position:fixed;top:0;left:0;right:0}.navbar.scrolled.svelte-rfuq4y{box-shadow:var(--shadow-sm);background:#faf7f2f2}.nav-container.svelte-rfuq4y{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:24px;height:72px;margin:0 auto;padding:0 24px;display:flex}.nav-logo.svelte-rfuq4y{flex-shrink:0;align-items:baseline;gap:6px;text-decoration:none;display:flex}.logo-text.svelte-rfuq4y{font-family:var(--font-heading);color:var(--crimson);letter-spacing:-.5px;font-size:1.5rem;font-weight:900}.nav-links.svelte-rfuq4y{align-items:center;gap:8px;display:flex}.nav-link.svelte-rfuq4y{border-radius:var(--radius-full);color:var(--text);transition:var(--transition);align-items:center;min-height:44px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link.svelte-rfuq4y:hover,.nav-link.active.svelte-rfuq4y{background:var(--crimson-subtle);color:var(--crimson)}.nav-link-login.svelte-rfuq4y{background:var(--crimson);font-weight:600;color:#fff!important}.nav-link-login.svelte-rfuq4y:hover{transform:translateY(-1px);background:var(--crimson-light)!important}.nav-link-logout.svelte-rfuq4y{color:var(--text-light);border-radius:var(--radius-full);min-height:44px;transition:var(--transition);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;padding:8px 16px}.nav-link-logout.svelte-rfuq4y:hover{background:var(--crimson-subtle);color:var(--crimson)}.nav-auth-placeholder.svelte-rfuq4y{border-radius:var(--radius-full);background:var(--border);opacity:.5;width:72px;height:36px}.ad-free-badge.svelte-rfuq4y{background:var(--green-bg);color:var(--green);border-radius:var(--radius-full);letter-spacing:.3px;white-space:nowrap;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.nav-menu-btn.svelte-rfuq4y{z-index:1001;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:8px;display:none}.nav-menu-btn.svelte-rfuq4y span:where(.svelte-rfuq4y){background:var(--text);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block}.nav-menu-btn.active.svelte-rfuq4y span:where(.svelte-rfuq4y):first-child{transform:rotate(45deg)translate(5px,5px)}.nav-menu-btn.active.svelte-rfuq4y span:where(.svelte-rfuq4y):nth-child(2){opacity:0}.nav-menu-btn.active.svelte-rfuq4y span:where(.svelte-rfuq4y):nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu.svelte-rfuq4y{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#faf7f2fa;display:none;position:fixed;inset:72px 0 0}.mobile-menu.active.svelte-rfuq4y{opacity:1;pointer-events:all}.mobile-menu-content.svelte-rfuq4y{flex-direction:column;gap:8px;padding:32px 24px;display:flex}.mobile-link.svelte-rfuq4y{border-radius:var(--radius-md);transition:var(--transition);color:var(--text);align-items:center;min-height:44px;padding:16px 20px;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.mobile-link.svelte-rfuq4y:hover{background:var(--crimson-subtle);color:var(--crimson)}.mobile-link-btn.svelte-rfuq4y{cursor:pointer;font-family:var(--font-body);text-align:left;background:0 0;border:none;width:100%}.mobile-ad-badge.svelte-rfuq4y{align-self:flex-start;margin-top:16px}.mobile-backdrop.svelte-rfuq4y{z-index:998;background:0 0;display:none;position:fixed;inset:0}@media (width<=768px){.nav-links.svelte-rfuq4y{display:none}.nav-menu-btn.svelte-rfuq4y{display:flex}.mobile-menu.svelte-rfuq4y,.mobile-backdrop.svelte-rfuq4y{display:block}}.notif-wrap.svelte-rfuq4y{position:relative}.notif-btn.svelte-rfuq4y{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--text);transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex;position:relative}.notif-btn.svelte-rfuq4y:hover,.notif-btn.active.svelte-rfuq4y{background:var(--crimson-subtle);color:var(--crimson)}.notif-badge.svelte-rfuq4y{background:var(--crimson);color:#fff;border-radius:var(--radius-full);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.notif-backdrop.svelte-rfuq4y{z-index:1099;position:fixed;inset:0}.toolbar.svelte-u173bq{z-index:2000;border-radius:var(--radius-xl);background:#1a1a1a;border:1px solid #ffffff1a;max-width:calc(100vw - 32px);position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.toolbar.minimized.svelte-u173bq{border-radius:var(--radius-full)}.toolbar-inner.svelte-u173bq{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.toolbar-label.svelte-u173bq{color:#fff6;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:inline-flex}.toolbar-section.svelte-u173bq{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-input.svelte-u173bq{border-radius:var(--radius-md);color:#fff;font-size:.8rem;font-family:var(--font-body);width:200px;min-height:36px;transition:border-color var(--transition);background:#ffffff14;border:1px solid #ffffff1f;padding:7px 12px}.toolbar-input.svelte-u173bq::placeholder{color:#ffffff4d}.toolbar-input.svelte-u173bq:focus{border-color:#ffffff4d;outline:none}.toolbar-input.svelte-u173bq:disabled{opacity:.5}.toolbar-btn.svelte-u173bq{border-radius:var(--radius-md);color:#ffffffd9;font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;min-height:36px;transition:background var(--transition), color var(--transition);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff1f;align-items:center;gap:5px;padding:7px 12px;display:inline-flex}.toolbar-btn.svelte-u173bq:hover:not(:disabled){color:#fff;background:#ffffff2e}.toolbar-btn.svelte-u173bq:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.danger.svelte-u173bq:hover:not(:disabled){color:#fff;background:#b91c1c99;border-color:#b91c1c99}.toolbar-success.svelte-u173bq{color:#4ade80;font-size:.775rem;font-weight:600}.toolbar-error.svelte-u173bq{color:#f87171;font-size:.775rem;font-weight:500}.toolbar-divider.svelte-u173bq{background:#ffffff1a;flex-shrink:0;width:1px;height:24px}.toolbar-minimize.svelte-u173bq{cursor:pointer;color:#ffffff4d;border-radius:var(--radius-sm);min-width:36px;min-height:36px;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.toolbar-minimize.svelte-u173bq:hover{color:#ffffffb3}.toolbar-restore.svelte-u173bq{cursor:pointer;color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;font-family:var(--font-body);min-height:44px;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.toolbar-restore.svelte-u173bq:hover{color:#ffffffb3}@media (width<=768px){.toolbar.svelte-u173bq{max-width:none;bottom:16px;left:16px;right:16px;transform:none}.toolbar-input.svelte-u173bq,.toolbar-section.svelte-u173bq{width:100%}}