:root{--max-width: 1170px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;background-color:var(--bg-color);color:var(--text-color);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}@media (prefers-color-scheme: dark){:root{--bg-color: #141414;--text-color: #e0e0e0;--header-bg-color: #1a1c1d;--header-text-color: #a3a3a3;--header-logo-color: #e0e0e0;--divider-color: #4d4d4d;--accent-color: #a991ff;--code-bg-color: #0e110a;--code-text-color: #98e364;--button-bg-color: #375a7f;--button-text-color: #fff;--button-hover-bg-color: #2c3e50;--button-active-bg-color: #1a232b;--button-disabled-bg-color: #444950;--button-disabled-text-color: #888}}@media (prefers-color-scheme: light){:root{--bg-color: #fff;--text-color: #333;--header-bg-color: #fff;--header-text-color: #919191;--header-logo-color: #333;--divider-color: #e4e4e4;--code-bg-color: #414d32;--code-text-color: #98e364;--accent-color: #583bff;--button-bg-color: #007bff;--button-text-color: #fff;--button-hover-bg-color: #0056b3;--button-active-bg-color: #004080;--button-disabled-bg-color: #cccccc;--button-disabled-text-color: #666666}}[data-theme=light]{--bg-color: #fff;--text-color: #333;--header-bg-color: #fff;--header-text-color: #919191;--header-logo-color: #333;--divider-color: #e4e4e4;--code-bg-color: #414d32;--code-text-color: #98e364;--accent-color: #583bff;--button-bg-color: #007bff;--button-text-color: #fff;--button-hover-bg-color: #0056b3;--button-active-bg-color: #004080;--button-disabled-bg-color: #cccccc;--button-disabled-text-color: #666666}[data-theme=dark]{--bg-color: #141414;--text-color: #e0e0e0;--header-bg-color: #1a1c1d;--header-text-color: #a3a3a3;--header-logo-color: #e0e0e0;--divider-color: #4d4d4d;--accent-color: #a991ff;--code-bg-color: #0e110a;--code-text-color: #98e364;--button-bg-color: #375a7f;--button-text-color: #fff;--button-hover-bg-color: #2c3e50;--button-active-bg-color: #1a232b;--button-disabled-bg-color: #444950;--button-disabled-text-color: #888}p{margin:.5em 0}body{margin:0;padding:0}button,textarea,input,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}#app>header{border-bottom:1px solid var(--divider-color);position:sticky;top:0;display:flex;justify-content:center;background-color:var(--header-bg-color);font-size:.9em;z-index:90}#app>header nav{align-items:center;padding:0 1em;width:100%;max-width:var(--max-width);display:flex;justify-content:space-between;font-size:1.1em}#app>header nav ul{display:flex;list-style:none;margin:0;padding:0;align-items:center}#app>header nav ul li{margin:.5em;color:var(--header-text-color)}#app>header nav ul li a{text-decoration:none;transition:color .1s ease;color:inherit;display:flex;gap:.4em;align-items:center}#app>header nav ul li a span{display:flex;align-items:center}#app>header nav ul li a:hover{color:var(--accent-color)}#app>header nav strong{font-size:1.4em;color:var(--header-logo-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}ul{list-style:none;margin:0;padding:0}.list{display:flex;flex-direction:column;gap:1em}.list li{animation:fadeIn .5s ease forwards;opacity:0;display:flex;align-items:center;gap:1em;padding:1em}button,input[type=submit]{display:inline-block;padding:.5em 1.5em;font-size:1rem;font-family:inherit;color:var(--button-text-color);background-color:var(--button-bg-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}button:hover,button:focus,input[type=submit]:hover,input[type=submit]:focus{background-color:var(--button-hover-bg-color);outline:none}button:active,input[type=submit]:active{background-color:var(--button-active-bg-color)}button:disabled,input[type=submit]:disabled{background-color:var(--button-disabled-bg-color);cursor:not-allowed;color:var(--button-text-color)}button{display:flex;gap:.3em}button span{display:flex;align-items:center}details{padding:.5em}details>ul{padding-top:.5em}#app>main{display:flex;justify-content:center}#app>main .content{max-width:var(--max-width);width:100%}#app>main .content .container{padding:1em}.item-container{display:flex;align-items:center;gap:1em;padding:1em;background-color:var(--header-bg-color);border:1px solid var(--divider-color);border-radius:5px}.code{color:var(--code-text-color);background-color:var(--code-bg-color);padding:.25em .5em;border-radius:3px;box-sizing:border-box;font-size:.8em;overflow-x:auto;overflow-y:auto;max-height:30em}.selectable{-o-user-select:text;-moz-user-select:text;-webkit-user-select:text;user-select:text}@keyframes dialog-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:sscale(1)}}@keyframes dialog-fade-in-bg{0%{background:#0000}to{background:#0006}}dialog[open]{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;padding:0;border:none;background:none;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background:#0006;animation:dialog-fade-in-bg .25s cubic-bezier(.4,0,.2,1);word-wrap:break-word}dialog[open] main{padding:1em 0}dialog[open] article{overflow-y:auto;animation:dialog-fade-in .25s cubic-bezier(.4,0,.2,1);background:var(--bg-color);color:var(--text-color);border-radius:12px;box-shadow:0 8px 32px #00000040;padding:2em 2.5em;width:100%;box-sizing:border-box;width:calc(100% - 30px);max-width:40em;max-height:90vh;display:flex;flex-direction:column;gap:.5em;position:relative;font-family:inherit}dialog[open] header{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-bottom:.5em;border-bottom:1px solid rgba(51,51,51,.2117647059)}dialog[open] header p{margin:0;font-size:1.15em;font-weight:600;display:flex;align-items:center;gap:.5em}@media (max-width: 450px){dialog[open] article{padding:1.5em}}.loader{width:25px;aspect-ratio:1;border-radius:50%;border:8px solid #514b82;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}