.avatar{background-color:var(--color-pale-white);color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.7rem;transition:background-color .2s linear;display:flex}@media (max-width:480px){.avatar{width:36px;height:36px;font-size:1.4rem}}.avatar:hover{background-color:var(--primary-color-hover);color:var(--primary-color);text-decoration:none}@media screen and (min-width:992px){.avatar.public{display:none}}.avatar.public div{display:flex}.avatar.public:hover svg{fill:var(--color-pale-white)}.avatar.public svg{fill:var(--primary-color)}
.user-links{background-color:var(--canvas-raised);border:1px solid var(--ink-100);border-radius:var(--r-md);box-shadow:var(--elev-2);z-index:5;min-width:180px;padding:8px;display:none;position:absolute;top:70px;right:12px}@media screen and (min-width:992px){.user-links.public{box-shadow:none;min-width:auto;right:unset;top:unset;background-color:#0000;border:0;align-items:center;gap:4px;padding:0;display:flex;position:relative}}.user-links.open{display:block}.user-links li{text-wrap:nowrap;list-style:none}.user-links li a{border-radius:var(--r-sm);color:var(--ink-700);font-family:var(--font-ui);transition:color .2s var(--ease-out),background-color .2s var(--ease-out);padding:10px 14px;font-size:14px;font-weight:500;display:block}.user-links li a:hover{background-color:var(--canvas-sunk);color:var(--ink-900);text-decoration:none}.user-links li a.join{background-color:var(--accent-600);border-radius:var(--r-md);color:#fff;transition:background-color .2s var(--ease-out);margin:4px 0;padding:10px 18px;font-weight:600;box-shadow:inset 0 1px #ffffff26}.user-links li a.join:hover{background-color:var(--accent-700);color:#fff;text-decoration:none}@media screen and (min-width:992px){.user-links li a.join{margin:0 0 0 8px}}.user-links.auth li a:hover{color:var(--accent-600)}[data-theme=dark] .user-links li a.join{color:#14110d}
nav.main-nav{background:var(--canvas-raised);border-right:1px solid var(--ink-100);min-width:80%;transition:left .2s var(--ease-out);z-index:5;align-items:center;padding:100px 24px 60px;position:absolute;top:0;bottom:0;left:-80%}@media screen and (min-width:768px){nav.main-nav{min-width:280px;left:-280px}}@media screen and (min-width:992px){nav.main-nav{bottom:unset;left:unset;min-width:unset;z-index:unset;background:0 0;border:0;align-items:center;padding:0 16px;display:flex;position:relative}}nav.main-nav.open{box-shadow:var(--elev-2);display:block;position:fixed;left:0}nav.main-nav.open ul.main-links li a{color:var(--ink-900)}nav.main-nav ul.main-links{display:block}@media screen and (min-width:992px){nav.main-nav ul.main-links{align-items:center;gap:4px;display:flex}}nav.main-nav ul.main-links li{text-wrap:nowrap;list-style:none}nav.main-nav ul.main-links li a{color:var(--ink-700);font-family:var(--font-ui);transition:color .2s var(--ease-out),background-color .2s var(--ease-out);border-radius:var(--r-sm);padding:12px 16px;font-size:14px;font-weight:500;display:block;position:relative}nav.main-nav ul.main-links li a:hover{color:var(--ink-900);background-color:var(--canvas-sunk);text-decoration:none}nav.main-nav ul.main-links li a.active{color:var(--ink-900)}nav.main-nav ul.main-links li a.in-progress{color:var(--ink-300);cursor:not-allowed;pointer-events:none}@media screen and (min-width:992px){nav.main-nav ul.main-links a{padding:8px 12px}}
.theme-toggle{border:1px solid var(--ink-100);border-radius:var(--r-md);color:var(--ink-700);cursor:pointer;font-family:var(--font-ui);height:36px;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out);background:0 0;justify-content:center;align-items:center;width:36px;padding:0;display:inline-flex}@media (max-width:480px){.theme-toggle{width:32px;height:32px}}.theme-toggle:hover{background:var(--canvas-sunk);border-color:var(--ink-300);color:var(--ink-900)}.theme-toggle:focus-visible{box-shadow:var(--ring);outline:none}.theme-toggle:active{transform:scale(.96)}.theme-icon{width:18px;height:18px}.theme-icon-sun{display:none}[data-theme=dark] .theme-toggle .theme-icon-sun{display:block}[data-theme=dark] .theme-toggle .theme-icon-moon{display:none}
.locale-toggle{border:1px solid var(--ink-100);border-radius:var(--r-md);height:36px;font-family:var(--font-ui);background:0 0;align-items:stretch;display:inline-flex;overflow:hidden}@media (max-width:480px){.locale-toggle{height:32px}}.locale-toggle:focus-within{border-color:var(--ink-300)}.locale-toggle-option{color:var(--ink-500);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:background-color .2s var(--ease-out),color .2s var(--ease-out);background:0 0;border:0;padding:0 10px;font-family:inherit;font-size:12px;font-weight:600}@media (max-width:480px){.locale-toggle-option{letter-spacing:.04em;padding:0 7px}}.locale-toggle-option:hover:not(.is-active){color:var(--ink-700);background:var(--canvas-sunk)}.locale-toggle-option.is-active{background:var(--canvas-raised);color:var(--accent-700);cursor:default}.locale-toggle-option:focus-visible{box-shadow:var(--ring);z-index:1;outline:none}.locale-toggle-option+.locale-toggle-option{border-left:1px solid var(--ink-100)}[data-theme=dark] .locale-toggle-option:hover:not(.is-active){background:var(--canvas-sunk)}[data-theme=dark] .locale-toggle-option.is-active{background:var(--canvas-raised)}
.site-header{background:var(--canvas);border-bottom:1px solid var(--ink-100);height:var(--header-height);z-index:30;justify-self:center;align-items:center;width:100%;padding:0 16px 0 8px;display:flex;position:sticky;top:0}@media (max-width:480px){.site-header{padding:0 8px 0 4px}}.site-header .bars{color:var(--ink-700);height:50px;transition:color .2s var(--ease-out),background-color .2s var(--ease-out);z-index:10;place-content:center;width:50px;padding:10px;display:flex}.site-header .bars>svg{width:24px;height:24px}@media (max-width:480px){.site-header .bars{width:36px;height:36px;padding:6px}}.site-header .bars svg{transition:color .2s var(--ease-out)}.site-header .bars:hover{color:var(--accent-600)}.site-header .bars.open{color:var(--ink-900)}@media screen and (min-width:992px){.site-header .bars{display:none}}.site-header .header-tools{align-items:center;gap:8px;margin-left:auto;display:flex}@media (max-width:480px){.site-header .header-tools{gap:4px}}.site-header .logo{z-index:10;align-items:center;width:160px;height:auto;margin:0 8px;display:flex}@media (max-width:480px){.site-header .logo{width:112px;margin:0 2px}}.site-header .logo a{line-height:0;display:block}.site-header .logo img{width:100%;height:auto;display:block}.site-header .logo img.dark,[data-theme=dark] .site-header .logo img.light{display:none}[data-theme=dark] .site-header .logo img.dark{display:block}
.site-footer{background:var(--canvas-sunk);border-top:1px solid var(--ink-100);color:var(--ink-500);font-family:var(--font-ui);width:100%}.site-footer-inner{max-width:1200px;margin:0 auto;padding:clamp(40px,6vw,64px) clamp(20px,4vw,56px) 32px;position:relative}.site-footer-inner:before{background:var(--accent-600);content:"";width:56px;height:2px;position:absolute;top:0;left:clamp(20px,4vw,56px)}.site-footer-top{grid-template-columns:auto 1fr 1fr;gap:clamp(28px,5vw,64px);padding-bottom:32px;display:grid}@media (max-width:768px){.site-footer-top{grid-template-columns:1fr 1fr}}@media (max-width:480px){.site-footer-top{grid-template-columns:1fr}}@media (max-width:768px){.site-footer-brand{grid-column:1/-1}}.site-footer-logo{width:120px;line-height:0;display:inline-block}@media (max-width:480px){.site-footer-logo{width:96px}}.site-footer-logo img{width:100%;height:auto;display:block}.site-footer-logo .light{display:block}.site-footer-logo .dark,[data-theme=dark] .site-footer-logo .light{display:none}[data-theme=dark] .site-footer-logo .dark{display:block}.site-footer-col ul{margin:0;padding:0;list-style:none}.site-footer-col li+li{margin-top:12px}.site-footer-col a{color:var(--ink-700);font-family:var(--font-ui);transition:color .2s var(--ease-out);font-size:13px;font-weight:400;line-height:1.5;text-decoration:none}.site-footer-col a:hover{color:var(--accent-600);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.site-footer-eyebrow{color:var(--accent-700);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:600}.site-footer-bottom{border-top:1px solid var(--ink-100);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;padding-top:24px;display:flex}@media (max-width:640px){.site-footer-bottom{justify-content:flex-start}}.site-footer-legal{color:var(--ink-500);max-width:70ch;margin:0;font-size:12px;line-height:1.6}.site-footer-legal a{color:var(--ink-700);transition:color .2s var(--ease-out);text-decoration:none}.site-footer-legal a:hover{color:var(--accent-600);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.site-footer-legal-links{color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:12px;display:inline-flex}.site-footer-legal-links a{color:var(--ink-700);transition:color .2s var(--ease-out);text-decoration:none}.site-footer-legal-links a:hover{color:var(--accent-600);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.site-footer-legal-links .site-footer-divider{color:var(--ink-300)}