:root{--palette-light-primary: magenta;--palette-light-secondary: lightblue;--palette-light-success: green;--palette-light-info: blue;--palette-light-warning: yellow;--palette-light-danger: red;--palette-light-light-color: #f4f4f4;--palette-light-dark-color: #222222;--palette-light-gray-color: #888888;--palette-light-white-color: #ffffff;--palette-dark-primary: magenta;--palette-dark-secondary: lightblue;--palette-dark-success: #8aff80;--palette-dark-info: #8ab4ff;--palette-dark-warning: #ffb86c;--palette-dark-danger: #ff5555;--palette-dark-light-color: #121212;--palette-dark-dark-color: #e6e6e6;--palette-dark-gray-color: #888888;--palette-dark-white-color: #ffffff;--border-radius: 4px;--transition: .2s ease}:root{--primary-color: var(--palette-light-primary);--secondary-color: var(--palette-light-secondary);--success-color: var(--palette-light-success);--info-color: var(--palette-light-info);--warning-color: var(--palette-light-warning);--danger-color: var(--palette-light-danger);--light-color: var(--palette-light-light-color);--dark-color: var(--palette-light-dark-color);--gray-color: var(--palette-light-gray-color);--white-color: var(--palette-light-white-color)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--success-color: var(--palette-dark-success);--info-color: var(--palette-dark-info);--warning-color: var(--palette-dark-warning);--danger-color: var(--palette-dark-danger);--light-color: var(--palette-dark-light-color);--dark-color: var(--palette-dark-dark-color)}}:root[data-theme=dark]{--success-color: var(--palette-dark-success);--info-color: var(--palette-dark-info);--warning-color: var(--palette-dark-warning);--danger-color: var(--palette-dark-danger);--light-color: var(--palette-dark-light-color);--dark-color: var(--palette-dark-dark-color);background-color:var(--light-color);color:var(--dark-color)}:root[data-theme=light]{--success-color: var(--palette-light-success);--info-color: var(--palette-light-info);--warning-color: var(--palette-light-warning);--danger-color: var(--palette-light-danger);--light-color: var(--palette-light-light-color);--dark-color: var(--palette-light-dark-color);background-color:var(--light-color);color:var(--dark-color)}.success{color:var(--success-color)}.danger{color:var(--danger-color)}.warning{color:var(--warning-color)}.info{color:var(--info-color)}*{transition:background-color .2s ease,color .2s ease}html{font-family:system-ui,sans-serif;font-size:medium;color:var(--dark-color)}body{background-color:var(--light-color);font-family:sans-serif;margin:0}header,main,footer{display:block;padding:1rem}footer{text-align:center}h1,h2,h3,h4,h5,h6{margin:0}nav{display:flex;padding:1rem;align-items:center}nav>a{font-weight:700;text-decoration:none}nav ul{display:flex;flex:1;justify-content:space-evenly;list-style-type:none}nav ul li a{text-decoration:none}a:link,a:visited{color:inherit}a:hover,a:active{color:var(--primary-color)}table{border-collapse:collapse;width:calc(100% - 2rem);margin:1rem}thead{color:var(--dark-color);text-align:left;border-bottom:1px solid var(--dark-color)}tr{border-bottom:1px solid var(--gray-color)}td,th,tr{padding:.75rem}dialog[open]{position:fixed;width:calc(100vw - 4rem);height:calc(100vh - 4rem);border:none;padding:2rem;color:var(--dark-color);z-index:1000;background-color:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}input[type=search]{border-radius:30px;margin:1rem;width:calc(100% - 2rem);padding:.5rem 1rem}input,textarea,button,select{font-size:1rem;padding:.5rem}input:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color)}button{border:none;border-radius:var(--border-radius);background-color:var(--primary-color);color:var(--white-color);padding:.5rem 1rem;cursor:pointer}button:hover{filter:brightness(1.1)}fieldset{display:flex;border:none;padding:0;margin:1rem 0}fieldset>input{display:inline-flex;flex:1;border:none}fieldset>input:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}fieldset>input:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}fieldset>button{border:none;background-color:var(--primary-color);padding:0 1rem;cursor:pointer}fieldset>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}fieldset>button:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0}progress{width:100%}