.lp{--lp-bg:#1b1a1e;--lp-bg-alt:#28272b;--lp-border:#39393c;--lp-text:#fff;--lp-text-alt:#8e908f;--lp-red:#db0000;--lp-red-alt:#fe2a2a;--lp-blue:#06f;--lp-blue-alt:#3785fb;--lp-green:#12ca86;--lp-radius:8px;display:flex;width:100%;font-family:HK Grotesk,system-ui,sans-serif;background:var(--lp-bg);color:var(--lp-text);border-radius:12px;overflow:hidden;border:1px solid var(--lp-border)}.lp *{box-sizing:border-box}.lp a{color:var(--lp-blue)}.lp a:hover{color:var(--lp-blue-alt)}.lp-fiction{background:#7f1d1d;color:#fecaca;font-weight:700;font-size:13px;letter-spacing:.5px;text-align:center;padding:8px 12px;border-bottom:2px solid #ef4444}.lp button{padding:7px 12px;background-color:var(--lp-red);outline:2px solid var(--lp-red);outline-offset:-1px;border:none;color:#fff;font-weight:500;border-radius:var(--lp-radius);display:flex;justify-content:center;align-items:center;width:100%;margin:10px 2px 2px;font-size:16px}.lp button.lp-outline{color:var(--lp-text);background-color:transparent}.lp button.lp-disabled{cursor:not-allowed;opacity:50%;pointer-events:none}.lp button:hover:not(.lp-disabled){background-color:var(--lp-red-alt);outline-color:var(--lp-red-alt);cursor:pointer}.lp .form{margin-bottom:20px}.lp .form label{font-weight:600;font-size:14px;color:var(--lp-text-alt);text-transform:uppercase;letter-spacing:1px;border-radius:var(--lp-radius);display:block}.lp .form select{width:100%;height:40px;cursor:pointer;background:var(--lp-bg-alt);border-radius:var(--lp-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none}.lp .form .selector{position:relative}.lp .form .selector:after{content:">";position:absolute;right:2em;margin:auto 0;top:25%;color:var(--lp-text-alt);transform:rotate(90deg) scaleY(1.5);transition:all .2s ease-out;pointer-events:none}.lp .form .selector:focus-within:after{transform:rotate(-90deg) scaleY(1.5)}.lp .form .buttons{display:flex;justify-content:space-between;align-items:center;gap:10px}.lp .form input,.lp .form select{display:block;margin:3px 0 15px;padding:8px 14px;border-radius:var(--lp-radius);background:var(--lp-bg-alt);color:var(--lp-text-alt);font-weight:500;font-size:18px;width:100%;border:none;color-scheme:dark}.lp .form input:focus,.lp .form select:focus{outline:2px solid var(--lp-blue)}.lp hr{width:100%;border:1px solid var(--lp-border);margin:1rem 0}.lp footer{display:block;color:var(--lp-text-alt);font-weight:500;margin-top:auto;padding-top:20px;font-size:smaller}.lp .lp-title h2{line-height:28px;font-size:24px;font-weight:700;margin-bottom:8px}.lp .lp-title>p{font-weight:600;font-size:17px;margin-bottom:10px}.lp .lp-title small{font-weight:500;font-size:14px;opacity:50%}.lp nav{display:flex;justify-content:space-between;flex-wrap:wrap;margin-block:10px}.lp nav>*{display:flex;gap:16px}.lp .nav-btn{font-size:17px;text-decoration:none;color:var(--lp-text);background:none;outline:none;border:none;padding:0;margin:0;width:auto;font-weight:400}.lp .nav-btn.current{text-decoration:underline}.lp .nav-btn.important{color:var(--lp-red)}.lp .lp-logo{margin-bottom:10px;background-repeat:no-repeat;background-size:contain;width:100%;height:96px;background-image:url(/listenpass/logo-dark-listenpass.svg)}.lp-preview{padding:20px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background:conic-gradient(from -88.25deg at 47.65% 110.22%,var(--lp-blue) 0deg,var(--lp-green) 213.75deg,var(--lp-blue) 1turn)}.lp-preview.visible .waiting,.lp-preview:not(.visible) #lp-canvas{display:none}.lp-preview .waiting{filter:blur(2px) grayscale(100%);opacity:50%;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.lp-preview canvas{width:100%;height:auto;margin:auto}.lp-preview .waiting-div{display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#1e40af;font-weight:800;font-size:28px;border-radius:12px;min-height:240px}.lp-preview canvas{max-width:90%;max-height:90%}.lp-panel{background-color:var(--lp-bg);padding:20px;width:100%;overflow-y:auto;display:flex;flex-direction:column}.lp .label-error{color:var(--lp-red)}.lp .label-error:not(.error-visible){display:none}@media screen and (max-width:1070px){.lp{display:block}.lp-panel,.lp-preview{width:100%}}.lp .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}