@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2)format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2)format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2)format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-vietnamese-700-normal-D97ShjGS.woff2)format("woff2"),url(/assets/public-sans-vietnamese-700-normal-Dq5VrXjD.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-ext-700-normal-CgolUQuG.woff2)format("woff2"),url(/assets/public-sans-latin-ext-700-normal-jWHjnMgZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-700-normal-BqJmxWdE.woff2)format("woff2"),url(/assets/public-sans-latin-700-normal-Dm-oTPSL.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.nav-bar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#123c39eb;border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;width:min(1280px,100% - 32px);margin:12px auto 0;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 32px #123c3947,0 2px 8px #0000001f}.nav-brand{color:#f6f1e8;letter-spacing:-.02em;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.15rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:#f6f1e8b3;border-radius:999px;padding:.5rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s}.nav-link:hover{color:#f6f1e8;background:#ffffff1a}.nav-link.active{color:#f6f1e8;background:#ffffff26}.nav-link-icon{justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.app-shell{gap:22px;width:min(1280px,100% - 32px);margin:0 auto;padding:28px 0 48px;display:grid}.app-shell>*{animation:.7s both rise-in}.app-shell>:nth-child(2){animation-delay:80ms}.app-shell>:nth-child(3){animation-delay:.14s}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#f6f1e8d1;align-items:center;gap:.45rem;margin-bottom:1rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.78rem;font-weight:700;display:inline-flex}.hero-panel{color:#f6f1e8;background:radial-gradient(circle at 20% 10%,#ffd7a72e,#0000 26%),linear-gradient(140deg,#123c39 0%,#175750 52%,#c86424 140%);border-radius:34px;grid-template-columns:minmax(0,1.6fr) minmax(260px,.84fr);gap:20px;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 80px #123c3947}.hero-panel:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffffff42,#0000 62%);border-radius:999px;width:240px;position:absolute;inset:auto -8% -24% auto}.hero-copy{z-index:1;position:relative}.hero-copy h1{letter-spacing:-.06em;max-width:14ch;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.94}.hero-text{color:#f6f1e8d6;max-width:60ch;margin-top:1.2rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:1.8rem;display:flex}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:1.8rem;display:flex}.primary-button,.secondary-button,.card-button{border:1px solid #0000;border-radius:999px;padding:.9rem 1.2rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .18s}.primary-button:hover,.secondary-button:hover,.card-button:hover{transform:translateY(-1px)}.primary-button{color:#103c39;background:#fff8ef;box-shadow:0 14px 26px #0e1b1b29}.secondary-button{color:#f6f1e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border-color:#ffffff2e}.secondary-button:disabled,.primary-button:disabled,.card-button:disabled{opacity:.62;box-shadow:none;transform:none}.status-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:2.35rem;padding:.45rem .85rem;font-size:.92rem;display:inline-flex}.status-pill.ok{background:#92ffdd29}.status-pill.warning{background:#ffd9942e}.status-pill.error{background:#ffabab2e}.status-pill.neutral{color:#f6f1e8e6}.stats-grid{z-index:1;align-content:end;gap:14px;display:grid;position:relative}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff21;border:1px solid #ffffff29;border-radius:24px;gap:.35rem;padding:1.15rem 1.2rem;display:grid}.stat-card strong{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.95rem;line-height:1}.stat-card span{color:#f6f1e8d1}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.status-card{border:1px solid var(--line);background:var(--surface);min-height:152px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:1.25rem}.status-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.78rem;font-weight:700;display:block}.status-card strong{color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.8rem;line-height:1.08;display:block}.status-card p{color:var(--muted);margin:.85rem 0 0}.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);align-items:start;gap:22px;display:grid}.main-column,.side-column{gap:22px;display:grid}.content-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;padding:1.45rem}.side-panel{position:relative}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:1.1rem;display:flex}.section-heading.stacked{align-items:start}.section-heading .eyebrow{color:#14504a;margin-bottom:.45rem}.section-heading h2{letter-spacing:-.05em;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.45rem,2vw,2.05rem);line-height:1.02}.panel-note,.support-copy{color:var(--muted);margin:0}.highlight-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.action-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.highlight-card,.action-card{border:1px solid var(--line);border-radius:24px;padding:1.25rem;position:relative;overflow:hidden}.highlight-card{background:linear-gradient(#fff9,#fffcf6eb),radial-gradient(circle at 100% 0,#14504a14,#0000 35%);min-height:170px}.highlight-card h3,.action-card h3{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.35rem;line-height:1.06}.highlight-card p,.action-card p{color:var(--muted);margin:.8rem 0 0}.action-card{gap:.4rem;min-height:232px;display:grid}.action-card:after{content:"";aspect-ratio:1;opacity:.18;background:var(--tone-color);pointer-events:none;border-radius:999px;width:150px;position:absolute;inset:auto -34px -50px auto}.tone-lagoon{--tone-color:#0e7c6b;background:linear-gradient(#0e7c6b1f,#fffdf8f5)}.tone-sunrise{--tone-color:#d96c1d;background:linear-gradient(#d96c1d1f,#fffdf8f5)}.tone-ember{--tone-color:#b4472a;background:linear-gradient(#b4472a1f,#fffdf8f5)}.tone-slate{--tone-color:#37566b;background:linear-gradient(#37566b1f,#fffdf8f5)}.tone-success{background:#0e7c6b14;border-color:#0e7c6b2e}.tone-error{background:#b4472a14;border-color:#b4472a2e}.tone-info{background:#37566b14;border-color:#37566b2e}.card-label{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:#16212ab3;background:#ffffff94;border-radius:999px;width:fit-content;padding:.35rem .7rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.74rem;font-weight:700;display:inline-flex;position:relative}.card-button{z-index:1;color:#fffdf9;background:#101827eb;width:fit-content;margin-top:auto;position:relative}.settings-form{gap:14px;display:grid}.settings-form label{color:var(--text);gap:8px;font-weight:700;display:grid}.settings-form input{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#ffffffd9;border-radius:18px;outline:none;padding:.92rem 1rem;transition:border-color .18s,box-shadow .18s,transform .18s}.settings-form input:focus{border-color:#14504a73;transform:translateY(-1px);box-shadow:0 0 0 4px #14504a1a}.form-actions{flex-wrap:wrap;gap:12px;margin-top:.35rem;display:flex}.entity-list,.feed-list{margin:0;padding:0;list-style:none}.entity-list{gap:10px;display:grid}.entity-list li{word-break:break-word;background:#14504a0f;border:1px solid #14504a1f;border-radius:18px;padding:.8rem .95rem;font-family:Space Grotesk,Segoe UI,sans-serif}.feed-list{gap:12px;display:grid}.feed-item{border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:start;gap:16px;padding:.95rem 1rem;display:flex}.feed-item strong{margin-bottom:.3rem;display:block}.feed-item p{color:var(--muted);margin:0}.feed-item time{color:var(--muted);white-space:nowrap;font-size:.88rem}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.hero-panel,.workspace-grid{grid-template-columns:1fr}.status-grid,.action-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-container{gap:22px;display:grid}.settings-panel{max-width:620px}.section-eyebrow{color:#14504a}.settings-message{font-size:.94rem;line-height:1.5}.settings-message.msg-success{color:#0a6b5a}.settings-message.msg-error{color:#b4472a}.dark-secondary{color:var(--text);border-color:var(--line-strong);-webkit-backdrop-filter:none;backdrop-filter:none;background:#10182714}.dark-secondary:hover{background:#10182724}.settings-link{justify-content:center;align-items:center;width:100%;text-decoration:none;display:inline-flex}.rooms-header-panel{padding-bottom:1.2rem}.rooms-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.rooms-header .eyebrow{margin-bottom:.45rem}.rooms-header h2{letter-spacing:-.05em;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.45rem,2vw,2.05rem);line-height:1.02}.room-select{appearance:none;border:1px solid var(--line-strong);min-width:200px;font:inherit;color:var(--text);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d6771' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 1rem center no-repeat,#ffffffd9;border-radius:18px;outline:none;padding:.8rem 2.4rem .8rem 1.1rem;font-weight:600;transition:border-color .18s,box-shadow .18s}.room-select:focus{border-color:#14504a73;box-shadow:0 0 0 4px #14504a1a}.rooms-empty{text-align:center;padding:3rem 2rem}.rooms-empty h2{letter-spacing:-.04em;margin:.5rem 0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.6rem}.room-section{gap:14px;display:grid}.room-section-heading{letter-spacing:-.02em;color:var(--text);margin:0;padding:0 4px;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.15rem;font-weight:700}.lights-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.lights-loading{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:1.05rem}.light-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.light-card.light-on{background:linear-gradient(#0e7c6b1a,#fffcf6f5);border-color:#0e7c6b4d}.light-toggle-area{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:1.6rem 1.2rem 1.3rem;transition:transform .18s;display:flex}.light-toggle-area:hover:not(:disabled){transform:translateY(-1px)}.light-toggle-area:disabled{opacity:.5;cursor:not-allowed}.light-card.light-on .light-icon{color:#d96c1d;background:#d96c1d1f}.light-card.light-off .light-icon{color:var(--muted)}.light-icon{background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;transition:color .2s,background .2s;display:flex}.light-name{text-align:center;color:var(--text);font-size:.92rem;font-weight:700;line-height:1.2}.light-state{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.82rem;font-weight:600}.light-card.light-on .light-state{color:#0a6b5a}.light-menu-btn{z-index:2;width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .18s,color .18s;display:flex;position:absolute;top:8px;right:8px}.light-menu-btn:hover,.light-menu-btn.active{color:var(--text);background:#0000000f}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1018207a;justify-content:center;align-items:center;padding:24px;animation:.18s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:28px;gap:1.1rem;width:min(400px,100%);max-height:calc(100vh - 48px);padding:1.5rem;animation:.24s modal-rise;display:grid;overflow-y:auto;box-shadow:0 32px 80px #10182047,0 12px 32px #10182024}@keyframes modal-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.modal-title{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.3rem;line-height:1.1}.modal-subtitle{color:var(--muted);font-size:.88rem}.modal-close-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#0000000d;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.modal-close-btn:hover{color:var(--text);background:#0000001a}.modal-picker-wrapper{justify-content:center;display:flex}.modal-picker-wrapper .react-colorful{border-radius:16px;width:100%;height:200px}.modal-picker-wrapper .react-colorful__saturation{border-radius:14px 14px 0 0}.modal-picker-wrapper .react-colorful__hue{border-radius:0 0 14px 14px;height:18px}.modal-picker-wrapper .react-colorful__pointer{border:3px solid #fff;width:22px;height:22px;box-shadow:0 2px 6px #00000040}.modal-presets{gap:8px;display:grid}.modal-presets-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.78rem;font-weight:700}.modal-presets-grid{flex-wrap:wrap;gap:10px;display:flex}.color-swatch{cursor:pointer;border:2px solid #00000014;border-radius:999px;width:32px;height:32px;transition:transform .14s,box-shadow .14s}.color-swatch:hover:not(:disabled){transform:scale(1.15)}.color-swatch.selected{border-color:#0e7c6b66;box-shadow:0 0 0 3px #0e7c6b80}.color-swatch:disabled{opacity:.5;cursor:not-allowed}.modal-current-row{align-items:center;gap:10px;display:flex}.modal-current-swatch{border:1px solid var(--line-strong);border-radius:10px;flex-shrink:0;width:28px;height:28px}.modal-hex-value{background:#1018270f;border-radius:8px;padding:.25rem .55rem;font-family:Space Grotesk,Consolas,monospace;font-size:.92rem}.modal-actions{justify-content:end;gap:10px;display:flex}.modal-actions .primary-button,.modal-actions .secondary-button{padding:.7rem 1.1rem;font-size:.92rem}.modal-actions .primary-button{color:#f6f1e8;background:#123c39f0}@media (width<=780px){.nav-bar{width:min(100%,100% - 20px);margin-top:8px;padding:10px 16px}.app-shell{gap:16px;width:min(100%,100% - 20px);padding-top:14px}.hero-panel,.content-panel,.status-card{border-radius:24px}.status-grid,.highlight-grid,.action-grid,.action-grid.compact{grid-template-columns:1fr}.hero-text{font-size:.98rem}.hero-actions,.form-actions{flex-direction:column}.primary-button,.secondary-button,.card-button{text-align:center;justify-content:center;width:100%}.feed-item{flex-direction:column}.rooms-header{flex-direction:column;align-items:stretch}.room-select{min-width:unset;width:100%}.lights-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.modal-panel{border-radius:22px;padding:1.2rem}.modal-actions{flex-direction:column}.modal-actions .primary-button,.modal-actions .secondary-button{text-align:center;justify-content:center;width:100%}.settings-panel{max-width:unset}}:root{color:#16212a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#fffcf6b8;--surface:#fffcf6c7;--surface-strong:#ffffffe6;--text:#16212a;--muted:#5d6771;--line:#16212a1f;--line-strong:#16212a33;--shadow:0 20px 55px #14222c1f, 0 8px 24px #14222c14;background:radial-gradient(circle at 0 0,#0e7c6b2e,#0000 28%),radial-gradient(circle at 82% 10%,#d96c1d2e,#0000 22%),linear-gradient(#f6f1e8 0%,#eef3ef 54%,#f4efe8 100%);font-family:Public Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 85%);mask-image:linear-gradient(#0009,#0000 85%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}code{background:#1018270f;border-radius:.6rem;padding:.15rem .45rem;font-family:Space Grotesk,Consolas,monospace;font-size:.94rem}#root{min-height:100vh}