:root,[data-theme=dark]{--sh-bg: #0b0d14;--sh-surface: #141820;--sh-surface-raised: #1b1f2b;--sh-surface-hover: #1e2331;--sh-glass: rgba(20,24,32,.85);--sh-glass-border: rgba(255,255,255,.06);--sh-text: #e8eaf0;--sh-text-muted: #8890a8;--sh-accent: #6c72f5;--sh-accent-soft: rgba(108,114,245,.12);--sh-accent-glow: rgba(108,114,245,.35);--sh-border: #232837;--sh-border-light: rgba(255,255,255,.04);--sh-green: #22c55e;--sh-green-soft: rgba(34,197,94,.12);--sh-green-glow: rgba(34,197,94,.35);--sh-red: #f43f5e;--sh-red-soft: rgba(244,63,94,.12);--sh-amber: #f59e0b;--sh-amber-soft: rgba(245,158,11,.12);--sh-blue: #3b82f6;--sh-cyan: #06b6d4;--sh-purple: #8b5cf6;--sh-purple-soft: rgba(139,92,246,.12);--sh-radius-sm: 10px;--sh-radius: 16px;--sh-radius-lg: 20px;--sh-shadow-sm: 0 1px 3px rgba(0,0,0,.25);--sh-shadow: 0 4px 32px rgba(0,0,0,.45);--sh-shadow-glow: 0 0 32px var(--sh-accent-glow);--sh-transition: .25s cubic-bezier(.4,0,.2,1);--sh-bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}[data-theme=light]{--sh-bg: #f0f3f8;--sh-surface: #ffffff;--sh-surface-raised: #fafbfc;--sh-surface-hover: #f4f6f9;--sh-glass: rgba(255,255,255,.8);--sh-glass-border: rgba(0,0,0,.06);--sh-text: #111827;--sh-text-muted: #6b7280;--sh-accent: #595feb;--sh-accent-soft: rgba(89,95,235,.08);--sh-accent-glow: rgba(89,95,235,.18);--sh-border: #e5e7eb;--sh-border-light: rgba(0,0,0,.04);--sh-green: #16a34a;--sh-green-soft: rgba(22,163,74,.08);--sh-green-glow: rgba(22,163,74,.2);--sh-red: #e11d48;--sh-red-soft: rgba(225,29,72,.08);--sh-amber: #d97706;--sh-amber-soft: rgba(217,119,6,.08);--sh-blue: #2563eb;--sh-cyan: #0891b2;--sh-purple: #7c3aed;--sh-purple-soft: rgba(124,58,237,.08);--sh-radius-sm: 10px;--sh-radius: 16px;--sh-radius-lg: 20px;--sh-shadow-sm: 0 1px 3px rgba(0,0,0,.06);--sh-shadow: 0 4px 24px rgba(0,0,0,.07);--sh-shadow-glow: 0 0 28px var(--sh-accent-glow);--sh-transition: .25s cubic-bezier(.4,0,.2,1);--sh-bg-noise: none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--sh-bg);color:var(--sh-text);min-height:100vh;transition:background .35s,color .35s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--sh-bg-noise);pointer-events:none;opacity:.6}.sh-viewport-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;justify-content:center;padding:2rem 1.25rem 5rem}.sh-container{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:2rem}.sh-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.sh-brand h1{font-size:1.85rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--sh-text) 30%,var(--sh-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sh-cloud-tag{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;padding:.3rem .85rem;border-radius:999px;font-size:.78rem;font-weight:500;background:var(--sh-accent-soft);color:var(--sh-green);border:1px solid var(--sh-green-glow);animation:tag-pulse 3s ease-in-out infinite}@keyframes tag-pulse{0%,to{box-shadow:0 0 0 0 var(--sh-green-glow)}50%{box-shadow:0 0 12px 2px var(--sh-green-glow)}}.sh-cloud-tag svg{font-size:.82rem}.sh-theme-toggle{width:46px;height:46px;border-radius:50%;cursor:pointer;border:1px solid var(--sh-border);background:var(--sh-surface);color:var(--sh-amber);font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:background var(--sh-transition),transform .2s,box-shadow var(--sh-transition);position:relative;overflow:hidden}.sh-theme-toggle:hover{background:var(--sh-surface-hover);transform:scale(1.08) rotate(8deg);box-shadow:0 0 20px #f59e0b4d}.sh-theme-toggle:active{transform:scale(.94)}.sh-action-bar{display:flex;justify-content:flex-end;gap:.5rem}.sh-master-toggle,.sh-sleep-toggle,.sh-kill-switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.65rem 1.5rem;border-radius:var(--sh-radius-sm);border-width:1.5px;border-style:solid;font-size:.88rem;font-weight:600;position:relative;overflow:hidden;transition:all var(--sh-transition)}.sh-master-toggle span,.sh-sleep-toggle span,.sh-kill-switch span,.sh-master-toggle svg,.sh-sleep-toggle svg,.sh-kill-switch svg{position:relative;z-index:1}.sh-master-toggle:before,.sh-sleep-toggle:before,.sh-kill-switch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s}.sh-master-toggle:hover,.sh-sleep-toggle:hover,.sh-kill-switch:hover{color:#fff;transform:translateY(-1px)}.sh-master-toggle:hover:before,.sh-sleep-toggle:hover:before,.sh-kill-switch:hover:before{opacity:1}.sh-master-toggle:active,.sh-sleep-toggle:active,.sh-kill-switch:active{transform:translateY(1px) scale(.98)}.sh-master-toggle{border-color:var(--sh-green);background:var(--sh-green-soft);color:var(--sh-green)}.sh-master-toggle:before{background:var(--sh-green)}.sh-master-toggle:hover{box-shadow:0 4px 20px var(--sh-green-glow)}.sh-master-toggle.all-on{border-color:var(--sh-amber);background:var(--sh-amber-soft);color:var(--sh-amber)}.sh-master-toggle.all-on:before{background:var(--sh-amber)}.sh-master-toggle.all-on:hover{color:#fff;box-shadow:0 4px 20px #f59e0b4d}.sh-sleep-toggle{border-color:var(--sh-purple);background:var(--sh-purple-soft);color:var(--sh-purple)}.sh-sleep-toggle:before{background:var(--sh-purple)}.sh-sleep-toggle:hover{box-shadow:0 4px 20px #8b5cf659}.sh-sleep-toggle.active{border-color:var(--sh-cyan);background:#06b6d426;color:var(--sh-cyan);animation:sleep-pulse 2s ease-in-out infinite}.sh-sleep-toggle.active:before{background:var(--sh-cyan)}.sh-sleep-toggle.active:hover{color:#fff;box-shadow:0 4px 20px #06b6d459}@keyframes sleep-pulse{0%,to{box-shadow:0 0 8px #06b6d440}50%{box-shadow:0 0 22px #06b6d473}}.sh-kill-switch{border-color:var(--sh-red);background:var(--sh-red-soft);color:var(--sh-red)}.sh-kill-switch:before{background:var(--sh-red)}.sh-kill-switch:hover{box-shadow:0 4px 20px #f43f5e4d}.sh-sleep-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--sh-purple-soft),rgba(6,182,212,.08));border:1px solid rgba(139,92,246,.25);border-radius:var(--sh-radius);padding:.85rem 1.2rem;animation:banner-in .3s ease-out}@keyframes banner-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sh-sleep-banner-icon{font-size:1.5rem;color:var(--sh-purple);flex-shrink:0;animation:banner-float 3s ease-in-out infinite}@keyframes banner-float{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-4px);opacity:.7}}.sh-sleep-banner-info{flex:1;display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;font-weight:600}.sh-sleep-banner-cycle{font-size:.75rem;font-weight:400;color:var(--sh-text-muted)}.sh-sleep-banner-cycle strong{color:var(--sh-cyan)}.sh-sleep-banner-total{font-size:.7rem;font-weight:500;color:var(--sh-amber)}.sh-sleep-cancel-btn{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.4rem .85rem;border:1px solid var(--sh-red);border-radius:var(--sh-radius-sm);background:var(--sh-red-soft);color:var(--sh-red);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--sh-transition)}.sh-sleep-cancel-btn:hover{background:var(--sh-red);color:#fff;box-shadow:0 0 14px #f43f5e66}.sh-sleep-panel{background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-radius-lg);overflow:hidden;box-shadow:var(--sh-shadow);animation:panel-in .3s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sh-sleep-panel-header{display:flex;flex-direction:column;gap:.2rem;position:relative;padding:1.2rem 1.2rem .8rem;border-bottom:1px solid var(--sh-border-light)}.sh-sleep-panel-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--sh-purple)}.sh-sleep-panel-sub{font-size:.78rem;color:var(--sh-text-muted)}.sh-sleep-close-btn{position:absolute;top:.75rem;right:.75rem;cursor:pointer;width:32px;height:32px;border-radius:8px;font-size:.85rem;border:1px solid var(--sh-border);background:var(--sh-surface-raised);color:var(--sh-text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--sh-transition)}.sh-sleep-close-btn:hover{background:var(--sh-surface-hover);color:var(--sh-text)}.sh-sleep-panel-body{display:flex;flex-direction:column;gap:1rem;padding:1.2rem}.sh-sleep-field{display:flex;flex-direction:column;gap:.4rem}.sh-sleep-field label{font-size:.78rem;font-weight:600;color:var(--sh-text-muted);text-transform:uppercase;letter-spacing:.05em}.sh-sleep-device-selector{display:flex;gap:.35rem}.sh-sleep-device-btn{flex:1;padding:.45rem .5rem;border:1px solid var(--sh-border);border-radius:var(--sh-radius-sm);background:var(--sh-surface);color:var(--sh-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;text-align:center;transition:all var(--sh-transition)}.sh-sleep-device-btn:hover{border-color:var(--sh-purple);color:var(--sh-purple)}.sh-sleep-device-btn.active{border-color:var(--sh-purple);background:var(--sh-purple-soft);color:var(--sh-purple)}.sh-sleep-input-group{display:flex;align-items:center;gap:.5rem}.sh-sleep-input-group input{width:80px;padding:.55rem .75rem;border:1.5px solid var(--sh-border);border-radius:var(--sh-radius-sm);background:var(--sh-surface);color:var(--sh-text);font-size:.95rem;font-weight:600;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:all var(--sh-transition)}.sh-sleep-input-group input::-webkit-outer-spin-button,.sh-sleep-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sh-sleep-input-group input:hover{border-color:var(--sh-text-muted)}.sh-sleep-input-group input:focus{outline:none;border-color:var(--sh-purple);box-shadow:0 0 0 3px #8b5cf633;background:var(--sh-surface-raised)}.sh-sleep-unit-toggle{padding:.35rem .65rem;border:1px solid var(--sh-border);border-radius:var(--sh-radius-sm);background:var(--sh-surface);color:var(--sh-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;min-width:38px;text-align:center;transition:all var(--sh-transition)}.sh-sleep-unit-toggle:hover{border-color:var(--sh-purple);color:var(--sh-purple);background:#8b5cf614}.sh-sleep-unit-toggle:active{transform:scale(.95)}.sh-sleep-final-group{display:flex;gap:.5rem}.sh-sleep-final-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;padding:.5rem .65rem;border:1px solid var(--sh-border);border-radius:var(--sh-radius-sm);background:var(--sh-surface);color:var(--sh-text-muted);font-size:.78rem;font-weight:600;transition:all var(--sh-transition)}.sh-sleep-final-btn:hover{border-color:var(--sh-accent);color:var(--sh-accent);background:var(--sh-accent-soft)}.sh-sleep-final-btn.active{border-color:var(--sh-purple);color:var(--sh-purple);background:var(--sh-purple-soft);box-shadow:0 0 10px #8b5cf633}.sh-sleep-start-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--sh-radius);background:linear-gradient(135deg,var(--sh-purple),var(--sh-cyan));color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:all var(--sh-transition);margin-top:.25rem}.sh-sleep-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 24px #8b5cf666}.sh-sleep-start-btn:active{transform:translateY(1px) scale(.98)}.sh-sleep-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.sh-sleep-stop-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid var(--sh-red);border-radius:var(--sh-radius);background:var(--sh-red-soft);color:var(--sh-red);font-size:.92rem;font-weight:700;cursor:pointer;transition:all var(--sh-transition);margin-top:.25rem}.sh-sleep-stop-btn:hover{background:var(--sh-red);color:#fff;box-shadow:0 4px 24px #f43f5e66}.sh-sleep-stop-btn:active{transform:translateY(1px) scale(.98)}.sh-main-grid{display:flex;flex-direction:column;gap:2.5rem}.sh-grid-section{display:flex;flex-direction:column;gap:.85rem}.sh-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 .15rem}.sh-section-head h3{font-size:.85rem;font-weight:700;color:var(--sh-text-muted);text-transform:uppercase;letter-spacing:.08em}.sh-anim-btn{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.3rem .7rem;border:1px solid var(--sh-amber);border-radius:999px;background:transparent;color:var(--sh-amber);font-size:.72rem;font-weight:600;transition:all var(--sh-transition)}.sh-anim-btn:hover{background:var(--sh-amber-soft)}.sh-anim-btn.active{background:var(--sh-amber);color:#fff;animation:anim-pulse 1s ease-in-out infinite}@keyframes anim-pulse{0%,to{opacity:1}50%{opacity:.6}}.sh-count{font-size:.76rem;font-weight:500;color:var(--sh-text-muted);background:var(--sh-surface);padding:.25rem .8rem;border-radius:999px;border:1px solid var(--sh-border)}.sh-layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem}.sh-card{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--sh-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--sh-glass-border);border-radius:var(--sh-radius);overflow:hidden;box-shadow:var(--sh-shadow-sm);transition:border var(--sh-transition),box-shadow var(--sh-transition),transform .2s,background var(--sh-transition);animation:card-enter .4s ease-out both}.sh-card:nth-child(1){animation-delay:0s}.sh-card:nth-child(2){animation-delay:.06s}.sh-card:nth-child(3){animation-delay:.12s}.sh-card:nth-child(4){animation-delay:.18s}@keyframes card-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sh-card:hover{background:var(--sh-surface-raised);border-color:var(--sh-border);box-shadow:var(--sh-shadow);transform:translateY(-3px)}.sh-card.is-active{border-color:var(--sh-accent);background:var(--sh-surface-raised);box-shadow:var(--sh-shadow-glow),var(--sh-shadow)}.sh-card.is-active:hover{box-shadow:0 0 40px var(--sh-accent-glow),var(--sh-shadow)}.sh-card-content{padding:1.15rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.sh-card-header{display:flex;align-items:center;justify-content:space-between}.sh-card-body{display:flex;align-items:center;gap:.85rem}.sh-status-dot{width:10px;height:10px;border-radius:50%;background:var(--sh-text-muted);transition:background .3s,box-shadow .3s}.sh-status-dot.online{background:var(--sh-green);box-shadow:0 0 10px var(--sh-green-glow);animation:dot-breathe 2s ease-in-out infinite}@keyframes dot-breathe{0%,to{box-shadow:0 0 6px var(--sh-green-glow)}50%{box-shadow:0 0 16px var(--sh-green-glow)}}.sh-floating-timer{position:absolute;top:.55rem;right:3.5rem;background:var(--sh-accent);color:#fff;font-size:.68rem;font-weight:700;padding:.18rem .55rem;border-radius:8px;letter-spacing:.03em;box-shadow:0 2px 10px var(--sh-accent-glow);animation:ft-in .25s ease-out,ft-glow 2s ease-in-out infinite}@keyframes ft-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ft-glow{0%,to{box-shadow:0 2px 8px var(--sh-accent-glow)}50%{box-shadow:0 2px 18px var(--sh-accent-glow)}}.sh-switch-track{width:48px;height:28px;border-radius:999px;flex-shrink:0;cursor:pointer;background:var(--sh-border);position:relative;transition:background var(--sh-transition),box-shadow var(--sh-transition)}.sh-switch-track.on{background:var(--sh-accent);box-shadow:0 0 14px var(--sh-accent-glow)}.sh-switch-track.busy{opacity:.5;pointer-events:none;animation:switch-busy .6s ease-in-out infinite}@keyframes switch-busy{0%,to{opacity:.5}50%{opacity:.8}}.sh-switch-thumb{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sh-switch-track.on .sh-switch-thumb{transform:translate(20px)}.sh-icon-box{width:48px;height:48px;border-radius:14px;flex-shrink:0;background:var(--sh-bg);display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:var(--sh-text-muted);transition:all var(--sh-transition)}.sh-card.is-active .sh-icon-box{color:var(--sh-green);background:var(--sh-accent-soft)}.sh-label-group h4{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.sh-label-group p{font-size:.75rem;color:var(--sh-text-muted);margin-top:3px;font-weight:500}.sh-card.is-active .sh-label-group p{color:var(--sh-accent)}.sh-card.light-type.is-active{border-color:var(--sh-amber);box-shadow:0 0 28px #f59e0b4d,var(--sh-shadow)}.sh-card.light-type.is-active .sh-icon-box{color:var(--sh-amber);background:var(--sh-amber-soft)}.sh-card.light-type.is-active .sh-switch-track.on{background:var(--sh-amber);box-shadow:0 0 14px #f59e0b4d}.sh-card.fan-type.is-active{border-color:var(--sh-blue);box-shadow:0 0 28px #3b82f64d,var(--sh-shadow)}.sh-card.fan-type.is-active .sh-icon-box{color:var(--sh-blue);background:#3b82f61a}.sh-card.fan-type.is-active .sh-switch-track.on{background:var(--sh-blue);box-shadow:0 0 14px #3b82f64d}.sh-card.ac-type.is-active{border-color:var(--sh-cyan);box-shadow:0 0 28px #06b6d44d,var(--sh-shadow)}.sh-card.ac-type.is-active .sh-icon-box{color:var(--sh-cyan);background:#06b6d41a}.sh-card.ac-type.is-active .sh-switch-track.on{background:var(--sh-cyan);box-shadow:0 0 14px #06b6d44d}.sh-card.motor-type.is-active{border-color:var(--sh-purple);box-shadow:0 0 28px #8b5cf64d,var(--sh-shadow)}.sh-card.motor-type.is-active .sh-icon-box{color:var(--sh-purple);background:var(--sh-purple-soft)}.sh-card.motor-type.is-active .sh-switch-track.on{background:var(--sh-purple);box-shadow:0 0 14px #8b5cf64d}.sh-card.cooler-type.is-active{border-color:var(--sh-amber);box-shadow:0 0 28px #f59e0b4d,var(--sh-shadow)}.sh-card.cooler-type.is-active .sh-icon-box{color:var(--sh-amber);background:var(--sh-amber-soft)}.sh-card.cooler-type.is-active .sh-switch-track.on{background:var(--sh-amber);box-shadow:0 0 14px #f59e0b4d}.sh-timer-progress{position:absolute;top:0;left:0;height:3px;z-index:2;background:linear-gradient(90deg,var(--sh-accent),var(--sh-cyan),var(--sh-purple));background-size:200% 100%;animation:gradient-shift 2s linear infinite;transition:width .8s linear;border-radius:0 0 2px}@keyframes gradient-shift{0%{background-position:200% 0}to{background-position:0 0}}.sh-fancy-timer-bar{display:flex;border-top:1px solid var(--sh-border-light);position:relative;z-index:1}.sh-fancy-timer-bar button{flex:1;padding:.55rem 0;border:none;border-right:1px solid var(--sh-border-light);background:transparent;color:var(--sh-text-muted);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s}.sh-fancy-timer-bar button:last-child{border-right:none}.sh-fancy-timer-bar button:hover{background:var(--sh-accent-soft);color:var(--sh-accent)}.sh-fancy-timer-bar button:active{background:var(--sh-accent);color:#fff;transform:scale(.96)}.sh-timer-hour{color:var(--sh-amber)!important;font-weight:700!important}.sh-timer-hour:hover{color:var(--sh-amber)!important;background:var(--sh-amber-soft)!important}.sh-speed-selector{padding:.5rem 0 0;border-top:1px solid var(--sh-border-light);display:flex;flex-direction:column;gap:.4rem}.sh-speed-label{font-size:.68rem;font-weight:600;color:var(--sh-text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:center}.sh-speed-buttons{display:flex;gap:.35rem;justify-content:center}.sh-speed-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--sh-border);background:var(--sh-surface);color:var(--sh-text-muted);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--sh-transition)}.sh-speed-btn:hover{background:var(--sh-accent-soft);color:var(--sh-accent);border-color:var(--sh-accent)}.sh-speed-btn.active{background:var(--sh-blue);color:#fff;border-color:var(--sh-blue);box-shadow:0 0 12px #3b82f659}.sh-speed-btn.busy{opacity:.5;pointer-events:none}.sh-speed-btn:active{transform:scale(.92)}.sh-theme-toggle:focus-visible,.sh-kill-switch:focus-visible,.sh-fancy-timer-bar button:focus-visible,.sh-speed-btn:focus-visible{outline:2px solid var(--sh-accent);outline-offset:3px;border-radius:4px}@media(min-width:1400px){.sh-container{max-width:1300px}.sh-layout-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.sh-card-content{padding:1.4rem}.sh-brand h1{font-size:2.1rem}.sh-icon-box{width:56px;height:56px;font-size:1.5rem}}@media(min-width:1024px)and (max-width:1399px){.sh-container{max-width:1100px}.sh-layout-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}}@media(min-width:600px)and (max-width:1023px){.sh-viewport-wrapper{padding:1.5rem 1rem 4rem}.sh-container{max-width:720px}.sh-layout-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem}.sh-card-content{padding:1rem}.sh-brand h1{font-size:1.55rem}.sh-icon-box{width:44px;height:44px;font-size:1.2rem}}@media(min-width:480px)and (max-width:599px){.sh-viewport-wrapper{padding:1rem .75rem 4rem}.sh-container{max-width:100%}.sh-layout-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.sh-card-content{padding:.85rem}.sh-brand h1{font-size:1.35rem}.sh-icon-box{width:40px;height:40px;font-size:1.1rem}.sh-switch-track{width:42px;height:24px}.sh-switch-thumb{width:18px;height:18px;top:3px;left:3px}.sh-switch-track.on .sh-switch-thumb{transform:translate(18px)}.sh-section-head h3{font-size:.78rem}.sh-speed-btn{width:28px;height:28px;font-size:.72rem}.sh-action-bar{flex-wrap:wrap;justify-content:center}.sh-master-toggle,.sh-sleep-toggle,.sh-kill-switch{flex:1 1 auto;min-width:0;justify-content:center}}@media(max-width:479px){.sh-viewport-wrapper{padding:.75rem .6rem 4rem}.sh-container{max-width:100%;gap:1.5rem}.sh-layout-grid{grid-template-columns:1fr;gap:.75rem}.sh-card-content{padding:.8rem}.sh-brand h1{font-size:1.2rem}.sh-icon-box{width:38px;height:38px;font-size:1.05rem;border-radius:10px}.sh-label-group h4{font-size:.85rem}.sh-switch-track{width:40px;height:22px}.sh-switch-thumb{width:16px;height:16px;top:3px;left:3px}.sh-switch-track.on .sh-switch-thumb{transform:translate(18px)}.sh-section-head h3{font-size:.72rem}.sh-fancy-timer-bar button{font-size:.68rem;padding:.5rem 0}.sh-speed-btn{width:26px;height:26px;font-size:.7rem;border-radius:6px}.sh-speed-buttons{gap:.25rem}.sh-action-bar{flex-wrap:wrap;justify-content:center;gap:.45rem}.sh-master-toggle,.sh-sleep-toggle,.sh-kill-switch{width:100%;justify-content:center;padding:.7rem 1rem}.sh-header{flex-wrap:wrap;gap:.5rem}}@media(prefers-reduced-motion:reduce){.sh-card,.sh-timer-progress,.sh-status-dot.online{animation:none}}