:root{--vt-c-white:#fffafe;--vt-c-black:#1e1e1e;--vt-c-text-light-1:var(--vt-c-black);--vt-c-text-light-2:#1b1a1e;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#c8c8c8;--vt-c-active-color-1:#d6bdff;--vt-c-active-color-2:#564369;--vt-c-hover-color-1:#a38fd9;--vt-c-hover-color-2:#6e5389;--vt-c-footer-background-1:#d6bdff33;--vt-c-footer-background-2:#56436933;--vt-c-footer-text-1:#2c2235;--vt-c-footer-text-2:#ece2fc;--vt-c-footer-hover-1:#564369cc;--vt-c-footer-hover-2:#d6bdffcc;--vt-c-footer-link-hover-1:#64ff00;--vt-c-footer-link-hover-2:#0064ff;--color-background:var(--vt-c-white);--color-text:var(--vt-c-text-light-1);--color-active:var(--vt-c-active-color-1);--color-hover:var(--vt-c-hover-color-1);--color-footer-background:var(--vt-c-footer-background-1);--color-footer-text:var(--vt-c-footer-text-1);--color-footer-hover:var(--vt-c-footer-hover-1);--color-footer-link-hover:var(--vt-c-footer-link-hover-1)}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-text:var(--vt-c-text-dark-2);--color-active:var(--vt-c-active-color-2);--color-hover:var(--vt-c-hover-color-2);--color-footer-background:var(--vt-c-footer-background-2);--color-footer-text:var(--vt-c-footer-text-2);--color-footer-hover:var(--vt-c-footer-hover-2);--color-footer-link-hover:var(--vt-c-footer-link-hover-2)}}:root{--base-font:clamp(14px,1.8vw,16px);--heading-font:clamp(18px,2.2vw,24px);--wrapper-font:clamp(28px,3.5vw,32px);--nav-font:clamp(16px,1.9vw,20px);--content-width:90%;--card-padding:.4cm;--side-margin:5%;--border-radius:.3cm;--border-color:#79747e;--title-margin-top:.4cm;--title-margin-bottom:.2cm;--wrapper-margin:.8cm auto .6cm;--footer-height:30px;--footer-bottom-margin:10px;--content-bottom-margin:calc(var(--footer-height) + var(--footer-bottom-margin) + 20px);--transition-normal:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);line-height:1.45}a{color:inherit;text-decoration:none}#sans-serif{font-family:sans-serif}#serif{font-family:serif}#monospace{font-family:monospace}#app{min-height:100vh;padding-bottom:var(--content-bottom-margin);box-sizing:border-box}h2,h5{color:var(--color-text);transition:var(--transition-normal)}h2{font-size:var(--heading-font);margin:var(--title-margin-top)var(--side-margin)var(--title-margin-bottom);width:var(--content-width);font-weight:550}h5{margin:.3cm 0 .2cm}.round{width:var(--content-width);margin:0 var(--side-margin);padding:var(--card-padding);border-radius:var(--border-radius);border:1px solid var(--border-color);font-size:var(--base-font);transition:var(--transition-normal)}.round:not(:last-child){margin-bottom:.5cm}.round>:nth-child(2){margin-bottom:.15cm}.no-padding{padding:0!important}.ul{width:var(--content-width);margin:0 var(--side-margin).5cm;border:1px solid var(--border-color);transition:var(--transition-normal);border-radius:.25cm;line-height:clamp(3.4,3.4 + 3vw,7);overflow:hidden}.li{float:left;border-right:1px solid var(--border-color);width:16.6667%;transition:var(--transition-normal)}.li:last-child{border-right:none}.li a{text-align:center;font-size:var(--nav-font);padding:clamp(.3em,.3em + .8vw,.6em) 0;display:block}.nothing{transition:var(--transition-normal);background-color:#0000;position:relative}.nothing:hover{background-color:var(--color-hover)}.nothing:active{background-color:var(--color-active)}.nothing.active{background-color:var(--color-active);font-weight:500}input[type=text]{width:100%;color:var(--color-text);font-size:var(--base-font);border:1px solid var(--border-color);background-color:var(--color-background);transition:var(--transition-normal);border-radius:8px;outline:none;margin-bottom:8px;padding:10px 12px}input[type=text]:focus{border-color:var(--color-footer-text);box-shadow:0 0 0 2px rgba(var(--color-footer-text),.1)}input[type=text]:hover{border-color:var(--color-footer-text)}input[type=text]::placeholder{color:var(--border-color);opacity:.8}input[type=range]{appearance:none;border-radius:15px;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{background:var(--color-footer-text);cursor:pointer;-webkit-appearance:none;border-radius:50%;width:15px;height:15px}input[type=range]::-moz-range-thumb{background:var(--color-footer-text);cursor:pointer;-webkit-appearance:none;border-radius:50%;width:15px;height:15px}.character-table{border-collapse:collapse;width:100%}.character-table th,.character-table td{border:1px solid var(--border-color);text-align:center;padding:8px 12px;font-size:16px;line-height:1.5}.character-table th{background-color:#0000;font-weight:600}.character-table tr:first-child th{border-top:none}.character-table tr:last-child td{border-bottom:none}.character-table th:first-child,.character-table td:first-child{border-left:none}.character-table th:last-child,.character-table td:last-child{border-right:none}#footer{bottom:var(--footer-bottom-margin);width:260px;height:var(--footer-height);background-color:var(--color-footer-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-footer-text);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:0;font-family:MiSans VF;transition:background-color .5s,color .5s;display:flex;position:fixed;left:50%;transform:translate(-50%)}#footer:hover{color:var(--color-background);background-color:var(--color-footer-hover)}a.footer-msg{color:var(--color-footer-text);transition:color .3s}a.footer-msg:visited{color:var(--color-footer-text)}a.footer-msg:active{color:#ffcc7a}#footer a.footer-msg{transition:color .5s}#footer:hover a.footer-msg{color:var(--color-background)}#footer:hover a.footer-msg:hover{color:var(--color-footer-link-hover)}@media screen and (min-width:768px){:root{--content-width:min(85%,800px);--side-margin:auto}.round{line-height:1.5}.ul{max-width:800px;margin:0 auto .5cm}h2{margin:var(--title-margin-top)auto var(--title-margin-bottom);text-align:left;max-width:800px}.wrapper{max-width:800px;margin:1cm auto .8cm}}@media screen and (min-width:1024px){:root{--content-width:min(75%,900px)}.ul,h2,.wrapper{max-width:900px}}@media screen and (min-width:1200px){:root{--content-width:min(70%,1000px)}.ul,h2,.wrapper{max-width:1000px}}.wrapper{color:var(--color-text);text-align:center;font-family:MiSans VF;font-weight:600;font-size:var(--wrapper-font);margin:var(--wrapper-margin);transition:var(--transition-normal);width:var(--content-width)}.custom-range[data-v-492df04c]{appearance:none;cursor:pointer;width:100%;height:30px;box-shadow:none;background:var(--color-footer-background);-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;box-shadow:none;border:none;outline:none;margin:0;padding:0;display:block}.custom-range[data-v-492df04c]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:20px;height:30px;box-shadow:none;background:0 0;border:none}.custom-range[data-v-492df04c]::-moz-range-thumb{appearance:none;cursor:pointer;width:20px;height:30px;box-shadow:none;background:0 0;border:none}.custom-range[data-v-492df04c]::-moz-range-track{appearance:none;background:var(--color-footer-background);cursor:pointer;height:30px;box-shadow:none;border:none;border-radius:999px}.custom-text-input[data-v-492df04c]{appearance:none;background:var(--color-footer-background);width:100%;height:36px;color:var(--color-text);text-align:left;border:none;border-radius:999px;margin-bottom:0;padding:0 16px;font-size:.9rem;transition:all .2s;display:block}.custom-text-input option[data-v-492df04c]{background:var(--color-background);color:var(--color-text)}.preview-text p[data-v-492df04c]{margin:0;padding:0;line-height:1.5}.slider-group[data-v-492df04c],.select-group[data-v-492df04c],.text-input-group[data-v-492df04c]{margin-bottom:.6rem}.slider-group>label[data-v-492df04c],.select-group>label[data-v-492df04c],.text-input-group>label[data-v-492df04c],.preview-section>label[data-v-492df04c]{display:block}