:root{color-scheme:light dark;--color-bg: light-dark(#f7f4ee, #12161d);--color-surface: light-dark(#ffffff, #1a2029);--color-text: light-dark(#1d2430, #e7e3da);--color-text-muted: light-dark(#5b6472, #a3a9b4);--color-border: light-dark(#ddd6c9, #2e3643);--color-primary: light-dark(#1f3a5f, #8fb3e0);--color-primary-contrast: light-dark(#ffffff, #0d1724);--color-accent: #d9822b;--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],:root[data-theme=oled]{color-scheme:dark}:root[data-theme=oled]{--color-bg: #000000;--color-surface: #0b0b0b;--color-border: #262626}*,*:before,*:after{box-sizing:border-box}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)}.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{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)) max(var(--space-4),env(safe-area-inset-right));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);font-weight:700;font-size:var(--font-size-lg);color:inherit;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__nav{display:flex;flex-direction:column;gap:var(--space-1)}.app-layout__menu-separator{margin-block:var(--space-2);border:0;border-block-start:1px solid var(--color-border)}.app-layout__logout{inline-size:100%;justify-content:flex-start;padding-inline:var(--space-3)}@media(min-width:40rem){.app-layout__menu-button,.app-layout__menu-separator{display:none}.app-layout__menu{display:contents}.app-layout__nav{flex-direction:row;order:1;margin-inline-end:auto}.app-layout__actions{order:2}.app-layout__logout{order:3;inline-size:auto;padding-inline:var(--space-4)}}.app-layout__nav-link{display:inline-flex;align-items:center;min-block-size:var(--tap-size);padding-inline:var(--space-3);border-radius:var(--radius-md);font-weight:600;color:var(--color-text-muted);text-decoration:none}.app-layout__nav-link:hover{color:var(--color-text)}.app-layout__nav-link[aria-current=page]{color:var(--color-primary);background:var(--color-bg)}.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;top:0;right:0;bottom:0;left: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{inline-size:3rem;block-size:3rem;border:4px solid var(--color-border);border-block-start-color:var(--color-primary);border-radius:50%;animation:app-update-overlay-spin .9s linear infinite}.app-update-overlay__text{margin:0;color:var(--color-text-muted)}@keyframes app-update-overlay-spin{to{rotate:1turn}}@keyframes app-update-overlay-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.app-update-overlay__spinner{animation:app-update-overlay-pulse 2s ease-in-out infinite;animation-duration:2s!important}}.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)}