:root{color-scheme:light;--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f3f5fa;--text: #0b1220;--muted: #5b667a;--border: #d7deea;--primary: #245bff;--focus: #ffbf47;--danger: #b42318;--warning: #b54708;--success: #067647}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:8px;padding:10px 12px;border-radius:10px;background:#000;color:#fff;transform:translateY(-150%);transition:transform .15s ease;z-index:1000}.skip-link:focus{transform:translateY(0);outline:3px solid var(--focus);outline-offset:2px}.app-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.app-header__brand{display:flex;flex-direction:column;gap:2px}.app-title{font-weight:900}.app-subtitle{font-size:.875rem;color:var(--muted)}.icon-button{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer}.icon-button:focus{outline:3px solid var(--focus);outline-offset:2px}.app-nav{display:none;padding:6px 14px 12px;gap:10px;flex-wrap:wrap}.app-nav--open{display:flex}.nav-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);text-decoration:none;color:var(--text);font-weight:700}.nav-link:focus{outline:3px solid var(--focus);outline-offset:2px}.nav-link--active{border-color:color-mix(in srgb,var(--primary) 60%,var(--border))}.nav-link--button{cursor:pointer}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem}.sync-bar{padding:8px 14px;font-size:.875rem;color:var(--muted)}.app-main{padding-bottom:24px}