:root{--fg: #222;--fg2: #aaa;--bg: #fff;--bg2: #f9f9f9;--navbar-height: 3rem;@media(prefers-color-scheme:dark){--fg: #eee;--fg2: #555;--bg: #121212;--bg2: #2e2e2e}}body{margin:0;display:flex;width:100%;font-family:system-ui;background-color:var(--bg);color:var(--fg);&::selection{background:var(--fg);color:var(--bg)}}user-profile{display:flex;justify-self:flex-end;align-items:center;a{display:flex}img{height:32px;width:auto;border-radius:50%}}#app{padding:2.2rem 1rem;display:flex;flex-direction:column;align-items:start;justify-content:start}ul{list-style:none;padding:0;margin:0;li{font-size:large;line-height:1cm}}a,a:visited{color:inherit;text-decoration:none}button{margin:2px;padding:.4rem 1rem;background-color:var(--fg);color:var(--bg2);border-radius:.6rem;border:1px outset var(--bg2)}table{border-collapse:collapse;width:100%;overflow-x:auto;tr:nth-child(2n){background-color:var(--bg2)}thead{position:sticky;top:4.2rem;background:var(--bg)}td,th{padding:.4rem .8rem}tfoot{&:before{content:"";display:block;width:100%;margin-block-start:1cm;border-block-start:1px solid var(--bg2);height:12px}}input{font-size:inherit;font-family:inherit;border:none;width:auto;min-width:3rem;padding:.4rem;box-sizing:border-box;border-radius:.2rem;background:inherit;color:inherit;&:hover,&:focus{background:var(--bg2)}&:focus{outline:1px inset #80808040}}}dialog{padding:2rem;border:1px solid;border-radius:6px;min-width:20rem;@media(prefers-color-scheme:dark){background:var(--bg2);color:var(--fg)}&.error-dialog{padding:4rem;.error-message{margin-block-end:1rem}}label{display:block;margin-block:1rem}hr{margin-block:1rem}input{padding:.2rem;border:1px solid #183878;border-radius:.2rem;@media(prefers-color-scheme:dark){background:var(--bg);color:var(--fg)}}button{padding:.4rem .6rem;color:#fff;background-color:#37f;border:1px solid #183878;border-radius:.2rem}}label{display:block}fieldset button{display:block;margin-block-end:1.4rem}fieldset hr{margin-block:2rem 1.4rem}body{margin-block-start:var(--navbar-height)}nav{position:fixed;inset-inline:0;inset-block-start:0;padding:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border-block-end:1px solid #777;border-bottom-right-radius:1rem;background-color:#000;font-size:1.4rem;font-weight:bolder;button{background-color:var(--bg);color:var(--fg);border:1px outset var(--fg2)}}statusbar{display:flex;flex:1;align-items:center;justify-content:flex-end;@media(min-width:640px){justify-content:space-between}gap:1.2rem;color:var(--bg);@media(prefers-color-scheme:dark){color:var(--fg)}}breadcrumbs{display:none;@media(min-width:640px){display:flex}align-self:flex-start;gap:.6rem;font-size:1.2rem;color:var(--bg);@media(prefers-color-scheme:dark){color:var(--fbg)}&:not(:empty):before{content:">";flex:1}}user-name{display:none;@media(min-width:640px){display:flex}}._sandwich_110g8_67{display:none;@media(max-width:768px){display:initial}}._NavD_8u09y_1{padding:1cm;background-color:var(--bg);white-space:nowrap;._Head_8u09y_7{display:none;position:absolute;inset:1cm 1cm auto auto;margin:-.4cm;text-align:end}@media(max-width:768px){position:fixed;inset:0 auto 0 0;min-width:50vw;padding-block-start:calc(var(--navbar-height) + 1cm);box-shadow:2px 2px 2px #888;opacity:.9;transition:transform .4s ease-in;transform:translate(-100vw);z-index:100;&._opened_8u09y_31{transform:translate(0);transition-timing-function:ease-out}._Head_8u09y_7{display:initial}}}