@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0;padding:0}#root{width:100%;height:100%}:root{--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#ec4899;--danger:#ef4444;--text-dark:#1e293b;--text-muted:#64748b;--bg-glass:#ffffffa6;--border-glass:#fff6;--shadow-glass:0 8px 32px 0 #1f268712;--events-container-bg:#e2e8f0e6;--events-container-border:#64748b59;--event-pill-bg:#ffffffeb;--event-pill-border:#94a3b859}body{color:var(--text-dark);background-color:#f8fafc;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}.dashboard-container{min-height:100vh;position:relative;overflow:hidden}.dashboard-bg{z-index:-1;background:radial-gradient(circle,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ec489926 0%,#0000 50%),radial-gradient(circle at 20% 80%,#38bdf826 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite alternate bg-shift;position:absolute;top:-50%;left:-50%}@keyframes bg-shift{0%{transform:translate(0)scale(1)}50%{transform:translate(-5%,5%)scale(1.05)}to{transform:translate(5%,-5%)scale(1)}}.dashboard{box-sizing:border-box;flex-direction:column;gap:14px;max-width:1600px;min-height:100vh;margin:0 auto;padding:18px 18px 92px;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(14px);z-index:50;background:#f8fafcd9;border-top:1px solid #94a3b859;justify-content:center;gap:12px;padding:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--text-dark);cursor:pointer;background:#ffffffbf;border:1px solid #94a3b899;border-radius:999px;min-width:160px;padding:12px 18px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800}.nav-btn.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));border:none;box-shadow:0 12px 26px -10px #8b5cf699}.automations-layout{flex:1;grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.automations-left,.automations-right{min-height:0}.automations-left{background:linear-gradient(#fffbf5e6,#fff7edc7);border-color:#fbbf2433}.automations-right{background:linear-gradient(#f0f9ffeb,#ecfdf5d1);border-color:#14b8a633}.automations-left h3,.automations-right h3{align-items:center;gap:8px;margin:8px 0;font-family:Outfit,sans-serif;font-size:1.05rem;display:inline-flex}.automation-section{margin-top:12px}.automation-section-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tiny-btn{cursor:pointer;background:#ffffffd9;border:1px solid #0e749040;border-radius:999px;padding:8px 12px;font-weight:800}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.zone-card{background:#ffffffbd;border:1px solid #fb923c42;border-radius:16px;padding:12px}.zone-name{font-family:Outfit,sans-serif;font-size:1rem;font-weight:800}.zone-row{justify-content:space-between;align-items:center;margin-top:8px;font-size:.95rem;display:flex}.zone-row span{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.zone-state{letter-spacing:.4px;color:#0f766e;background:#14b8a621;border-radius:999px;margin-top:8px;padding:5px 9px;font-size:.74rem;font-weight:800;display:inline-block}.focus-light-card,.kitchen-presets-card,.weather-card,.broadcast-section{background:#ffffffc7;border:1px solid #94a3b840;border-radius:16px;padding:12px}.focus-light-card{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.kitchen-presets-card{margin-top:10px}.preset-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.scene-btn{cursor:pointer;color:#fff;background:#0ea5a4;border:none;border-radius:12px;padding:10px 12px;font-weight:800}.scene-btn:disabled{opacity:.45;cursor:not-allowed}.scene-btn.warm{background:linear-gradient(135deg,#f59e0b,#ea580c)}.scene-btn.bright{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.scene-btn.low{background:linear-gradient(135deg,#64748b,#334155)}.broadcast-section{margin-top:12px}.broadcast-hold-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ea5a4,#0f766e);border:none;border-radius:14px;width:100%;padding:14px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;transition:transform .12s,box-shadow .12s}.broadcast-hold-btn:active,.broadcast-hold-btn.holding{background:linear-gradient(135deg,#ea580c,#c2410c);transform:scale(.98);box-shadow:0 0 0 4px #0f766e3d}.broadcast-status{color:var(--text-muted);margin:10px 0 0;font-size:.9rem}.weather-card{background:linear-gradient(160deg,#ffffffeb,#e0f2fee0)}.weather-location{color:#0f766e;letter-spacing:.25px;font-weight:700}.weather-current{color:#0f172a;margin-top:8px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.weather-hi-low{color:var(--text-muted);gap:12px;margin-top:8px;font-weight:700;display:flex}.automation-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px;display:grid}.toggle-tile{text-align:left;cursor:pointer;background:#ffffffa6;border:1px solid #94a3b88c;border-radius:16px;padding:12px;transition:transform .12s,background .12s}.toggle-tile:active{transform:scale(.98)}.toggle-tile.on{background:#8b5cf61f;border:1px solid #8b5cf673}.tile-title{font-size:1rem;font-weight:800}.tile-state{color:var(--text-muted);letter-spacing:.6px;margin-top:6px;font-size:.8rem;font-weight:900}.header{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.header h1{background:linear-gradient(135deg, var(--text-dark), #475569);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700}.subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.95rem}.voice-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:60px;align-items:center;gap:12px;padding:12px 18px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 25px -5px #8b5cf666}.voice-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 35px -5px #8b5cf680}.voice-btn.listening{background:linear-gradient(135deg, var(--danger), #be123c);animation:2s infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}.dashboard-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:14px;display:grid}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:22px;flex-direction:column;padding:16px;transition:transform .3s,box-shadow .3s;display:flex}.events-card .list-container{max-height:clamp(220px,32vh,360px)}.glass-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px -10px #1f26871f}.glass-card h2{color:var(--text-dark);align-items:center;gap:12px;margin:0 0 10px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600;display:flex}.icon{color:var(--primary);opacity:.8}.list-container{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.list-item{background:#ffffff80;border:1px solid #fff9;border-radius:14px;align-items:center;gap:16px;padding:10px 12px;transition:all .2s;display:flex}.list-item:hover{background:#fffc;transform:translate(5px)}.list-item p{margin:0;font-size:.95rem;font-weight:500;line-height:1.4}.dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:10px;height:10px}.grocery-dot{background:var(--secondary)}.checkbox{border:2px solid var(--primary);border-radius:6px;flex-shrink:0;width:18px;height:18px}.highlight-card{background:linear-gradient(135deg,#fffc,#fff6);border:1px solid #fffc}.meal-display{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.meal-display h3{background:linear-gradient(135deg, var(--secondary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:700;line-height:1.2}.empty-state{color:var(--text-muted);margin:0;font-style:italic}.ai-response{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:18px;flex-direction:row;align-items:center;gap:16px;margin-bottom:10px;padding:12px 16px}.icon-ai{color:var(--primary);flex-shrink:0}.ai-response p{color:#4c1d95;margin:0;font-size:1rem;font-weight:500}.loading{height:100vh;color:var(--primary);background:#f8fafc;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:2rem;display:flex}.fade-in{opacity:0;animation:.5s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.slide-in{animation:.4s cubic-bezier(.4,0,.2,1) slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.dashboard{padding:14px}.header h1{font-size:1.7rem}.dashboard-grid,.automations-layout,.zone-grid{grid-template-columns:1fr}}.event-item{background:var(--events-container-bg);border:1px solid var(--events-container-border);border-radius:14px;grid-template-columns:84px 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.event-details{background:var(--event-pill-bg);border:1px solid var(--event-pill-border);border-radius:12px;padding:8px 10px;position:relative;box-shadow:0 2px 10px #0f172a0f}.event-day-divider{color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;margin-top:10px;margin-bottom:2px;font-size:.8rem;font-weight:800}.event-time{color:var(--text-dark);opacity:.9;font-size:.9rem;font-weight:600;line-height:1.1}.event-title{font-size:.95rem;font-weight:600;line-height:1.2}.event-assignees{gap:4px;display:flex;position:absolute;bottom:0;right:0}.assignee-badge--sm{width:18px;height:18px;font-size:.7rem}.event-location{color:var(--text-muted);margin-top:2px;font-size:.85rem}.task-item{text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #fff9;border-radius:14px;grid-template-columns:28px 1fr 16px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.task-item:hover{background:#ffffffd1}.task-item.saving{opacity:.6;cursor:progress}.assignee-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:inline-flex}.task-title{font-size:.95rem;font-weight:500;line-height:1.2}.task-check{border:2px solid #64748b99;border-radius:4px;width:14px;height:14px}.task-actions{margin-top:10px}.task-add-row{grid-template-columns:1fr 110px auto auto;gap:8px;display:grid}.task-input{background:#ffffffd9;border:1px solid #94a3b8b3;border-radius:12px;padding:10px 12px;font-size:.95rem}.task-select{background:#ffffffd9;border:1px solid #94a3b8b3;border-radius:12px;padding:10px 8px;font-size:.9rem}.task-add-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 12px;font-weight:700}.task-cancel-btn{color:var(--text-dark);cursor:pointer;background:#ffffffbf;border:1px solid #94a3b8b3;border-radius:12px;padding:10px 12px;font-weight:700}.week-strip{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:10px;display:grid}.day-pill{background:#fff9;border:1px solid #fffc;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;display:flex}.day-pill-day{color:var(--text-muted);font-size:.75rem;font-weight:700}.day-pill-meal{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}