*{box-sizing:border-box}html{background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:19px;line-height:34px}html,body,#app{height:100%}body{font-family:var(--font-sans);color:var(--color-text);margin:0;font-size:19px;line-height:34px}@media (max-width:1024px){body{font-size:16px;line-height:26px}}img{max-width:100%;height:auto;display:block}h1{font-family:var(--font-serif), sans-serif;margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base) * .75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.site-header{justify-content:space-between;align-items:center;gap:24px;padding:12px 20px 12px 24px;display:flex}@media (max-width:700px){.site-header{gap:12px;padding:10px 14px 10px 18px}}.site-brand{white-space:nowrap;font-size:18px;font-weight:700;text-decoration:none}.site-nav-links,.site-nav-center,.site-nav-account,.site-nav-right{align-items:center;gap:20px;display:flex}:is(.site-nav-links,.site-nav-center,.site-nav-account,.site-nav-right) a{text-decoration:none}@media (max-width:700px){.site-nav-links,.site-nav-center,.site-nav-account,.site-nav-right{gap:12px}}@media (max-width:900px){.site-nav-links{display:none}}.mobile-menu{display:none}@media (max-width:900px){.mobile-menu{display:block}}.mobile-menu-button{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.mobile-menu-button:hover{background:#6badc426}.mobile-menu-panel{top:calc(100% + var(--space-3));padding:var(--space-2);background:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:10;flex-direction:column;gap:2px;display:flex;position:absolute;left:0;right:0}.mobile-menu-panel a,.mobile-menu-panel summary{color:var(--color-text);text-decoration:none}.mobile-menu-panel a,.mobile-menu-panel summary,.mobile-menu-panel button{padding:var(--space-3);border-radius:var(--radius-sm)}.mobile-menu-panel a:hover,.mobile-menu-panel summary:hover{background:var(--color-bg-raised-hover)}.mobile-menu-panel .nav-dropdown{display:contents}.mobile-menu-panel .nav-dropdown-menu{box-shadow:none;border:none;margin:0;padding:0;position:static}.nav-user{opacity:.8}.lang-toggle{opacity:.75;align-items:center;gap:4px;font-size:13px;display:flex}.lang-toggle button{font:inherit;color:currentColor;cursor:pointer;background:0 0;border:none;padding:2px}.lang-toggle-active{opacity:1;font-weight:700;text-decoration:underline}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:" ▾";font-size:12px}.nav-dropdown[open] summary:after{content:" ▴"}.nav-dropdown-menu{background:var(--color-bg-raised);border:1px solid var(--color-border);z-index:10;min-width:140px;box-shadow:var(--shadow-card);border-radius:8px;flex-direction:column;gap:2px;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;left:0}.nav-dropdown-menu a{white-space:nowrap;border-radius:4px;padding:8px 10px}.nav-dropdown-menu a:hover{background:var(--color-bg-raised-hover)}.nav-donate{background:var(--color-accent);border-radius:999px;padding:6px 14px;font-weight:600;color:var(--color-text-inverse)!important}.nav-donate:hover{background:var(--color-accent-strong)}.nav-join{background:var(--color-tag-pink);border-radius:999px;padding:6px 14px;font-weight:600;color:var(--color-text)!important}.nav-join:hover{background:#c81950}.nav-logout{font:inherit;color:currentColor;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.nav-logout:disabled{opacity:.6;cursor:default}