.topbar{position:relative;z-index:20;gap:24px;flex-wrap:nowrap}#navigation{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:24px;min-width:0;border:0;padding:0}.primary-navigation{display:flex;align-items:center;gap:4px}.primary-navigation>button{display:flex;align-items:center;gap:7px;background:none;border:0;border-radius:7px;min-height:44px;padding:10px 12px;color:var(--muted);font-size:12px;font-weight:550;white-space:nowrap}.primary-navigation>button svg{width:18px;height:18px;flex-shrink:0}.primary-navigation>button:hover,.primary-navigation>button.is-active{color:var(--green);background:#e9eddf}.account-menu{position:relative;flex-shrink:0}.account-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;min-height:44px;border-radius:8px;padding:4px}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible{outline:2px solid #8da269;outline-offset:4px}.account-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e1e8d5;color:var(--green);font-size:13px;font-weight:650}.account-label{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-label small{display:block;font-size:9px;color:var(--muted);margin-top:1px}.account-chevron{color:var(--muted);font-size:16px}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);min-width:235px;padding:10px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #233d3022}.account-dropdown>button{display:block;width:100%;border:0;background:none;text-align:left;padding:12px;border-radius:6px;font-size:13px;color:var(--ink);min-height:44px}.account-dropdown>button:hover{background:#f0f3e8}.account-dropdown-heading{padding:7px 12px 10px;font-size:13px;overflow-wrap:anywhere;max-width:260px}.account-dropdown-heading small{display:block;color:var(--muted);font-size:10px}.account-section-label{display:block;color:var(--muted);font-size:8px;letter-spacing:1.5px;padding:8px 12px 2px}.account-divider{height:1px;background:var(--line);margin:5px 4px}.account-dropdown>.account-logout{color:#a64235}#mobile-navigation{display:none}@media(min-width:901px) and (max-width:1150px){.topbar{padding-left:28px;padding-right:28px;gap:16px}.brand{font-size:23px}#navigation{gap:12px}.primary-navigation>button{padding:10px 8px;font-size:11px;gap:5px}.account-label{display:none}}@media(max-width:900px){.topbar{padding:16px 20px;flex-wrap:nowrap;justify-content:space-between;gap:12px}.brand{font-size:23px}.brand small{font-size:9px}.brand-icon{font-size:37px}#navigation{flex:0;width:auto;max-width:none;flex-wrap:nowrap;gap:0;border:0;padding:0}.primary-navigation{display:none}.account-label{display:none}.account-dropdown{min-width:235px;max-width:calc(100vw - 40px);top:calc(100% + 9px)}#mobile-navigation:not(:empty){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:fixed;bottom:0;left:0;right:0;z-index:30;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff7;backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -4px 20px #234e3c05}#mobile-navigation>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:51px;padding:5px 2px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:9px;font-weight:550;min-width:0}#mobile-navigation>button svg{width:23px;height:23px}#mobile-navigation>button.is-active{background:#eaf0df;color:var(--green)}body.is-authenticated{padding-bottom:calc(76px + env(safe-area-inset-bottom))}body.is-authenticated #toast{bottom:calc(88px + env(safe-area-inset-bottom))}}@media print{#mobile-navigation{display:none!important}}

@media(max-width:900px){body:not(.is-authenticated) #navigation{display:none}}
#mobile-navigation>button .account-avatar{width:25px;height:25px;font-size:11px;background:#e1e8d5}
@media(max-width:900px){.account-menu{display:none}}
.account-sheet-heading{display:flex;align-items:center;gap:12px;padding:4px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:6px;font-size:15px;font-weight:600}.account-sheet-heading small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.account-sheet-heading .account-avatar{width:42px;height:42px;font-size:16px}
.account-sheet-items>button{display:block;width:100%;border:0;background:none;text-align:left;padding:14px 10px;border-radius:8px;font-size:15px;color:var(--ink);min-height:50px}.account-sheet-items>button:active{background:#f0f3e8}.account-sheet-items>.account-logout{color:#a64235}.account-sheet-items .account-section-label{padding:10px 10px 2px}
@media(max-width:900px){dialog:has(.account-sheet){margin:auto 0 0;width:100%;max-width:100%;border-radius:18px 18px 0 0;border-bottom:0;padding:26px 14px calc(14px + env(safe-area-inset-bottom));animation:sheet-up .22s ease-out}dialog:has(.account-sheet)::before{content:'';position:absolute;top:9px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#d5dbcb}}
@keyframes sheet-up{from{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){dialog:has(.account-sheet){animation:none}}