.home-page{flex:1;display:flex;align-items:center;justify-content:center;padding:0;max-width:812px;margin:0 auto;width:100%;flex-direction:column;container-type:inline-size}.home-page__title{margin:0;font-family:Courier New,monospace;font-size:6cqw;color:var(--color-text);flex-grow:1;display:flex;align-items:center;justify-content:center}.home-page__links{display:flex;gap:1rem;flex-grow:0;padding:1rem;align-items:center;min-height:3.5em;opacity:0}.home-page__links--visible{animation:home-page-links-fade-in .15s ease-out forwards}.home-page__links a{color:var(--color-link);text-decoration:none}.home-page__welcome{color:var(--color-text)}.home-page__logout{padding:0;border:none;background:none;font:inherit;color:var(--color-link);cursor:pointer;text-decoration:none}.home-page__logout:hover{text-decoration:underline}@keyframes home-page-links-fade-in{0%{opacity:0}to{opacity:1}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__header{padding:1rem 1.5rem}.layout__nav{display:flex;flex-wrap:wrap;justify-content:center}.layout__link{color:var(--color-text);text-decoration:none;padding:0 0 2px;margin:0 .5rem;border-bottom:2px solid transparent}.layout__link:hover:not(.layout__link--active){border-bottom-color:color-mix(in srgb,currentColor 45%,transparent)}.layout__link--active{border-bottom-color:var(--color-text)}.layout__link--requires-auth{opacity:.5}.layout__main{flex:1;height:100%;display:flex;flex-direction:column;container-type:inline-size}.loading-spinner{display:block;flex-shrink:0;color:inherit}.loading-spinner__ring{transform-origin:center;transform-box:fill-box}.loading-spinner__ring--outer{opacity:.9;animation:loading-spinner-rotate-cw 2.6s linear infinite}.loading-spinner__ring--mid{opacity:.55;animation:loading-spinner-rotate-ccw 1.85s linear infinite}.loading-spinner__ring--inner{opacity:.32;animation:loading-spinner-rotate-cw 1.25s linear infinite}.route-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--color-text)}@keyframes loading-spinner-rotate-cw{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes loading-spinner-rotate-ccw{0%{transform:rotate(-90deg)}to{transform:rotate(-450deg)}}.login-form{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.login-form__form{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:360px}.login-form__title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.login-form__error{margin:0;padding:.6rem .75rem;border-radius:4px;background:color-mix(in srgb,red 12%,transparent);color:light-dark(#c00,#ff8080);font-size:.875rem}.login-form__label{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.login-form__input{padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);font-size:1rem;font-family:inherit}.login-form__input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:transparent}.login-form__submit{margin-top:.75rem;padding:.65rem 1rem;border:none;border-radius:4px;background:var(--color-primary);color:#fff;font-size:1rem;font-family:inherit;cursor:pointer}.login-form__submit:hover:not(:disabled){background:var(--color-primary-hover)}.login-form__submit:disabled{opacity:.6;cursor:default}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:2rem;gap:1rem}.not-found-page__code{display:block;width:min(90vw,14rem);color:var(--color-text-muted)}.not-found-page__code rect{fill:currentColor}.not-found-page__title{font-size:1.75rem;color:var(--color-text);font-family:Courier New,monospace;font-weight:400;margin:0}.not-found-page__message{font-size:1rem;color:var(--color-text-muted);max-width:40ch;margin:0;font-style:italic}.not-found-page__home{display:inline-block;padding:.625rem 1.25rem;border-radius:6px;background:var(--color-primary);color:#fff;text-decoration:none;font-weight:500}.not-found-page__home:hover{background:var(--color-primary-hover);color:#fff}:root{color-scheme:light dark;--color-text: light-dark(#1a1a1a, #e5e5e5);--color-text-muted: light-dark(#555555, #aaaaaa);--color-surface: light-dark(#ffffff, #121212);--color-border: light-dark(#e0e0e0, #333333);--color-link: light-dark(#1a0dab, #8ab4f8);--color-primary: light-dark(#1a73e8, #8ab4f8);--color-primary-hover: light-dark(#1669c1, #8ab4f8)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-surface)}#root{min-height:100vh}