:root{color-scheme:light dark;--color-bg: light-dark(#f4f5f7, #13161b);--color-surface: light-dark(#ffffff, #1b1f26);--color-text: light-dark(#1c2230, #e6e8ec);--color-text-muted: light-dark(#596173, #a2a9b6);--color-border: light-dark(#d9dde4, #2f3541);--color-primary: light-dark(#2f4a7a, #9db8ea);--color-primary-contrast: light-dark(#ffffff, #0f1830);--color-brand: #c62828;--color-accent: #e08a1e;--color-danger: light-dark(#b42318, #ff8a7a);--shadow: 0 1px 2px light-dark(rgb(0 0 0 / .06), rgb(0 0 0 / .4)), 0 4px 16px light-dark(rgb(0 0 0 / .06), transparent);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-base: clamp(1rem, .95rem + .25vw, 1.0625rem);--font-size-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--font-size-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--content-max-width: 72rem;--tap-size: 2.75rem}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-block-start:calc(var(--tap-size) + 2 * var(--space-2) + env(safe-area-inset-top))}body{margin:0;font-family:var(--font-ui);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img,svg{display:block;max-inline-size:100%}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--tap-size);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-weight:600;color:var(--color-text);background:var(--color-surface);cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{border-color:var(--color-primary);color:var(--color-primary-contrast);background:var(--color-primary)}.button--danger{border-color:var(--color-danger);color:var(--color-surface);background:var(--color-danger)}.button--ghost{border-color:transparent;background:transparent}.field{display:grid;gap:var(--space-1)}.field__label{font-weight:600}.field__input{min-block-size:var(--tap-size);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;color:inherit;background:var(--color-bg)}.spinner{display:inline-block;flex:none;inline-size:var(--spinner-size, 1em);block-size:var(--spinner-size, 1em);border:var(--spinner-width, .15em) solid var(--color-border);border-block-start-color:var(--color-primary);border-radius:50%;animation:spinner-spin .9s linear infinite}.button .spinner{border-color:color-mix(in srgb,currentColor 30%,transparent);border-block-start-color:currentColor}@keyframes spinner-spin{to{rotate:1turn}}@keyframes spinner-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.spinner{animation:spinner-pulse 2s ease-in-out infinite;animation-duration:2s!important}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-theme-menu__button{anchor-name:--app-theme-menu;font-size:var(--font-size-lg)}.app-theme-menu{position-anchor:--app-theme-menu;position-area:block-end span-inline-start;position-try-fallbacks:flip-block;min-inline-size:13rem;margin:var(--space-1) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow)}.app-theme-menu__group{margin:0;padding:0;border:0}.app-theme-menu__legend{padding:0;font-weight:600}.app-theme-menu__choice{display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--tap-size);cursor:pointer}.app-theme-menu__choice input{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--color-primary)}.app-layout{display:grid;grid-template-rows:auto auto 1fr;min-block-size:100dvh}.app-layout__header{position:sticky;inset-block-start:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2);padding-inline:max(var(--space-4),env(safe-area-inset-left),calc((100% - var(--content-max-width)) / 2 + var(--space-4))) max(var(--space-4),env(safe-area-inset-right),calc((100% - var(--content-max-width)) / 2 + var(--space-4)));padding-block-start:max(var(--space-2),env(safe-area-inset-top));border-block-end:1px solid var(--color-border);background:var(--color-surface)}.app-layout__brand{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--tap-size);padding-inline-end:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);text-decoration:none}.app-layout__brand img{border-radius:var(--radius-sm)}.app-layout__actions{display:flex;align-items:center;gap:var(--space-1)}.app-layout__menu-button{anchor-name:--app-layout-menu;font-size:var(--font-size-lg)}.app-layout__menu{position-anchor:--app-layout-menu;position-area:block-end span-inline-start;position-try-fallbacks:flip-block;min-inline-size:13rem;margin:var(--space-1) 0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow)}.app-layout__logout{inline-size:100%;justify-content:flex-start;padding-inline:var(--space-3)}@media(min-width:40rem){.app-layout__menu-button{display:none}.app-layout__menu{display:contents}.app-layout__actions{order:2;margin-inline-start:auto}.app-layout__logout{order:3;inline-size:auto;padding-inline:var(--space-4)}}.app-layout__main{inline-size:100%;max-inline-size:var(--content-max-width);margin-inline:auto;padding:var(--space-4)}.app-layout__offline{margin:0;padding-block:var(--space-2);padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right));font-size:.875em;text-align:center;color:var(--color-text);background:var(--color-bg);border-block-end:1px solid var(--color-border)}.app-update-overlay{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-4);color:var(--color-text);background:var(--color-bg);text-align:center}.app-update-overlay__spinner{--spinner-size: 3rem;--spinner-width: 4px}.app-update-overlay__text{margin:0;color:var(--color-text-muted)}.status-message{display:grid;place-content:center;justify-items:center;gap:var(--space-3);min-block-size:60dvh;padding:var(--space-4);text-align:center}.status-message__text{margin:0;color:var(--color-text-muted)}