:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(145deg,color-mix(in srgb,var(--player-brand) 12%,#f5f7ff),#fff 42%,color-mix(in srgb,var(--player-brand) 8%,#eef1ff));color:#151a38}.player-shell{min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,4vw,40px)}.player-device{width:min(100%,430px);padding:clamp(22px,6vw,38px);border:1px solid #e1e5f1;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(24,31,82,.16)}.player-brand{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid #edf0f7}.player-brand>span,.player-brand img{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--player-brand);color:#fff;font-size:27px;font-weight:900;object-fit:contain}.player-brand small,.player-brand strong{display:block}.player-brand small{color:#7c839d;font-size:10px;font-weight:800;letter-spacing:.16em}.player-brand strong{margin-top:3px;font-size:22px}.player-heading{padding:26px 0 18px}.player-heading>span{color:var(--player-brand);font-size:11px;font-weight:850;letter-spacing:.14em}.player-heading h1{margin:7px 0 5px;font-size:clamp(28px,8vw,38px);line-height:1.08}.player-heading p,.player-legal{margin:0;color:#69718b}.player-form{display:grid;gap:9px}.player-form label{margin-top:6px;font-size:13px;font-weight:750}.player-form label small{color:#858ca2;font-weight:500}.player-form input:not([type=checkbox]){width:100%;min-height:50px;padding:11px 14px;border:1px solid #dbe0ed;border-radius:13px;background:#f9faff;color:#151a38;font:inherit;outline:none}.player-form input:focus{border-color:var(--player-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--player-brand) 16%,transparent)}.player-form>button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;margin-top:14px;border:0;border-radius:14px;background:var(--player-brand);color:#fff;font:800 16px/1 inherit;cursor:pointer;box-shadow:0 10px 25px color-mix(in srgb,var(--player-brand) 27%,transparent)}.player-form>button:hover{filter:brightness(.93)}.player-check{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.player-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--player-brand)}.player-switch{text-align:center;color:#69718b;font-size:14px}.player-switch a{color:var(--player-brand);font-weight:800}.player-error{margin:0;color:#c52d3a;font-size:12px}.player-notice{padding:11px 13px;border-radius:12px;background:#eaf8ef;color:#18723b;font-size:13px;font-weight:700}.player-legal{margin-top:24px;text-align:center;font-size:11px;line-height:1.5}.player-ready{padding:24px;border:1px solid color-mix(in srgb,var(--player-brand) 20%,#e3e7f1);border-radius:18px;background:color-mix(in srgb,var(--player-brand) 6%,#fff);text-align:center}.player-ready i{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 12px;border-radius:50%;background:var(--player-brand);color:#fff;font-style:normal;font-weight:900}.player-ready strong{display:block}.player-ready p{margin:7px 0 0;color:#69718b;font-size:13px}.player-logout button{width:100%;min-height:46px;margin-top:18px;border:1px solid #d8ddea;border-radius:13px;background:#fff;color:#353b54;font-weight:750;cursor:pointer}@media(max-width:480px){.player-shell{padding:0}.player-device{min-height:100dvh;border:0;border-radius:0;box-shadow:none}}