:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0}app-root{min-height:100vh;display:flex;flex-direction:column}app-root>router-outlet{display:none}app-root>:not(footer):not(router-outlet):not(.banner){flex:1}button{font:inherit;padding:.6rem 1.2rem;border-radius:.5rem;border:1px solid #0f766e;color:inherit;background:transparent;cursor:pointer;min-height:2.75rem}button.primary{background:#0f766e;color:#fff}button:disabled{opacity:.6;cursor:default}select option{background:Canvas;color:CanvasText}@keyframes fade-in{0%{opacity:0}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease-out}@supports not (view-transition-name: none){app-root>:not(footer):not(router-outlet):not(.banner){animation:fade-in .18s ease-out}}.loading{animation:fade-in .2s ease-out .2s backwards}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),.loading,app-root>*{animation:none!important}}.error{margin:0;color:#dc2626}.banner{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 1rem;font-size:.9rem;text-align:center}.banner.accent{background:#0f766e;color:#fff}.banner.accent button{padding:.25rem .75rem;min-height:2rem;border-color:#fff;color:#fff}