:root{--bg: #f7f8f9;--bg-bright: white;--color-primary: #1976D2;--color-on-primary: white;--fg: #313131;--stroke-color: #ddd;--focus-color: #1976D255;--sidebar-bg: #1e1e2d;--sidebar-fg: #eeeeee;--sidebar-icon-fg: #808eff;--error-color: red}@media (prefers-color-scheme: dark){:root{--bg: #111;--bg-bright: #212121;--fg: #eee;--stroke-color: #555;--error-color: #ff7b00}}*{box-sizing:border-box;margin:0;padding:0;background:none;border:none;font-family:inherit;color:inherit}::selection{background:var(--color-primary);color:var(--color-on-primary)}:focus{outline:none}:not(:defined){display:none}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg);color:var(--fg);min-height:100%;line-height:1.3}a,a:hover{text-decoration:none}ul{list-style-type:none}ul,ol{list-style-position:inside}button,label{cursor:pointer}button,label,input,select,textarea{font-size:inherit;line-height:inherit}.row{display:flex}.col{display:flex;flex-direction:column}.grow{flex-grow:1}.wrap{flex-wrap:wrap}.aic{align-items:center}.jcc{justify-content:center}.air{align-items:flex-end}.jcr{justify-content:flex-end}.tc{text-align:center}:disabled{cursor:not-allowed}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@view-transition{navigation: auto;}button:focus,a:focus,label:focus-within{outline:var(--o-width, 1px) dashed;outline-offset:var(--o-off, 2px)}input:is([type=checkbox],[type=radio]){--size: 1.2em;width:var(--size);height:var(--size);accent-color:var(--color-primary)}select option{background-color:var(--bg-bright);color:var(--fg)}.link{--c: var(--color-primary);text-decoration:underline;transition:color .2s}.link:is(:hover,:focus,:focus-within){text-decoration:underline;color:var(--c)}textarea{resize:none}img{display:block;object-fit:contain}svg{width:0;height:0}em{font-style:normal}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.btn{--pad-h: 1.1em;--pad-v: .7em;--br: .6em;--o-off: -3px;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .7em;text-align:center;padding:var(--pad-v) var(--pad-h);border-radius:var(--br);background:var(--main-color);color:var(--over-main)}.btn.hollow{--bw: 1px;--main-color: currentColor;--o-off: -4px;background-color:unset;border:var(--bw) solid var(--main-color);padding:calc(var(--pad-v) - var(--bw)) calc(var(--pad-h) - var(--bw));color:var(--main-color)}.btn.primary{--main-color: var(--color-primary);--over-main: var(--color-on-primary)}.btn.primary::selection{--main-color: var(--color-on-primary);--over-main: var(--color-primary)}.btn.success{--main-color: green;--over-main: var(--color-on-primary)}.btn.error{--main-color: red;--over-main: var(--color-on-primary)}.btn:disabled{opacity:.7}.btn.t{--h-opacity: 0;--highlight: rgba(0, 0, 0, var(--h-opacity));position:relative}.btn.t:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--br);background-color:var(--highlight);transition:background-color .2s}.btn.t:is(:hover,:focus){--h-opacity: .1}.btn.t:focus{--o-width: 0}@media (prefers-color-scheme: dark){.btn.t{--highlight: rgba(255, 255, 255, var(--h-opacity))}}