html,body,#root{background:#f0f1ef;height:100%;margin:0}body{overflow:hidden}.stage{width:100%;height:100%;position:relative}.player{z-index:200;color:#fff;background:#171a1cf0;border-radius:18px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 10px 8px 14px;font-family:Inter,Arial,sans-serif;font-size:13px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000040}.player button{color:#fff;cursor:pointer;min-width:34px;height:34px;font:inherit;background:#ffffff1a;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.player button:hover{background:#ffffff2e}.player button.primary{color:#171a1c;background:#dfff00;font-weight:600}.player .cap{white-space:nowrap;text-overflow:ellipsis;color:#e9ecea;min-width:220px;max-width:360px;overflow:hidden}.player .track{background:#ffffff2e;border-radius:4px;width:140px;height:4px;overflow:hidden}.player .track i{background:#dfff00;height:100%;display:block}.player .lbl{color:#9aa3a6;font-size:11px}.player.mobile{gap:6px;padding:6px;bottom:72px}.player.mobile .cap,.player.mobile .track{display:none}.picker-overlay{z-index:300;background:#171a1c59;justify-content:center;align-items:center;padding:16px;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0}.picker{color:#171a1c;background:#fff;border-radius:22px;width:560px;max-width:100%;padding:22px;box-shadow:0 20px 60px #0003}.picker-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.picker-head>div{flex:1}.picker-title{letter-spacing:-.02em;font-size:20px;font-weight:700}.picker-sub{color:#626a6d;margin-top:2px;font-size:13px}.picker-x{cursor:pointer;background:#f0f1ef;border:0;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.picker-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #eceeec;border-radius:16px;align-items:center;gap:14px;margin-top:8px;padding:14px;display:flex}.picker-item:hover{background:#f6f7f5;border-color:#dfe3e0}.picker-num{background:#f1fbb8;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.picker-text{flex-direction:column;flex:1;gap:2px;display:flex}.picker-text span{color:#626a6d;font-size:13px}