:root{--bg-dark:#0f1115;--bg-card:#ffffff08;--border:#ffffff14;--accent:#00f2fe;--accent-glow:#00f2fe33;--text-primary:#fff;--text-secondary:#8b9bb4;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% -20%, #1c2135, var(--bg-dark) 70%);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100vh;display:flex}.app-container{width:100%;height:100%;padding-top:36px;display:flex}.dev-controls-banner{z-index:1000;background-color:#121212e3;border-bottom:1px solid #32cd3259;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 16px #00000080}.dev-controls-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;padding:0 20px;transition:background-color .15s;display:flex}.dev-controls-header:hover{background-color:#ffffff0a}.dev-controls-header h2{color:#32cd32;margin:0;font-family:monospace;font-size:.8rem;font-weight:500}.dev-controls-body{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,auto);justify-content:center;align-items:start;gap:20px;padding:8px 16px 10px;display:grid}.dev-controls-category{flex-direction:column;gap:4px;display:flex}.dev-category-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0;font-family:monospace;font-size:.68rem;font-weight:600}.dev-category-items{flex-direction:column;gap:4px;display:flex}.dev-checkbox-item{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:6px;padding:3px 7px;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.dev-checkbox-item:hover{background:#ffffff12;border-color:#ffffff2e}.dev-checkbox-item input[type=checkbox]{accent-color:#32cd32;cursor:pointer;width:13px;height:13px;margin:0}.dev-checkbox-item code{color:#32cd32;background:#32cd321f;border-radius:3px;padding:0 3px;font-family:monospace;font-size:.7rem}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);background:#0f1115cc;flex-direction:column;width:240px;padding:20px;display:flex}.main-content{flex-direction:column;flex:1;padding:40px;display:flex;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px;transition:all .3s}.card:hover{border-color:#ffffff26;transform:translateY(-2px)}.glass-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.glass-btn:hover{background:#ffffff1a;border-color:#fff3}.glass-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;display:grid}h1{margin-bottom:8px;font-size:32px;font-weight:600}h3{color:var(--text-primary);font-size:16px;font-weight:500}p{color:var(--text-secondary);font-size:14px}.dev-inline-badge{color:#32cd32;z-index:2;background:#000000b0;padding:2px 8px;font-family:monospace;font-size:11px}.dev-inline-badge--corner{position:absolute;top:0;right:0}.dev-inline-badge--track{position:absolute;top:-8px;right:-16px}body.hide-dev-inline-info .dev-inline-badge{display:none!important}.agent-status-toast{z-index:1100;background:var(--accent);border:1px solid var(--accent);box-shadow:0 8px 24px #00000073, 0 0 16px var(--accent-glow);color:#0b0e14e6;pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex;position:fixed;top:48px;left:50%;transform:translate(-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:2s linear infinite spin;display:inline-block}.widget-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.widget-title-row{align-items:center;gap:8px;display:flex}.widget-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.glass-btn.glass-btn--center{justify-content:center}.status-pill{border-radius:999px;padding:2px 8px;font-family:monospace;font-size:11px}.status-pill--green{color:#4ade80;background:#4ade8033;border:1px solid #4ade8066}.status-pill--red{color:#f87171;background:#ef444433;border:1px solid #ef444459}.status-pill--yellow{color:#fde047;background:#facc1533;border:1px solid #facc1566}.lock-unlock-icon{filter:drop-shadow(0 0 8px #f8717199)}.lock-status-text{margin-top:16px;font-size:12px}.card.lights-card{transition:all .35s;position:relative}.card.lights-card--off{background:#05070b;border-color:#ffffff14;box-shadow:inset 0 0 30px #000000e6}.lights-icon{transition:all .3s}.lights-icon--on{filter:drop-shadow(0 0 8px #facc15e6)}.lights-controls{gap:12px;margin-bottom:14px;display:flex}.glass-btn.lights-btn{flex:1;justify-content:center}.glass-btn.active.lights-btn--on-active{color:#fde047;border-color:#fde047}.glass-btn.active.lights-btn--off-active{color:#f87171;border-color:#f87171}.lights-brightness-row{align-items:center;gap:10px;display:flex}.lights-brightness-label{color:var(--text-secondary);min-width:72px;font-size:12px}.lights-slider{accent-color:#fde047;cursor:pointer;flex:1}.lights-value{text-align:right;width:36px;font-family:monospace;font-size:12px}.card.media-card{grid-column:span 2;position:relative;overflow:hidden}.bento-grid>:has(>.media-card){grid-column:span 2;position:relative;overflow:hidden}.media-content{z-index:1;position:relative}.media-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.media-title-group{align-items:center;gap:10px;display:flex}.media-title-group h3{margin:0}.media-now-playing{background:#ffffff0a;border-radius:8px;align-items:center;gap:14px;margin-bottom:14px;padding:10px 12px;display:flex}.media-art{background:var(--accent-glow);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.media-track-info{flex:1}.media-now-playing-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.media-current-title{margin:2px 0;font-size:15px}.media-current-artist{color:var(--text-secondary);margin:0;font-size:12px}.media-transport-controls{gap:8px;display:flex}.glass-btn.media-transport-btn{padding:6px 10px}.media-queue{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.media-track-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:relative}.media-track-left{flex:1;align-items:flex-start;gap:10px;display:flex}.media-track-num{color:var(--text-secondary);margin-top:2px;font-family:monospace;font-size:12px}.media-track-details{flex:1}.media-track-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.media-track-title{font-size:13px;font-weight:500}.media-track-artist{color:var(--text-secondary);word-break:break-word;margin-top:2px;font-size:12px}.card.guestbook-card{flex-direction:column;grid-column:span 2;gap:16px;display:flex;position:relative;overflow:hidden}.bento-grid>:has(>.guestbook-card){flex-direction:column;grid-column:span 2;gap:16px;display:flex;position:relative;overflow:hidden}.card.guestbook-card--expanded{grid-column:1/-1}.bento-grid>:has(>.guestbook-card--expanded){grid-column:1/-1}.guestbook-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.guestbook-title-group{align-items:center;gap:10px;display:flex}.guestbook-title-group h3{margin:0}.guestbook-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:8px 4px;display:grid}.guestbook-grid--expanded{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sticky-note{color:#1e293b;background:#b6fbff;border-radius:4px 4px 14px;flex-direction:column;justify-content:space-between;min-height:155px;padding:18px 16px 14px;display:flex;position:relative;box-shadow:0 8px 20px #00000059}.sticky-note__text{word-break:break-word;color:#1e293b;margin-top:8px;margin-bottom:14px;font-family:Caveat,cursive;font-size:23px;font-weight:600;line-height:1.25}.sticky-note__footer{border-top:1px dashed #00000026;justify-content:space-between;align-items:flex-end;padding-top:8px;font-size:12px;display:flex}.sticky-note__author{color:#0f172a;font-weight:700}.sticky-note__time{color:#475569;font-size:11px}.card.weather-card{align-items:center;gap:16px;display:flex}.weather-temp{margin-bottom:4px;font-size:24px}.thermostat-value{font-size:36px;font-weight:600}.thermostat-status{text-align:center;color:var(--accent);margin-top:12px}.card.camera-card{padding:0;overflow:hidden}.camera-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:16px;display:flex}.camera-header h3{margin:0}.camera-live-badge{color:red;align-items:center;gap:4px;font-size:12px;display:flex}.camera-live-dot{background:red;border-radius:50%;width:8px;height:8px}.camera-feed{background:#000;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.camera-timestamp{color:#ffffff80;font-size:10px;position:absolute;bottom:8px;left:8px}.card.alarm-card{border-color:#f003}.alarm-title{color:#ff4b4b}.alarm-status-box{text-align:center;margin-bottom:16px}.alarm-status-text{color:var(--text-secondary);font-size:24px;font-weight:600}.glass-btn.active.alarm-btn-home{color:#ff4b4b;background:#ff4b4b1a;border-color:#ff4b4b;justify-content:center}.aqi-value-row{align-items:baseline;gap:8px;display:flex}.aqi-number{color:#4ade80;font-size:42px;font-weight:700}.aqi-label{color:var(--text-secondary);font-size:14px}.aqi-metrics{color:var(--text-secondary);justify-content:space-between;margin-top:16px;font-size:12px;display:flex}.energy-body{flex-direction:column;gap:12px;display:flex}.energy-row{justify-content:space-between;align-items:center;display:flex}.energy-row--spaced{margin-top:8px}.energy-label{font-size:14px}.energy-val-solar{color:#fbbf24;font-weight:600}.energy-val-load{color:var(--accent);font-weight:600}.energy-bar-track{background:#ffffff1a;border-radius:4px;height:6px;overflow:hidden}.energy-bar-fill-solar{background:#fbbf24;width:80%;height:100%}.energy-bar-fill-load{background:var(--accent);width:45%;height:100%}.energy-net-text{color:#4ade80;margin-top:8px;font-size:12px}