.student-metro{margin:0 0 20px}.metro-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.metro-head h2{margin:4px 0 0;font-size:22px}.metro-state{font-size:9px;font-weight:900;letter-spacing:1px;color:#8f949e;background:#20232a;border-radius:99px;padding:7px 9px}.metro-state.on{color:#090a0c;background:#70d9a3}.metro-tempo{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:16px 0 10px}.metro-tempo>button{height:44px;padding:0 14px}.metro-tempo label{margin:0;text-align:center}.metro-tempo input{display:inline-block;width:92px;margin:0;padding:5px 4px;border:0;background:transparent;text-align:right;font-size:36px;font-weight:950;letter-spacing:-2px}.metro-tempo label span{font-size:10px;color:#969ba5;font-weight:900}.metro-beats{display:flex;justify-content:center;gap:8px;margin:8px 0 16px}.metro-beats i{width:10px;height:10px;border-radius:50%;background:#343943}.metro-beats i.on{background:#ff6828;box-shadow:0 0 12px rgba(255,104,40,.8)}.metro-options{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.metro-options select{width:100%;background:#0b0d11;border:1px solid #373b44;color:#fff;border-radius:11px;padding:11px}.metro-accent{display:flex;align-items:center;gap:6px;margin:0;font-size:10px;white-space:nowrap}.metro-accent input{width:auto;margin:0;accent-color:#ff6828}.metro-volume{margin:14px 0 0}.metro-volume span{float:right;color:#ff9a72}.metro-volume input{padding:0;border:0;background:transparent;accent-color:#ff6828}.metro-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:12px}.metro-actions button{margin:0}.metro-safety{font-size:9px!important;color:#858b95!important;margin:10px 0 0!important}@media(max-width:350px){.metro-options,.metro-actions{grid-template-columns:1fr}.metro-accent{padding:4px 2px}.metro-tempo>button{padding:0 10px}}