html,body{margin:0;padding:0;box-sizing:border-box}:root{--pc:#4CAF50;--pcd:#3e8e41;--tc:#333;--bc:#f4f4f4;--w:#fff;--s:0 0 15px rgba(0,0,0,.15);--fo:3px solid #007bff;--foo:2px}body{font-family:Arial,sans-serif;background-color:var(--bc);font-size:1.2em;line-height:1.6;color:var(--tc)}h1{font-size:2.2em;margin-bottom:.5em;color:var(--tc)}h2{font-size:1.8em;margin-bottom:.5em}.c{width:95%;margin:10px auto;background-color:var(--w);padding:15px;box-shadow:var(--s)}.b{padding:12px 18px;border:none;cursor:pointer;border-radius:5px;transition:background-color .2s ease,box-shadow .2s ease;font-size:1em;background-color:var(--pc);color:var(--w);margin-top:5px;width:100%}.b:hover,.b:focus{box-shadow:var(--s);outline:none}.bp:hover,.bp:focus{background-color:var(--pcd)}.sl{list-style-type:none;padding:0}.sl li{margin-bottom:10px}.sl button{width:100%;text-align:left;font-size:1.1em;display:block}.view-hidden{display:none!important}#player-view{padding-top:80px;padding-bottom:180px;position:relative}.fh{position:fixed;top:0;left:0;width:100%;background-color:var(--w);padding:10px 20px;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;justify-content:space-between;align-items:center}.fp{position:fixed;bottom:0;left:0;width:100%;background-color:#f0f0f0;padding:10px;text-align:center;z-index:2;box-shadow:0 -2px 5px rgba(0,0,0,.2);display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.fp button{background-color:#555;color:var(--w);transition:background-color .3s;font-size:.9em;padding:8px 12px;margin-bottom:5px;width:auto}.fp button:hover{background-color:#777}.fp #ti,.fp #ci{font-size:.8em;color:var(--tc);width:100%;text-align:center;order:-1}.lc,.ec,.tc{margin-top:1em;width:100%}.tc{margin-bottom:1em}.lc label,.ec label,.tc label{display:block;margin-bottom:.5em;font-size:1.1em}.lc select,.ec select,.tc select{width:100%;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:5px;margin-bottom:1em;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px top 50%;background-size:1.5em}.h{display:none!important}*:focus{outline:var(--fo);outline-offset:var(--foo)}#welcome-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;padding:20px}#auth-container{background-color:var(--w);padding:30px 40px;border-radius:10px;box-shadow:var(--s);max-width:450px;width:100%}#auth-container h2{font-size:1.6em;margin-bottom:15px}#auth-container input[type=text],#auth-container input[type=password],#auth-container input[type=email]{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:.9em;box-sizing:border-box}.remember-me{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;font-size:.9em}.remember-me input[type=checkbox]{margin-right:10px;width:auto;margin-top:0}.remember-me label{margin:0;width:auto}.terms{display:flex;justify-content:center;align-items:center;margin:15px 0;font-size:.9em}.terms input[type=checkbox]{margin-right:10px}.terms label{margin:0}.form-toggle{font-size:.9em;margin-top:15px}.form-toggle a{color:var(--pc);text-decoration:underline;cursor:pointer}.error-msg{color:red;font-size:.9em;margin-top:10px;font-weight:bold}#user-info{display:flex;justify-content:space-between;align-items:center;width:100%}#user-info p{font-size:1.1em;font-weight:bold;margin:0}#user-info button{width:auto}#as{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}#cw{margin-bottom:20px}#cw h2{font-size:1.5em;margin-bottom:10px}#cw ul{list-style:none;padding:0}#cw li{margin-bottom:5px;display:flex;gap:5px;align-items:center}#cw li button{margin-right:5px;width:auto}#cw li button.b:first-of-type{flex-grow:1;text-align:left}#usac{margin-bottom:20px}#usac h2{font-size:1.5em;margin-bottom:10px}#t10smv-c{margin-bottom:20px}#t10smv-c h2{font-size:1.5em;margin-bottom:10px}#selector-series{text-align:center;margin-bottom:20px}#selector-series h2{margin-bottom:10px}#selector-series ul{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap}#selector-series li{margin:5px 10px}#selector-series a{text-decoration:none;color:var(--pc);font-weight:bold;padding:8px 12px;border:2px solid var(--pc);border-radius:5px;transition:background-color .2s ease,color .2s ease;display:block}#selector-series a:hover,#selector-series a.active{background-color:var(--pc);color:var(--w)}#selector-series a.active{cursor:default}#acc-info{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@media (max-width:600px){body{font-size:1.1em}h1{font-size:1.8em}h2{font-size:1.5em}.c{padding:10px}#auth-container{padding:20px}.sl button{padding:12px 15px;font-size:1em}}