:root{--mw-gold:#ffc107;--mw-gold-dark:#ffa000;--mw-panel-bg:#2c2c2c;--mw-accent:#fa5252}.metronome-widget-wrapper{position:fixed;top:0;left:0;width:0;height:0;z-index:10000}.metronome-device{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:0 0;display:none;flex-direction:column;width:fit-content;user-select:none;filter:drop-shadow(0 10px 20px rgba(0, 0, 0, .4))}.metronome-device.active{display:flex}.widget-window-controls{position:absolute;top:-15px;right:-10px;display:flex;gap:8px;z-index:20}.window-btn{width:30px;height:30px;border-radius:50%;border:2px solid #fff;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s}.window-btn:hover{transform:scale(1.1)}.close-btn{background:#d32f2f}.minimize-btn{background:#1976d2;line-height:0;padding-bottom:8px}.metronome-full-view{display:flex;flex-direction:row;gap:12px;background:#1e1e1e;padding:12px;border-radius:16px;border:1px solid #444;cursor:move;max-width:340px}@media(max-width:700px){.metronome-full-view{flex-direction:column;align-items:center;max-width:95vw}}@media(max-width:480px){.metronome-full-view{padding:8px;gap:8px}.controls-panel-widget{padding:8px;min-width:unset}.main-display-widget{padding:8px;margin-bottom:8px}.bpm-readout-widget{font-size:22px}.settings-grid-widget{gap:8px;margin-bottom:8px}.start-btn-widget{padding:8px;font-size:14px}.setting-group-widget select{padding:6px;font-size:13px}.sub-btn-widget{font-size:14px;padding:4px}.metronome-minimized-view{padding:6px 10px;gap:8px;height:44px}.mini-play-btn{width:30px;height:30px;font-size:14px}.mini-bpm-val{font-size:16px}}.controls-panel-widget{background:var(--mw-panel-bg);border-radius:12px;padding:12px;width:100%;min-width:240px;border:1px solid #444;display:flex;flex-direction:column;justify-content:space-between}.main-display-widget{background:#222;padding:10px;border-radius:10px;margin-bottom:10px;text-align:center;box-shadow:inset 0 2px 5px rgba(0,0,0,.5)}.bpm-control-widget{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:5px}.bpm-readout-widget{font-size:26px;font-weight:700;color:#fff;min-width:70px;line-height:1}.bpm-label-widget{font-size:10px;color:#888;display:block}.adj-btn-widget{background:#333;color:#fff;border:1px solid #444;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:14px;transition:all .2s}.adj-btn-widget:hover{background:#444}.adj-btn-widget:active{background:var(--mw-accent);border-color:var(--mw-accent)}.tempo-name-widget{color:var(--mw-accent);font-style:italic;font-size:12px;margin-bottom:8px;height:16px}.settings-grid-widget{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}.setting-group-widget label{display:block;color:#aaa;font-size:12px;margin-bottom:5px}.setting-group-widget select{width:100%;background:#333;color:#fff;border:1px solid #444;padding:8px;border-radius:5px;font-size:14px}.subdivision-toggles-widget{display:flex;gap:4px}.sub-btn-widget{flex:1;background:#333;border:1px solid #444;color:#888;padding:5px;cursor:pointer;border-radius:5px;font-size:16px;transition:all .2s}.sub-btn-widget.active{background:var(--mw-accent);color:#fff;border-color:var(--mw-accent)}.start-btn-widget{width:100%;padding:10px;background:linear-gradient(145deg,#1a9c1e,#137a16);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:transform .2s,background .2s}.start-btn-widget:hover{transform:translateY(-2px)}.start-btn-widget:active{transform:translateY(1px)}.start-btn-widget.playing{background:linear-gradient(145deg,#c92a2a,#a61e1e)}.metronome-minimized-view{display:flex;align-items:center;background:rgba(30,30,30,.95);backdrop-filter:blur(10px);padding:8px 12px;border-radius:50px;border:1px solid #555;gap:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);cursor:move;height:50px}.mini-icon{font-family:serif;background:var(--mw-accent);color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-weight:700;font-size:16px;user-select:none}.mini-bpm-group{display:flex;align-items:center;gap:8px;background:#333;padding:4px 8px;border-radius:20px}.mini-bpm-val{color:#fff;font-weight:700;font-size:18px;min-width:35px;text-align:center}.mini-adj-btn{background:0 0;border:none;color:#aaa;font-size:18px;cursor:pointer;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.mini-adj-btn:hover{color:#fff}.mini-play-btn{width:34px;height:34px;border-radius:50%;border:none;background:#1a9c1e;color:#fff;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.3)}.mini-play-btn.playing{background:#c92a2a}.mini-restore-btn{background:0 0;border:1px solid #555;color:#fff;width:30px;height:30px;border-radius:5px;cursor:pointer;font-size:16px;display:flex;justify-content:center;align-items:center}.mini-restore-btn:hover{background:#444}.mini-close-btn{background:0 0;border:none;color:#d32f2f;font-weight:700;font-size:18px;cursor:pointer;margin-left:5px}.mini-close-btn:hover{transform:scale(1.2)}.hidden{display:none!important}.bpm-control-widget{position:relative}.bpm-readout-widget{cursor:pointer;transition:transform .2s;user-select:none}.bpm-readout-widget:hover{transform:scale(1.05)}.bpm-readout-widget:active{transform:scale(.95)}.bpm-slider-popup{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:220px;height:40px;background:#333;border:1px solid #555;border-radius:20px;display:none;align-items:center;padding:0 15px;box-shadow:0 5px 15px rgba(0,0,0,.5);z-index:50;margin-bottom:10px}.bpm-slider-popup.active{display:flex}.bpm-slider-popup::after{content:'';position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}.slider-track{width:100%;height:4px;background:#555;border-radius:2px;position:relative}.slider-knob{width:44px;height:44px;background:var(--mw-accent);border:2px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3)}.slider-knob:active{transform:translate(-50%,-50%) scale(1.2)}