.app-skip{z-index:100;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);border-radius:8px;padding:12px 16px;position:fixed;top:-80px;left:12px}.app-skip:focus{top:12px}.app-header{z-index:30;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.app-header-inner{align-items:center;gap:24px;width:min(100%,1120px);min-height:60px;margin:0 auto;padding:0 20px;display:flex}.app-brand{min-height:44px;color:var(--ink);letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:10px;font-size:17px;font-weight:750;text-decoration:none;display:inline-flex}.app-brand:hover{text-decoration:none}.app-nav{gap:4px;display:flex}.app-nav a{min-height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-weight:600;text-decoration:none;display:inline-flex}.app-nav a:hover{color:var(--ink);background:var(--surface-2);text-decoration:none}.app-nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.app-nav svg{display:none}.app-explore{flex-shrink:0;position:relative}.app-explore summary{cursor:pointer;min-height:44px;color:var(--muted);border-radius:8px;align-content:center;padding:10px;font-weight:600}.app-explore summary[data-active=true]{color:var(--accent);background:var(--accent-soft)}.app-explore nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:200px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.app-explore nav a{min-height:44px;color:var(--ink);border-radius:8px;align-items:center;padding:8px 12px;text-decoration:none;display:flex}.app-explore nav a:hover,.app-explore nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}@media (min-width:641px) and (max-width:900px){.app-header-inner{gap:8px}.app-nav a{padding-inline:8px}.account-name{display:none}}@media (max-width:380px){.app-brand{gap:6px;font-size:15px}.app-explore summary{padding:8px}}.app-account{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.account-placeholder{background:var(--surface-2);border-radius:999px;width:44px;height:44px}.account-menu{position:relative}.account-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:8px;max-width:200px;min-height:44px;padding:4px 10px 4px 4px;font-weight:600;display:inline-flex}.account-button:hover{background:var(--surface-2)}.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.account-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-lg);z-index:40;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.account-dropdown a,.account-dropdown button{min-height:40px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:8px 12px;font-weight:500;text-decoration:none;display:flex}.account-dropdown a:hover,.account-dropdown button:hover{background:var(--surface-2);text-decoration:none}.account-error{color:var(--danger);padding:6px 12px;font-size:13px}.sync{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:13px;display:inline-flex}.sync-text{text-overflow:ellipsis;overflow:hidden}.sync-dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sync-busy .sync-dot{background:var(--accent);animation:1s ease-in-out infinite sync-pulse}.sync-warn{color:var(--warn)}.sync-warn .sync-dot{background:var(--warn)}.sync-error{color:var(--danger)}.sync-error .sync-dot{background:var(--danger)}@keyframes sync-pulse{50%{opacity:.3}}.notices{z-index:50;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.notices .notice{box-shadow:var(--shadow-lg);align-items:center}#app-content:focus{outline:none}@media (max-width:640px){.app-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.app-header-inner{gap:12px;min-height:54px;padding:0 14px}.app-nav{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.app-nav a{flex-direction:column;flex:1;justify-content:center;gap:2px;min-height:52px;padding:4px;font-size:11px}.app-nav a[aria-current=page]{background:0 0}.app-nav svg{display:block}.account-name{display:none}.account-button{justify-content:center;min-width:44px;padding:4px}.sync-text{max-width:38vw}.sync:not(.sync-warn):not(.sync-error) .sync-text{display:none}.notices{width:auto;bottom:84px;left:12px;right:12px}}