@layer reset{*,:before,:after{box-sizing:border-box}:root{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-size:1em;font-family:Courier New,Courier,monospace}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}}@layer reset{button{background:transparent;border:none;cursor:pointer}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;border-radius:0}}@layer base{:root{--box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--color-background-hsl: 0 0% 100%;--color-divider: hsl(220 13% 91%);--color-error: hsl(0, 65%, 80%);--color-primary-hsl: 210 79% 46%;--drop-shadow: 1px 6px 3px hsl(220 13% 91%);--text-error: hsl(0 65% 15%);--text-primary-hsl: 0 0% 13%;color-scheme:light}@media (prefers-color-scheme: dark){:root{--box-shadow: unset;--color-background-hsl: 0 0% 0%;--color-divider: hsl(220 13% 20%);--color-error: hsl(0 65% 15%);--color-primary-hsl: 207 90% 77%;--drop-shadow: 0px 0px 20px hsl(0, 0%, 10%);--text-error: hsl(0, 65%, 80%);--text-primary-hsl: 0 0% 100%;color-scheme:dark}}:root:where([data-theme-mode-server="dark"]:not([data-theme-mode-client="system"])){--box-shadow: unset;--color-background-hsl: 0 0% 0%;--color-divider: hsl(220 13% 20%);--color-error: hsl(0 65% 15%);--color-primary-hsl: 207 90% 77%;--drop-shadow: 0px 0px 20px hsl(0, 0%, 10%);--text-error: hsl(0, 65%, 80%);--text-primary-hsl: 0 0% 100%;color-scheme:dark}:root:where([data-theme-mode-server="light"]:not([data-theme-mode-client="system"])){--box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--color-background-hsl: 0 0% 100%;--color-divider: hsl(220 13% 91%);--color-error: hsl(0, 65%, 80%);--color-primary-hsl: 210 79% 46%;--drop-shadow: 1px 6px 3px hsl(220 13% 91%);--text-error: hsl(0 65% 15%);--text-primary-hsl: 0 0% 13%;color-scheme:light}:root:where([data-theme-mode-client="dark"]){--box-shadow: unset;--color-background-hsl: 0 0% 0%;--color-divider: hsl(220 13% 20%);--color-error: hsl(0 65% 15%);--color-primary-hsl: 207 90% 77%;--drop-shadow: 0px 0px 20px hsl(0, 0%, 10%);--text-error: hsl(0, 65%, 80%);--text-primary-hsl: 0 0% 100%;color-scheme:dark}:root:where([data-theme-mode-client="light"]){--box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--color-background-hsl: 0 0% 100%;--color-divider: hsl(220 13% 91%);--color-error: hsl(0, 65%, 80%);--color-primary-hsl: 210 79% 46%;--drop-shadow: 1px 6px 3px hsl(220 13% 91%);--text-error: hsl(0 65% 15%);--text-primary-hsl: 0 0% 13%;color-scheme:light}:root{--border-divider: 1px solid var(--color-divider);--border-radius: 5px;--color-background: hsl(var(--color-background-hsl));--color-disabled: hsla(var(--color-primary-hsl) / .4);--color-primary: hsl(var(--color-primary-hsl));--content-width: 900px;--glass-background: hsla(var(--color-background-hsl) / .8);--glass-blur: blur(15px);--header-width: max(var(--content-width), 75vw);--spacing: .5rem;--text-primary-inactive: hsla(var(--text-primary-hsl) / .65);--text-primary: hsl(var(--text-primary-hsl));--transition: .25s cubic-bezier(.4, 0, .2, 1);--weight-medium: 500}body{background:var(--color-background);color:var(--text-primary);min-height:100vh;transition:color var(--transition),background-color var(--transition),border-color var(--transition);font-family:sans-serif}}@layer components{.header{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-background);border-bottom:var(--border-divider);display:grid;grid-template-columns:minmax(min-content,var(--header-width));place-content:center}.header__container{align-items:stretch;container:appbar / inline-size;display:flex;flex-direction:row;padding:0 calc(2 * var(--spacing))}.header__title{font-size:2.125rem;margin-right:calc(2 * var(--spacing))}.header__nav{align-items:stretch;display:flex}.header__link{align-items:center;border-bottom:3px solid transparent;color:var(--text-primary-inactive);display:inline grid;font-weight:var(--weight-medium);padding:calc(.75 * var(--spacing)) var(--spacing);text-transform:uppercase;transition:all var(--transition)}.header__link:hover{background:hsla(var(--color-primary-hsl) / .08);color:var(--color-primary)}.header__link:active{background:hsla(var(--color-primary-hsl) / .15)}.header__link.active{border-bottom:3px solid hsla(var(--color-primary-hsl) / .2);color:var(--color-primary)}.header__link.pending{border-bottom:3px solid hsla(var(--color-primary-hsl) / .3)}.header__logout{display:inline-grid;margin-left:auto}@container (width < 600px){.header__title{display:none}}.footer{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-background);border-top:var(--border-divider);display:grid;padding:var(--spacing);place-content:end}.mode-switcher{display:grid;gap:var(--spacing);grid-auto-flow:column;place-items:center end}.mode-switcher__select-container{--color-hsl: var(--color-primary-hsl);align-items:center;border-radius:calc(4 * var(--border-radius));color:hsl(var(--color-hsl));display:grid;gap:var(--spacing);grid-template-columns:auto;padding:calc(.75 * var(--spacing)) var(--spacing);transition:background-color var(--transition)}.mode-switcher__select-container:has(:where(:focus-visible,:focus)){outline:1px solid var(--color-primary)}.mode-switcher__select-option{color:var(--color-primary);background:var(--color-background)}.mode-switcher__select-container:hover{background:hsla(var(--color-hsl) / .08)}.mode-switcher__select{grid-area:1 / 1 / 1 / 1;padding-right:20px}.mode-switcher__select:focus-visible,.mode-switcher__select:focus{outline:0}.mode-switcher__select-icon-container{align-content:center;display:grid;grid-area:1 / 1 / 1 / 1;height:100%;justify-content:end;pointer-events:none;width:100%}.mode-switcher__submit{display:none}:where(:root:has(.no-script)) .mode-switcher__submit{display:unset}.button{--color-hsl: var(--color-primary-hsl);border-radius:var(--border-radius);font-size:.875rem;padding:calc(.75 * var(--spacing)) var(--spacing);text-align:center;text-transform:uppercase;transition:all var(--transition);white-space:nowrap}.button--text{color:hsl(var(--color-hsl))}.button--text:hover{background:hsla(var(--color-hsl) / .08)}.button--text:active{background:hsla(var(--color-hsl) / .2)}.button--contained{background:hsl(var(--color-hsl));color:var(--color-background)}.button--contained:hover{background:hsla(var(--color-hsl) / .8)}.button--contained:active{background:hsla(var(--color-hsl) / .6)}.button--contained:disabled{background:var(--color-disabled)}.button--icon{display:inline grid;gap:.1em;grid-auto-flow:column}.button--fab{background:hsl(var(--color-hsl));border-radius:50%;box-shadow:var(--box-shadow);color:var(--color-background);float:right;padding:calc(2 * var(--spacing))}.button--fab:hover{background:hsla(var(--color-hsl) / .8)}.button--fab:active{background:hsla(var(--color-hsl) / .6)}.link{color:hsl(var(--color-primary-hsl));font-size:.875rem}.link:hover{text-decoration:underline}.nocontent{font-size:.875rem;font-style:italic;text-align:center}.card{border-radius:var(--border-radius);border:var(--border-divider);padding:calc(2 * var(--spacing));background:linear-gradient(45deg,hsla(0 0% 100% / .1),hsla(0 0% 100% / .05))}.card__title{font-size:1.5rem}.card__content{padding:var(--spacing) 0}.card__content--overflow{overflow:auto}.card__content--stack{display:grid;gap:var(--spacing)}.card__actions{display:grid;gap:var(--spacing);grid-auto-flow:column;place-content:start}.tooltip{--tail-length: 10px;--tail-offset: 5px;--title-delay: 1s;--title-padding: var(--spacing);position:relative}.tooltip__shadow-container{filter:drop-shadow(var(--drop-shadow))}.tooltip__title{background:var(--color-background);color:hsla(var(--text-primary-hsl) / .6);height:0;left:50%;line-height:1em;opacity:0;padding:0;position:absolute;top:calc(-1 * var(--tail-offset));transform:translate(-50%,-100%);transition:all var(--transition) var(--title-delay);visibility:hidden;width:-moz-max-content;width:max-content;-webkit-clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--tail-length)),calc(50% + var(--tail-length)) calc(100% - var(--tail-length)),50% 100%,calc(50% - 10px) calc(100% - var(--tail-length)),0% calc(100% - var(--tail-length)));clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--tail-length)),calc(50% + var(--tail-length)) calc(100% - var(--tail-length)),50% 100%,calc(50% - 10px) calc(100% - var(--tail-length)),0% calc(100% - var(--tail-length)))}:where(.tooltip:hover,.tooltip:focus-within) .tooltip__title{height:calc(1em + var(--tail-length) + 2 * var(--title-padding));opacity:1;padding:var(--title-padding) var(--title-padding) calc(var(--tail-length) + var(--title-padding)) var(--title-padding);visibility:visible}.textinput{background:transparent;border-radius:var(--border-radius);border:var(--border-divider);padding:var(--spacing);width:100%}.textinput:focus-visible,.textinput:focus{border:1px solid var(--color-primary);outline:0}.textinput:user-invalid{border:1px solid var(--color-error)}.alert{border-radius:var(--border-radius);padding:var(--spacing)}.alert--error{color:var(--text-error);background:var(--color-error)}.linear-progress{display:block;height:3px;overflow:hidden;position:relative}.linear-progress__bar{animation:1s ease-in-out infinite linear-progress;animation-delay:.5s;background:hsla(var(--color-primary-hsl) / .9);height:3px;position:absolute;transform:translate(-100%);width:50%}@keyframes linear-progress{0%{transform:translate(-100%)}to{transform:translate(200%)}}}@layer utilities{.contents{display:contents}.sr-only{position:absolute;width:1px;height:1px;opacity:0}.hidden{visibility:hidden}.none{display:none}:where(:root:not(:has(.no-script))) .server-only{display:none}:where(:root:has(.no-script)) .client-only{display:none}}