:root{--nav-height:50px;--header-height:40px;--footer-height:90px}*{-webkit-user-select:none;user-select:none}[style*=rotate]{font-family:inherit}body{color:#d3d3d3;background-color:#2d2d2d;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,Arial,sans-serif;font-size:15px;line-height:1.6}#app{padding:var(--nav-height) 0rem .5rem 0rem;font-weight:400}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-corner{background-color:#0000}::-webkit-scrollbar-track{background:#4a4a4a;border-radius:10px}::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:10px}li{list-style-type:none}nav{height:var(--nav-height);text-align:left;z-index:99;background-color:#d3d3d3;border-top:1px solid #2d2d2d;width:100%;position:fixed;top:0;left:0;overflow:hidden}nav a{height:var(--nav-height);box-sizing:border-box;line-height:var(--nav-height);text-align:center;color:#2d2d2d;border-left:1px solid #2d2d2d;min-width:12.5%;padding:0 5px;font-size:26px;text-decoration:none;display:inline-block}nav a:last-child{border-right:1px solid #2d2d2d}nav a.router-link-active{color:#d3d3d3;background-color:#646464}footer{height:var(--footer-height);z-index:99;box-sizing:border-box;background-color:#202020;flex-direction:row;justify-content:center;align-items:center;width:100vw;padding:0;display:flex;position:fixed;bottom:0;left:0}.view{height:calc(100vh - var(--nav-height) - var(--footer-height) - var(--header-height) - 10px);flex-flow:wrap;place-content:flex-start space-evenly;align-items:flex-start;display:flex;overflow-y:auto}.view-header{height:var(--header-height);box-sizing:border-box;flex-direction:row;align-items:center;font-size:24px;font-weight:700;display:flex}.view-header .center{text-align:center;white-space:nowrap;margin:0 auto;padding:0 10px;overflow:hidden}.view-header .left{text-align:left;white-space:nowrap;width:25vw;padding:0 10px 0 0;overflow:hidden}.view-header .right{text-align:right;white-space:nowrap;width:25vw;padding:0 0 0 10px;overflow:hidden}.button-std{color:#d3d3d3;white-space:break-spaces;word-break:break-word;background-color:#646464;border:none;border-radius:15px;margin:5px;padding:10px 25px;font-size:24px;overflow:hidden}.button-std.icon-std{align-items:center;gap:8px;display:inline-flex}.button-std.icon-std svg{flex-shrink:0}.button-std.pressing,.button-std.btnon{background-color:#00f}.button-std.btnoff{background-color:#646464}.button-std:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.button-ico{color:#d3d3d3;background-color:#646464;border:none;border-radius:15px;margin:5px;padding:5px}.button-ico.pressing,.button-ico.btnon{background-color:#00f}.button-ico.btnoff{background-color:#646464}.button-ico:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.button-numpad{color:#d3d3d3;background-color:#646464;border:none;border-radius:15px;margin:5px;padding:5px}.button-numpad.pressing,.button-numpad.btnon{background-color:#00f}.button-numpad.btnoff{background-color:#646464}.button-numpad:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.button-tab{color:#d3d3d3;background-color:#0000;border:2px solid gray;justify-content:center;align-items:center;margin:0;padding:0;font-size:22px;display:flex}.button-tab.pressing{background-color:#4b4b4b}.button-tab.btnon{background-color:#4b4b4b;font-size:24px}.button-tab.tab-vert{border-right:none;border-radius:15px 0 0 15px}.button-tab.tab-vert span{white-space:nowrap;display:block;transform:rotate(-90deg)}.button-tab.tab-horz{border-bottom:none;border-radius:15px 15px 0 0}.button-tab.tab-horz span{white-space:nowrap;display:block}.input-std{color:#d3d3d3;box-sizing:border-box;appearance:none;background-color:#0000;border:2px solid gray;border-radius:20px;margin:5px 0;padding:10px 25px;font-size:20px;line-height:normal}.input-std option{color:#d3d3d3;background-color:#2d2d2d}.volume-std{appearance:none;pointer-events:none;background:0 0;outline:none;flex:1;height:30px}.volume-std::-webkit-slider-runnable-track{background:linear-gradient(to right, blue 0%, blue var(--volume-level), #646464 var(--volume-level), #646464 100%);border-radius:10px;height:20px}.volume-std::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;pointer-events:auto;background:#32cd32;border-radius:50%;width:30px;height:30px;margin-top:-5px}.card{border:2px solid gray;border-radius:20px;flex-direction:column;align-items:center;margin:10px;padding:15px;display:flex}.card .card-title{color:#d3d3d3;text-align:center;font-size:22px}.card:has(.card-title){padding-top:5px}.card.card-vert{min-width:fit-content;max-height:90vh}.card.card-vert .card-content{flex-direction:column;height:100%;padding:0 0 5px;display:flex;overflow:hidden auto}.card.card-horz{max-width:90vw}.card.card-horz .card-content{flex-direction:row;width:100%;padding:0 0 5px;display:flex;overflow:auto hidden}.search-btn{color:#d3d3d3;background-color:#0000;border:none;padding:5px;position:absolute;top:10px;right:5px}.search-field{align-items:center;margin:10px 0;display:flex;position:relative}.search-field input{color:#d3d3d3;background-color:#0000;border:2px solid gray;border-radius:15px;padding:10px;font-size:20px}.search-field button{color:#d3d3d3;background-color:#0000;border:none;padding:5px;position:absolute;right:5px}.modal .overlay{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal .backdrop{opacity:.7;z-index:-1;background:#000;position:absolute;inset:0}.modal .content{box-sizing:border-box;z-index:1;color:#d3d3d3;background:#2d2d2d;border:2px solid gray;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:525px;height:315px;padding:20px 30px;display:flex;position:relative}.modal .content h2{text-align:center;margin:0;font-size:24px}.modal .content p{text-align:center;margin:0;font-size:20px}.modal .button-group{justify-content:center;gap:10px;display:flex}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}