.theme-dropdown.svelte-10ohlpw{position:relative;display:inline-block}.theme-button.svelte-10ohlpw{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--nav-border);border-radius:4px;cursor:pointer;font-size:.95rem;color:var(--text-color);transition:all .2s}.theme-button.svelte-10ohlpw:hover{opacity:.8}.arrow.svelte-10ohlpw{font-size:.7rem;transition:transform .2s;color:var(--text-color)}.arrow.open.svelte-10ohlpw{transform:rotate(180deg)}.dropdown-menu.svelte-10ohlpw{position:absolute;top:calc(100% + .5rem);right:0;min-width:160px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;box-shadow:0 4px 6px var(--card-shadow);z-index:1000;overflow:hidden}.dropdown-item.svelte-10ohlpw{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s;font-size:.95rem;color:var(--text-color)}.dropdown-item.svelte-10ohlpw:hover{background:var(--bg-secondary)}.dropdown-item.active.svelte-10ohlpw{background:var(--bg-secondary);opacity:.8}.checkmark.svelte-10ohlpw{color:var(--primary-color);font-weight:700}nav.svelte-ocbj1u{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--nav-bg, #ffffff);border-bottom:1px solid var(--nav-border, #e0e0e0);position:relative;z-index:100}.hamburger.svelte-ocbj1u{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101}.hamburger-line.svelte-ocbj1u{display:block;width:100%;height:3px;background:var(--nav-link-color, #333);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger-line.open.svelte-ocbj1u:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.hamburger-line.open.svelte-ocbj1u:nth-child(2){opacity:0}.hamburger-line.open.svelte-ocbj1u:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.nav-links.svelte-ocbj1u{display:flex;gap:1.5rem}.nav-links.svelte-ocbj1u a:where(.svelte-ocbj1u){text-decoration:none;color:var(--nav-link-color, #333);font-weight:500;transition:color .2s}.nav-links.svelte-ocbj1u a:where(.svelte-ocbj1u):hover{color:var(--nav-link-hover, #007bff)}.nav-right.svelte-ocbj1u{display:flex;align-items:center;gap:.75rem}.user-dropdown.svelte-ocbj1u{position:relative;display:inline-block}.user-button.svelte-ocbj1u{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-secondary);border:1px solid var(--nav-border);border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-color);transition:all .2s}.user-button.svelte-ocbj1u:hover{border-color:var(--primary-color)}.user-icon.svelte-ocbj1u{width:18px;height:18px;color:var(--text-secondary)}.user-name.svelte-ocbj1u{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow.svelte-ocbj1u{font-size:.65rem;transition:transform .2s;color:var(--text-secondary);margin-left:.25rem}.arrow.open.svelte-ocbj1u{transform:rotate(180deg)}.dropdown-menu.svelte-ocbj1u{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 12px var(--card-shadow);z-index:1000;overflow:hidden}.dropdown-header.svelte-ocbj1u{padding:.75rem 1rem;border-bottom:1px solid var(--card-border);background:var(--bg-secondary)}.header-email.svelte-ocbj1u{font-size:.85rem;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item.svelte-ocbj1u{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s;font-size:.9rem;color:var(--text-color);text-decoration:none}.dropdown-item.svelte-ocbj1u:hover{background:var(--bg-secondary)}.dropdown-item.svelte-ocbj1u:disabled{opacity:.6;cursor:not-allowed}.item-icon.svelte-ocbj1u{width:16px;height:16px;color:var(--text-secondary)}.logout-item.svelte-ocbj1u{color:#dc2626}.logout-item.svelte-ocbj1u .item-icon:where(.svelte-ocbj1u){color:#dc2626}.logout-item.svelte-ocbj1u:hover{background:#fef2f2}[data-theme=dark] .logout-item.svelte-ocbj1u:hover{background:#450a0a}.mobile-auth.svelte-ocbj1u,.overlay.svelte-ocbj1u{display:none}@media(max-width:768px){.hamburger.svelte-ocbj1u{display:flex}.user-dropdown.svelte-ocbj1u{display:none}.mobile-auth.svelte-ocbj1u{display:flex;flex-direction:column;gap:0;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--nav-border, #e0e0e0)}.mobile-auth.svelte-ocbj1u a:where(.svelte-ocbj1u),.mobile-auth.svelte-ocbj1u .logout-link:where(.svelte-ocbj1u){padding:1rem 0;font-size:1.1rem;text-decoration:none;color:var(--nav-link-color, #333);border:none;background:none;cursor:pointer;text-align:left;font-weight:500}.mobile-auth.svelte-ocbj1u a:where(.svelte-ocbj1u):hover,.mobile-auth.svelte-ocbj1u .logout-link:where(.svelte-ocbj1u):hover{color:var(--nav-link-hover, #007bff)}.mobile-auth.svelte-ocbj1u .user-greeting:where(.svelte-ocbj1u){padding:1rem 0;font-size:1.1rem;color:var(--text-secondary);border-bottom:1px solid var(--nav-border, #e0e0e0)}.mobile-auth.svelte-ocbj1u .logout-link:where(.svelte-ocbj1u):disabled{opacity:.6}.nav-links.svelte-ocbj1u{position:fixed;top:0;left:-100%;width:280px;height:100vh;flex-direction:column;background:var(--nav-bg, #ffffff);padding:5rem 2rem 2rem;gap:0;box-shadow:4px 0 20px #00000026;transition:left .3s ease;z-index:100}.nav-links.open.svelte-ocbj1u{left:0}.nav-links.svelte-ocbj1u>a:where(.svelte-ocbj1u){padding:1rem 0;font-size:1.1rem;border-bottom:1px solid var(--nav-border, #e0e0e0)}.nav-links.svelte-ocbj1u>a:where(.svelte-ocbj1u):last-of-type{border-bottom:1px solid var(--nav-border, #e0e0e0)}.overlay.svelte-ocbj1u{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;border:none;cursor:pointer;z-index:99}}footer.svelte-jz8lnl{margin-top:4rem;padding:3rem 2rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--card-border);color:var(--text-color)}.footer-content.svelte-jz8lnl{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.footer-section.svelte-jz8lnl h3:where(.svelte-jz8lnl){font-size:1.25rem;margin-bottom:.75rem;color:var(--text-color)}.footer-section.svelte-jz8lnl p:where(.svelte-jz8lnl){color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.kofi-link.svelte-jz8lnl{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background .2s}.kofi-link.svelte-jz8lnl:hover{background:var(--primary-hover)}.footer-bottom.svelte-jz8lnl{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--card-border);text-align:center}.footer-bottom.svelte-jz8lnl p:where(.svelte-jz8lnl){color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){footer.svelte-jz8lnl{padding:2rem 1.5rem 1rem}.footer-content.svelte-jz8lnl{grid-template-columns:1fr;gap:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;background:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}:root,:root[data-theme=light]{--bg-color: #ffffff;--bg-secondary: #f8f9fa;--text-color: #212529;--text-secondary: #6c757d;--nav-bg: #ffffff;--nav-border: #e0e0e0;--nav-link-color: #333333;--nav-link-hover: #007bff;--primary-color: #007bff;--primary-hover: #0056b3;--card-bg: #ffffff;--card-border: #e0e0e0;--card-shadow: rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg-color: #1a1a1a;--bg-secondary: #2d2d2d;--text-color: #e0e0e0;--text-secondary: #a0a0a0;--nav-bg: #2d2d2d;--nav-border: #404040;--nav-link-color: #e0e0e0;--nav-link-hover: #4a9eff;--primary-color: #4a9eff;--primary-hover: #6bb1ff;--card-bg: #2d2d2d;--card-border: #404040;--card-shadow: rgba(0, 0, 0, .3)}:root[data-theme=osrs-wiki]{--bg-color: #e2dbc8;--bg-secondary: #e2dbc8;--text-color: #000000;--text-secondary: #000000;--nav-bg: #c0a886;--nav-border: #94866d;--nav-link-color: #936039;--nav-link-hover: #8b4513;--primary-color: #936039;--primary-hover: #b8722c;--card-bg: #d8ccb3;--card-border: #94866d}h1,h2,h3,h4,h5,h6{color:var(--text-color)}h1{font-size:2rem}h2{font-size:1.5rem}a{color:var(--primary-color)}a:hover{color:var(--primary-hover)}