@import "https://fonts.googleapis.com/css2?family=Erica+One&family=Nerko+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#efede3;--asphalt:#302f2c;--blue:#471eec;--purple:#ad5fff;--transition-smooth:all .5s ease}body{background-color:var(--paper);width:100vw;height:100vh;transition:var(--transition-smooth);scrollbar-width:auto;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}main{width:calc(100vw - 64px);min-height:100vh;transition:var(--transition-smooth);flex-direction:column;justify-content:start;align-items:center;gap:16px;padding:32px;display:flex}main *{justify-content:center;align-items:center;display:flex}div,article{flex-direction:column;display:flex}span{flex-direction:row;display:flex}dialog{background-color:var(--paper);box-shadow:0px 8px 32px var(--asphalt);transition:var(--transition-smooth);border:none;border-radius:64px;padding:32px;display:none}dialog[open]{flex-direction:column;gap:16px;display:flex}dialog::backdrop{background-color:var(--asphalt);opacity:.5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}form{flex-direction:column;display:flex}button{background-color:var(--asphalt);width:256px;height:64px;transition:var(--transition-smooth);cursor:pointer;border:none;border-radius:32px;gap:8px;padding:32px;color:var(--paper)!important}button span{color:var(--paper)}button:hover{background-color:var(--blue);box-shadow:0px 4px 16px var(--asphalt);transform:scale(1.05)}button.circle{width:64px}table,thead,tbody{border:1px solid var(--asphalt);flex-direction:column;display:flex}th,td{text-align:center;word-break:break-word;border:1px solid var(--asphalt);align-items:safe center;width:192px;height:80px;overflow:hidden auto}input{border-radius:8px;width:512px;height:32px}table input{background-color:var(--paper);border:none;width:192px;height:32px}h1,h2,h3,h4,h5,h6,th{color:var(--purple);margin:0;padding:0;font-family:Erica One,sans-serif;font-style:normal;font-weight:400}p,a,button,label,input,td{color:var(--asphalt);margin:0;padding:0;font-family:Nerko One,cursive;font-size:24px;font-style:normal;font-weight:400}h1{font-size:64px}h2{font-size:48px}h3{font-size:32px}h4,th{font-size:24px}h5{font-size:16px}h6{font-size:8px}a{transition:var(--transition-smooth);flex-direction:row;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.hyperlink{text-decoration:underline}.hyperlink:hover{color:var(--blue)}.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;justify-content:center;align-items:center;margin:0;padding:0;display:flex}