:root,[data-theme=dark]{--sh-bg: #0b0d14;--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");--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-glow: rgba(34, 197, 94, .35);--sh-red: #f43f5e;--sh-red-soft: rgba(244, 63, 94, .12);--sh-amber: #f59e0b;--sh-amber-glow: rgba(245, 158, 11, .3);--sh-blue: #3b82f6;--sh-cyan: #06b6d4;--sh-purple: #8b5cf6;--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)}[data-theme=light]{--sh-bg: #f0f3f8;--sh-bg-noise: none;--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-glow: rgba(22, 163, 74, .2);--sh-red: #e11d48;--sh-red-soft: rgba(225, 29, 72, .08);--sh-amber: #d97706;--sh-amber-glow: rgba(217, 119, 6, .15);--sh-blue: #2563eb;--sh-cyan: #0891b2;--sh-purple: #7c3aed;--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)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--sh-bg);color:var(--sh-text);min-height:100vh;transition:background .35s ease,color .35s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--sh-bg-noise);pointer-events:none;z-index:0;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) 100%);-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;background:var(--sh-accent-soft);border-radius:999px;font-size:.78rem;font-weight:500;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%;border:1px solid var(--sh-border);background:var(--sh-surface);color:var(--sh-amber);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--sh-transition),transform .2s ease,box-shadow var(--sh-transition);position:relative;overflow:hidden}.sh-theme-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at center,var(--sh-amber-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s}.sh-theme-toggle:hover{background:var(--sh-surface-hover);transform:scale(1.08) rotate(8deg);box-shadow:0 0 20px var(--sh-amber-glow)}.sh-theme-toggle:hover:after{opacity:1}.sh-theme-toggle:active{transform:scale(.94)}.sh-action-bar{display:flex;justify-content:flex-end;gap:.5rem}.sh-kill-switch{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border:1.5px solid var(--sh-red);background:var(--sh-red-soft);color:var(--sh-red);border-radius:var(--sh-radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--sh-transition);position:relative;overflow:hidden}.sh-kill-switch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sh-red);opacity:0;transition:opacity .2s}.sh-kill-switch:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #f43f5e4d}.sh-kill-switch:hover:before{opacity:1}.sh-kill-switch span,.sh-kill-switch svg{position:relative;z-index:1}.sh-kill-switch:active{transform:translateY(1px) scale(.98)}.sh-master-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border:1.5px solid var(--sh-green);background:var(--sh-accent-soft);color:var(--sh-green);border-radius:var(--sh-radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--sh-transition);position:relative;overflow:hidden}.sh-master-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sh-green);opacity:0;transition:opacity .2s}.sh-master-toggle:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px var(--sh-green-glow)}.sh-master-toggle:hover:before{opacity:1}.sh-master-toggle span,.sh-master-toggle svg{position:relative;z-index:1}.sh-master-toggle:active{transform:translateY(1px) scale(.98)}.sh-master-toggle.all-on{border-color:var(--sh-amber);background:#f59e0b1f;color:var(--sh-amber)}.sh-master-toggle.all-on:before{background:var(--sh-amber)}.sh-master-toggle.all-on:hover{box-shadow:0 4px 20px var(--sh-amber-glow)}.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-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;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-color var(--sh-transition),box-shadow var(--sh-transition),transform .2s cubic-bezier(.34,1.56,.64,1),background var(--sh-transition);-webkit-user-select:none;user-select:none;cursor:pointer}.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{animation:card-enter .4s ease-out both}@keyframes card-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.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}.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-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;animation:timer-pop-in .25s ease-out,timer-glow 2s ease-in-out infinite;box-shadow:0 2px 10px var(--sh-accent-glow)}@keyframes timer-pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes timer-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;background:var(--sh-border);position:relative;transition:background var(--sh-transition),box-shadow var(--sh-transition);cursor:pointer;flex-shrink:0}.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;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #00000040}.sh-switch-track.on .sh-switch-thumb{transform:translate(20px)}.sh-card-body{display:flex;align-items:center;gap:.85rem}.sh-icon-box{width:48px;height:48px;border-radius:14px;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);flex-shrink:0}.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}.is-active .sh-label-group p{color:var(--sh-accent)}.sh-timer-progress{position:absolute;top:0;left:0;height:3px;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;z-index:2;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;background:transparent;color:var(--sh-text-muted);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-right:1px solid var(--sh-border-light);letter-spacing:.01em}.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:#f59e0b1a!important}.light-type.is-active{border-color:var(--sh-amber);box-shadow:0 0 28px var(--sh-amber-glow),var(--sh-shadow)}.light-type.is-active .sh-icon-box{color:var(--sh-amber);background:#f59e0b1a}.light-type.is-active .sh-switch-track.on{background:var(--sh-amber);box-shadow:0 0 14px var(--sh-amber-glow)}.fan-type.is-active{border-color:var(--sh-blue);box-shadow:0 0 28px #3b82f64d,var(--sh-shadow)}.fan-type.is-active .sh-icon-box{color:var(--sh-blue);background:#3b82f61a}.fan-type.is-active .sh-switch-track.on{background:var(--sh-blue);box-shadow:0 0 14px #3b82f64d}.ac-type.is-active{border-color:var(--sh-cyan);box-shadow:0 0 28px #06b6d44d,var(--sh-shadow)}.ac-type.is-active .sh-icon-box{color:var(--sh-cyan);background:#06b6d41a}.ac-type.is-active .sh-switch-track.on{background:var(--sh-cyan);box-shadow:0 0 14px #06b6d44d}.motor-type.is-active{border-color:var(--sh-purple);box-shadow:0 0 28px #8b5cf64d,var(--sh-shadow)}.motor-type.is-active .sh-icon-box{color:var(--sh-purple);background:#8b5cf61a}.motor-type.is-active .sh-switch-track.on{background:var(--sh-purple);box-shadow:0 0 14px #8b5cf64d}.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;transition:all var(--sh-transition);display:flex;align-items:center;justify-content:center}.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}}@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-card-header{align-items:flex-start}.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{justify-content:center}.sh-kill-switch{width:100%;justify-content:center;padding:.75rem}.sh-header{flex-wrap:wrap;gap:.5rem}}@media(prefers-reduced-motion:reduce){.sh-card,.sh-timer-progress,.sh-status-dot.online{animation:none}}