:root{font-family:Segoe UI,Arial,sans-serif;color:#17233f;background:#f3f6fd;font-synthesis:none;-webkit-font-smoothing:antialiased;--blue: #1049ce;--blue-deep: #0b36a6;--blue-soft: #e4ebff;--yellow: #ffe829;--muted: #52627e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f6fd}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:var(--blue)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px;padding:20px max(5vw,24px);background:#fff;box-shadow:0 1px #dbe3f3}.brand{display:inline-flex;align-items:center;min-height:52px}.brand img{display:block;width:clamp(175px,19vw,248px);height:auto}.topnote{color:var(--blue-deep);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.container{width:min(800px,calc(100% - 40px));margin:72px auto 100px}.container h1{max-width:16ch;margin:0 0 14px;color:#123a9f;font-size:clamp(36px,6vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}.intro{max-width:65ch;margin:0 0 36px;color:var(--muted);font-size:17px;line-height:1.6;text-wrap:pretty}.panel,.player-card{border-radius:16px;background:#fff;box-shadow:0 16px 50px #1b459815,0 2px 8px #1b45980a}.panel{padding:30px}.narrow{max-width:480px}.field{display:block;margin-bottom:22px}.field span{display:block;margin-bottom:9px;color:#23385e;font-size:13px;font-weight:700}.field input,.field textarea{display:block;width:100%;padding:13px 15px;border:1px solid #b8c6e1;border-radius:10px;background:#fff;color:#17233f;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field input::placeholder,.field textarea::placeholder{color:#65738c}.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1049ce29}.field input[readonly]{background:#f2f5fb;color:#53627b}.field textarea{min-height:240px;resize:vertical;font:13px/1.55 Consolas,ui-monospace,monospace}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.button:hover{background:var(--blue-deep);box-shadow:0 7px 18px #1049ce26}.button:active{transform:scale(.96)}.button.secondary{background:#e2eaff;color:var(--blue-deep)}.button.secondary:hover{background:#d2dfff;box-shadow:none}.text-button{min-height:44px;padding:10px;border:0;background:none;color:var(--blue-deep);cursor:pointer}.text-button:hover{text-decoration:underline}.text-button.danger{color:#ad2c3d}.button:focus-visible,.text-button:focus-visible,a:focus-visible{outline:3px solid #f5c600;outline-offset:3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.client-list{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 16px 50px #1b459815,0 2px 8px #1b45980a}.client-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-bottom:1px solid #e2e8f4;color:#17233f;text-decoration:none;transition:background-color .18s ease}.client-row:last-child{border-bottom:0}.client-row:hover{background:#f3f6ff}.client-row strong,.client-row small{display:block}.client-row strong{font-weight:700}.client-row small,.count,.empty{color:#52627e;font-size:13px}.client-row small{margin-top:5px}.count{font-variant-numeric:tabular-nums;white-space:nowrap}.empty{padding:22px}.back{font-weight:600;text-decoration:none}.back:hover{text-decoration:underline}.actions{display:flex;justify-content:flex-end}.share{margin-top:20px;background:var(--blue-soft)}.share .eyebrow{color:var(--blue-deep);font-size:11px;font-weight:800;letter-spacing:.13em}.share a,.share small{display:block;margin-top:10px;overflow-wrap:anywhere}.share small{color:#44577a}.notice{padding:12px 14px;border-radius:9px}.notice.error{background:#fff0f1;color:#971e32}.notice.success{background:#eaf5e9;color:#235d2d}.player-card{overflow:hidden;position:relative;padding:48px 28px 52px;background:var(--blue);color:#fff;text-align:center}.disc{position:relative;width:184px;height:184px;margin:0 auto 36px;border:17px solid #e4ebff;border-radius:50%;background:radial-gradient(circle at 50% 50%,#2259d6 0 13%,#0c43bd 14% 48%,#2c65db 49% 51%,#0b3eb3 52%);box-shadow:0 20px 38px #092b8c72}.disc:before{content:"";position:absolute;top:34px;left:26px;width:45px;height:45px;border-radius:50%;background:var(--yellow)}.disc:after{content:"";position:absolute;inset:68px 0 0;border-radius:0 0 50% 50%;background:linear-gradient(90deg,transparent 11%,#fff 11% 29%,transparent 29% 35%,#fff 35% 53%,transparent 53% 61%,#fff 61% 81%,transparent 81%);opacity:.9}.player-kicker{margin:0 0 15px;color:#dbe6ff;font-size:11px;font-weight:800;letter-spacing:.16em}.track-title{max-width:600px;margin:0 auto 14px;font-size:clamp(22px,4vw,34px);font-weight:800;line-height:1.25;text-wrap:balance}.player-message{min-height:24px;margin:0;color:#e0e9ff;font-variant-numeric:tabular-nums}.player-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.player-actions .button{min-width:145px}.player-actions .play{background:var(--yellow);color:#182951}.player-actions .play:hover{background:#fff06a;box-shadow:0 8px 25px #061f7160}.player-actions .secondary{background:#fff2;border:1px solid #ffffff80;color:#fff}.player-actions .secondary:hover{background:#ffffff38}@media(max-width:600px){.topbar{min-height:82px;padding:17px 20px}.brand img{width:178px}.topnote{display:none}.container{margin:48px auto 72px}.panel{padding:22px}.client-row{padding:17px 18px}.player-card{padding:40px 20px 32px}.disc{width:154px;height:154px;margin-bottom:28px;border-width:14px}.disc:before{top:27px;left:21px;width:37px;height:37px}.disc:after{inset:55px 0 0}.player-actions{flex-direction:column}.player-actions .button{width:100%}}