:root{--primary:#123456;--accent:#ea5f5f;--bg:#fff}@media (prefers-color-scheme:dark){:root{--primary:#f3cf8a;--accent:#ea5f5f;--bg:#1e0433}}:root{--x-space:.5rem;--safe-top:var(--safe-area-top);--safe-right:var(--safe-area-right,var(--x-space));--safe-bottom:var(--safe-area-bottom);--safe-left:var(--safe-area-left,var(--x-space))}@media (min-width:20em){:root{--x-space:2rem}}@media (min-width:37.5em){:root{--x-space:4rem}}@media (min-width:52.5em){:root{--x-space:6rem}}@supports (top:max(0px)){:root{--safe-area-top:env(safe-area-inset-top,0);--safe-area-bottom:env(safe-area-inset-bottom,0)}}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0);background-repeat:no-repeat;box-sizing:border-box}*{touch-action:manipulation}::selection{background:var(--accent);color:var(--bg)}:where(:root){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--primary);font:400 46.875%/1.5 system-ui,-apple-system,sans-serif;height:100%;overflow-wrap:break-word;width:100%}@media (min-width:20em){:where(:root){font-size:62.5%}}:where(body){font-size:1.6rem;height:100%;margin:0;min-height:100%;width:100%}@media (min-width:20em){:where(body){overflow-x:hidden}}:where(h1){font-size:2em;margin-block:.67em}:where(dl,ol,ul){list-style-type:none;margin:0;padding-inline-start:0}:where(dd){margin:0}:where(hr){color:inherit;height:0}:where(blockquote){margin:0}:where(b,strong){font-weight:bolder}:where(small){font-size:80%}:where(svg){pointer-events:none}:where(svg) *{transform-origin:50% 50%}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(fieldset){border:none;margin:0;padding:0}:where(button,input,select,textarea,option){font-size:inherit;margin:0;padding:0}:where(input){-webkit-appearance:none;appearance:none;border-radius:0;line-height:inherit}:where(input,button){background:#0000;border:none}:where(button){-webkit-appearance:button;appearance:button;cursor:pointer;-webkit-user-select:none;user-select:none}:where(button) *{pointer-events:none}:where(input[type=search i]){-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}:where(address){font-style:normal}:where(dialog){height:-moz-fit-content;height:fit-content;margin:auto;overscroll-behavior-y:contain;position:fixed;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:where([aria-busy=true i]){cursor:progress}.flex-center{align-items:center;display:inline-flex;justify-content:center}.button{background:var(--accent);border:.5rem solid;border-radius:.2rem;color:var(--bg);padding:1rem}.button:hover{background:#fc7171}@keyframes dialog-background-light{to{background:#ffffffb3}}@keyframes dialog-background-dark{to{background:#0009}}.dialog{background:var(--bg);border:0;border-radius:1rem;container:dialog/inline-size;inline-size:100%;inset:0;max-inline-size:min(70rem,100vw - 2rem);padding:0}@media (prefers-color-scheme:light){.dialog{box-shadow:0 1rem 7rem #0009}}@media (prefers-color-scheme:dark){.dialog{border:.1rem solid #333}}@media (prefers-reduced-motion:no-preference){.dialog{transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out}.dialog::backdrop{animation:dialog-background-light .5s ease-out forwards;background:#0000}}@media (prefers-reduced-motion:no-preference) and (prefers-color-scheme:dark){.dialog::backdrop{animation-name:dialog-background-dark}}@media (prefers-reduced-motion:no-preference){.dialog:not([open]){display:block;opacity:0;transform:scale(.95) translateY(-2rem);transform-origin:50% 50%;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out .2s;visibility:hidden}}.dialog>*{padding-inline:2rem}.dialog__header{border-block-end:.1rem solid #eee;display:grid;padding-block:1rem}@container (inline-size >= 20em){.dialog__header{gap:2rem;grid-template-columns:1fr auto}}.dialog__title{margin:0}.dialog__close{align-self:baseline;font-size:0;position:relative;top:.3rem}@container (inline-size < 20em){.dialog__close{left:-.7rem;margin-block-start:1em;order:-1}}.dialog__closeBtn{line-height:0}@media (min-width:20em){.dialog__closeBtnIcon{height:3.2rem;width:3.2rem}}.nav{align-items:center;display:flex;justify-content:space-between;padding-inline:var(--x-space)}.nav__userMenu{gap:2rem}.nav__link{padding-block:1rem;-webkit-text-decoration:none;text-decoration:none}.nav__link--active{color:var(--accent);position:relative}.nav__link--active:after{background:currentColor;border-radius:50%;content:"";display:block;height:.25em;inset-block-start:2.25em;inset-inline-start:calc(50% - .125em);position:absolute;width:.25em}
