:root{color-scheme:light;--ink:#112746;--muted:#748399;--blue:#2765ea;--blue-soft:#eef4ff;--line:#e7edf5;--off:#eef1f6;--paper:#fff;--page:#f7f9fd}*{box-sizing:border-box}html{height:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--page);min-width:300px}.app-shell{max-width:560px;min-height:100svh;margin:0 auto;padding-bottom:calc(92px + env(safe-area-inset-bottom));background:var(--page)}.app-header{height:75px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:3;background:rgba(247,249,253,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(218,227,241,.75)}.app-header h1{margin:0;font-size:25px;font-weight:830;letter-spacing:-.8px;color:#102846}.app-header h1 span{color:#2473f0}.main-content{padding:17px 16px 24px}.room-view{display:grid;gap:14px}.room-view[hidden]{display:none}.device-card{background:var(--paper);border:1px solid #edf0f6;border-radius:24px;box-shadow:0 7px 26px rgba(21,52,93,.042);padding:18px}.device-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.device-icon{width:42px;height:42px;background:var(--blue-soft);color:var(--blue);border-radius:14px;display:grid;place-items:center}.icon{width:22px;height:22px;flex-shrink:0}.device-icon .icon{width:24px;height:24px}.device-title h2{font-size:19px;letter-spacing:-.4px;margin:0;font-weight:750}.power-pair,.mode-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.command{border:1px solid var(--line);font-family:inherit;font-size:16px;font-weight:750;touch-action:manipulation;cursor:pointer;min-height:52px;background:#fff;border-radius:14px;color:var(--ink);transition:transform .11s,background .11s,border-color .11s;user-select:none}.command:active,.color-choice:active{transform:scale(.965)}.command:focus-visible,.nav-tab:focus-visible,.color-choice:focus-visible{outline:3px solid #8cafec;outline-offset:2px}.power-on{background:var(--blue);color:#fff;border-color:var(--blue)}.power-off{background:var(--off);color:#43546a;border-color:var(--off)}.choice-grid{display:grid;gap:9px;grid-template-columns:repeat(5,minmax(0,1fr))}.speeds .command,.temperatures .command{font-size:15px;min-height:50px;padding:5px 0;border-radius:12px;background:#f3f6fb}.choice-grid:has(.command:nth-child(6)):not(:has(.command:nth-child(7))){grid-template-columns:repeat(3,minmax(0,1fr))}.group-label{font-size:13px;letter-spacing:.18px;color:var(--muted);font-weight:700;margin:18px 0 9px}.mode{background:var(--blue-soft);border-color:var(--blue-soft);color:#285cb5}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 7px}.color-choice{border:1px solid transparent;background:transparent;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:flex-start;font-family:inherit;font-size:12px;font-weight:700;color:#53637b;min-height:73px;padding:5px 1px;border-radius:12px;cursor:pointer}.color-swatch{width:43px;height:43px;border-radius:50%;background:var(--swatch);border:2px solid #e5e9ef;box-shadow:0 2px 6px rgba(0,0,0,.07)}.command.unconfigured,.color-choice.unconfigured{opacity:.59}.command.is-requested{outline:2px solid #70a8ff;outline-offset:1px}.color-choice.is-requested .color-swatch{outline:3px solid #70a8ff;outline-offset:2px}.wifi-message{background:#fff8e8;color:#705520;display:flex;align-items:center;gap:10px;border:1px solid #f7e8bb;border-radius:15px;padding:14px 16px;font-size:14px;line-height:1.5;margin-bottom:15px}.wifi-message .icon{width:21px;height:21px}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e9eef5;background:rgba(255,255,255,.97);box-shadow:0 -6px 24px rgba(17,39,70,.04);backdrop-filter:blur(16px)}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:14px;color:#8793a6;background:transparent;min-height:58px;font:700 12px system-ui,sans-serif;cursor:pointer}.nav-tab .icon{width:24px;height:24px}.nav-tab[aria-current=page]{background:#edf4ff;color:#2665e7}#toast{position:fixed;z-index:20;bottom:calc(91px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);pointer-events:none;opacity:0;width:max-content;max-width:min(90vw,520px);text-align:center;background:#152b45;color:#fff;padding:13px 18px;border-radius:14px;font-size:14px;line-height:1.35;box-shadow:0 9px 25px #18345b2a;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#8e3038}@media(min-width:700px){body{background:#eaf0f8}.app-shell{box-shadow:0 10px 70px rgba(27,52,80,.13)}}@media(max-width:345px){.main-content{padding:12px 11px}.device-card{padding:14px}.command{font-size:15px}.choice-grid{gap:6px}}