*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg: #f5f7fa;--bg-elevated: #ffffff;--surface: #ffffff;--surface2: #f0f2f5;--surface3: #e8eaef;--border: #e2e5ea;--border-subtle: #eef0f4;--primary: #6366f1;--primary-soft: rgba(99, 102, 241, .08);--primary-medium: rgba(99, 102, 241, .15);--primary-hover: #818cf8;--primary-glow: rgba(99, 102, 241, .25);--success: #22c55e;--success-soft: rgba(34, 197, 94, .1);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .1);--text: #1a1d2e;--text-secondary: #4b5068;--text-muted: #8891a5;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--tab-bg: rgba(255,255,255,.82);--overlay: rgba(0,0,0,.3);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}[data-theme=dark]{--bg: #0c0e16;--bg-elevated: #13152000;--surface: #181b28;--surface2: #1f2335;--surface3: #282c42;--border: #2a2e42;--border-subtle: #222538;--primary: #818cf8;--primary-soft: rgba(129, 140, 248, .1);--primary-medium: rgba(129, 140, 248, .18);--primary-hover: #a5b4fc;--primary-glow: rgba(129, 140, 248, .3);--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--text: #e8ecf4;--text-secondary: #a4adc4;--text-muted: #6b7590;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 30px rgba(0,0,0,.4);--tab-bg: rgba(12,14,22,.85);--overlay: rgba(0,0,0,.6);color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:calc(68px + var(--safe-bottom))}.page{padding:1.25rem 1rem 2rem;max-width:600px;margin:0 auto;width:100%}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:var(--tab-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border-subtle);display:flex;padding-bottom:var(--safe-bottom);z-index:100;height:68px}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;color:var(--text-muted);font-size:.65rem;font-weight:500;gap:3px;transition:color .2s;-webkit-tap-highlight-color:transparent;position:relative}.tab-item.active{color:var(--primary)}.tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--primary);border-radius:0 0 2px 2px}.tab-icon{font-size:1.4rem;line-height:1}.tab-icon svg{width:22px;height:22px;stroke-width:1.8}.page-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.25rem}.page-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:-1rem;margin-bottom:1.25rem}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);transition:all .15s;flex-shrink:0}.back-btn:active{transform:scale(.92)}.back-btn svg{width:18px;height:18px}.card{background:var(--surface);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:background .3s,border-color .3s,box-shadow .3s}.card-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border-subtle)}.card-row:last-child{border-bottom:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-header h3{font-size:.9rem;font-weight:600;color:var(--text)}.sensor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.sensor-card{background:var(--surface);border-radius:var(--radius-sm);padding:.875rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.sensor-card .sensor-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;margin:0 auto .5rem}.sensor-card .sensor-icon svg{width:20px;height:20px;stroke-width:1.8}.sensor-value{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.sensor-unit{font-size:.7rem;color:var(--text-muted);font-weight:500;margin-top:1px}.sensor-label{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;font-weight:500}.stat-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface2)}.stat-badge .dot{width:6px;height:6px;border-radius:50%}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;text-align:center;font-weight:600;font-size:.75rem;transition:all .2s;-webkit-tap-highlight-color:transparent}.mode-btn svg{width:20px;height:20px;stroke-width:1.8}.mode-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px var(--primary-glow)}.mode-btn:active{transform:scale(.95)}.fan-gauge{position:relative;width:180px;height:180px;margin:0 auto}.fan-gauge svg{width:100%;height:100%}.fan-gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.fan-gauge-value .number{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--primary);line-height:1}.fan-gauge-value .unit{font-size:.8rem;color:var(--text-muted);font-weight:500}.fan-gauge-slider{width:100%;margin-top:.75rem}.speed-display{text-align:center;font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;letter-spacing:-.03em}.speed-display span{font-size:.9rem;color:var(--text-muted);font-weight:500}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface3);height:6px;border-radius:3px;outline:none;transition:background .3s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px var(--primary-glow);transition:transform .15s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.toggle-row .toggle-label{display:flex;align-items:center;gap:.5rem;font-weight:500}.toggle-row .toggle-label svg{width:18px;height:18px;color:var(--text-muted)}.toggle{width:48px;height:28px;border-radius:14px;background:var(--surface3);position:relative;cursor:pointer;transition:background .25s;flex-shrink:0}.toggle.on{background:var(--primary)}.toggle:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000026}.toggle.on:after{transform:translate(20px)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline{background:var(--danger)}.status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.status-chip.online{background:var(--success-soft);color:var(--success)}.status-chip.offline{background:var(--danger-soft);color:var(--danger)}.device-item{display:flex;align-items:center;padding:.875rem 1rem;background:var(--surface);border-radius:var(--radius-sm);margin-bottom:.5rem;cursor:pointer;transition:all .15s;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.device-item:active{transform:scale(.985);background:var(--surface2)}.device-info{flex:1;margin-left:.75rem}.device-name{font-weight:600;font-size:.95rem}.device-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.device-chevron{color:var(--text-muted);font-size:1.1rem}.device-chevron svg{width:16px;height:16px}.location-card{display:flex;align-items:center;gap:.875rem;background:var(--surface);border-radius:var(--radius);padding:1rem;margin-bottom:.625rem;cursor:pointer;transition:all .15s;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.location-card:active{transform:scale(.985);background:var(--surface2)}.location-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.location-icon svg{width:22px;height:22px;stroke-width:1.8}.location-body{flex:1;min-width:0}.location-body .loc-name{font-weight:600;font-size:.95rem}.location-body .loc-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.room-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border-radius:var(--radius-sm);padding:.875rem 1rem;margin-bottom:.5rem;cursor:pointer;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all .15s;-webkit-tap-highlight-color:transparent}.room-card:active{transform:scale(.985)}.room-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--surface2);color:var(--text-muted);flex-shrink:0}.room-icon svg{width:18px;height:18px;stroke-width:1.8}.room-body{flex:1}.room-name{font-weight:600;font-size:.93rem}.room-devices{font-size:.78rem;color:var(--text-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-sm);font-size:.93rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn-block{display:flex;width:100%}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:active{background:var(--surface2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--primary);padding:.5rem .75rem}.btn-sm{padding:.45rem .75rem;font-size:.82rem;border-radius:var(--radius-xs)}.btn-icon{width:40px;height:40px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.btn-icon svg{width:20px;height:20px}.fab{position:fixed;bottom:calc(80px + var(--safe-bottom));right:1.25rem;width:52px;height:52px;border-radius:16px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--primary-glow),var(--shadow-md);cursor:pointer;z-index:90;border:none;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.fab:active{transform:scale(.9)}.fab svg{width:24px;height:24px;stroke-width:2.2}.section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:.5rem;margin-top:1.25rem;padding-left:.125rem}input,select{width:100%;padding:.7rem .875rem;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;margin-bottom:.625rem;transition:border-color .2s,background .3s;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--primary);background:var(--surface)}input::placeholder{color:var(--text-muted)}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.input-with-icon input{padding-left:2.5rem}.auth-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg)}.auth-card{width:100%;max-width:380px;background:var(--surface);border-radius:20px;padding:2rem 1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-hover),#a78bfa)}.auth-brand{text-align:center;margin-bottom:1.75rem}.auth-brand h1{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand p{color:var(--text-muted);font-size:.9rem;margin-top:.35rem}.auth-footer{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:1rem}.auth-footer a{color:var(--primary);font-weight:600}.greeting{font-size:1.05rem;color:var(--text-secondary);font-weight:400;margin-bottom:.25rem}.greeting-name{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.hero-card{background:linear-gradient(135deg,var(--primary),#7c3aed);border-radius:var(--radius);padding:1.25rem;color:#fff;margin-bottom:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 20px var(--primary-glow)}.hero-card:after{content:"";position:absolute;top:-30%;right:-10%;width:120px;height:120px;border-radius:50%;background:#ffffff14}.hero-card .hero-label{font-size:.78rem;opacity:.8;font-weight:500;margin-bottom:.25rem}.hero-card .hero-value{font-size:2rem;font-weight:800;letter-spacing:-.03em}.hero-card .hero-unit{font-size:.85rem;opacity:.7;font-weight:500}.hero-card .hero-row{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem}.hero-card .hero-sub{font-size:.78rem;opacity:.75}.segmented{display:flex;background:var(--surface2);border-radius:var(--radius-sm);padding:3px;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.segmented button{flex:1;min-width:max-content;padding:.45rem .75rem;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.quick-controls{display:flex;gap:.5rem;margin-bottom:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.625rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:.7rem;font-weight:600;white-space:nowrap;transition:all .15s;min-width:72px}.quick-btn svg{width:20px;height:20px;stroke-width:1.8}.quick-btn:active{transform:scale(.95);background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.tandem-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--primary-medium);color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;color:var(--text-muted);text-align:center}.empty-state svg{width:48px;height:48px;stroke-width:1.2;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:.9rem;margin-bottom:.5rem}.empty-state .empty-hint{font-size:.8rem}.alert-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;margin-bottom:1rem}.alert-banner.warning{background:var(--warning-soft);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.alert-banner svg{width:20px;height:20px;flex-shrink:0}.wizard-step{text-align:center;padding:1rem 0}.wizard-step h2{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.wizard-step p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem;line-height:1.6}.wizard-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:24px;margin:0 auto 1.25rem;background:var(--primary-soft);color:var(--primary)}.wizard-icon svg{width:40px;height:40px;stroke-width:1.5}.wizard-icon.success{background:var(--success-soft);color:var(--success)}.wizard-icon.error{background:var(--danger-soft);color:var(--danger)}.wizard-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.wizard-progress .step-dot{width:8px;height:8px;border-radius:50%;background:var(--surface3);transition:all .3s}.wizard-progress .step-dot.active{background:var(--primary);width:24px;border-radius:4px}.wizard-progress .step-dot.done{background:var(--success)}.spinner{width:32px;height:32px;border:3px solid var(--surface3);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}.ble-unsupported{background:var(--warning-soft);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);padding:1rem;color:var(--warning);font-size:.85rem;text-align:center;margin-bottom:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:.75rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.card,.device-item,.location-card,.room-card,.sensor-card,.tab-bar,.mode-btn,.btn,input,select,.auth-card{transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}