:root{--bg: #070b1a;--text: #fff;--muted: rgba(255, 255, 255, .66);--glass: rgba(255, 255, 255, .12);--glass-strong: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .22);--radius: 28px;--ok: #30d158;--warn: #ffd60a;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}input,select,button{font:inherit;color:inherit}input{user-select:text;-webkit-user-select:text}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;filter:blur(80px) saturate(140%)}.blob{position:absolute;border-radius:50%;opacity:.85;will-change:transform;animation:drift 38s ease-in-out infinite alternate}.blob.b1{width:55vw;height:55vw;left:-12vw;top:-18vw;background:#3b5bff}.blob.b2{width:45vw;height:45vw;right:-8vw;top:6vh;background:#a43cff;animation-duration:46s}.blob.b3{width:50vw;height:50vw;left:28vw;bottom:-22vw;background:#00b8a9;animation-duration:52s}.blob.b4{width:28vw;height:28vw;right:8vw;bottom:4vh;background:#ff7a45;opacity:.6;animation-duration:41s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(6vw,4vh) scale(1.12)}}@media (prefers-reduced-motion: reduce){.blob{animation:none}}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:inset 0 1px #ffffff47,0 10px 40px #00000040;padding:22px 26px;min-height:0;overflow:hidden}.label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 12px}.empty{color:var(--muted);font-size:18px;list-style:none;padding:12px 2px}.error{color:#ff9f9a;font-size:15px;margin:0}.dash{position:relative;z-index:1;height:100dvh;display:grid;gap:18px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));grid-template-columns:1fr minmax(320px,36%);grid-template-rows:auto auto 1fr;grid-template-areas:"clock waste" "clock door" "agenda lists"}.dash-clock{grid-area:clock;display:flex;align-items:center;justify-content:space-between;gap:24px}.dash-waste{grid-area:waste}.dash-door{grid-area:door}.dash-agenda{grid-area:agenda}.dash-lists{grid-area:lists;display:flex;flex-direction:column}.clock-time{font-size:clamp(80px,11vw,148px);font-weight:200;letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums}.clock-date{font-size:22px;color:var(--muted);margin-top:8px}.weather{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.weather-main{font-size:44px;font-weight:300}.weather-sub{color:var(--muted);font-size:16px}.status{display:flex;align-items:center;gap:16px;height:100%}.status-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:var(--glass-strong);flex:none}.status-title{font-size:20px;font-weight:600}.status-text{color:var(--muted);font-size:15px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{border:0;border-radius:999px;padding:10px 18px;min-height:44px;background:#ffffff1a;font-size:16px;font-weight:600;cursor:pointer}.tab[aria-selected=true]{background:#ffffffe0;color:#111}.list-panel{display:flex;flex-direction:column;flex:1;min-height:0}.list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.item{display:flex;align-items:center;gap:14px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.08);font-size:19px}.item.done .item-text{opacity:.4;text-decoration:line-through}.item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check{width:44px;height:44px;border:0;background:none;padding:0;flex:none;cursor:pointer;display:grid;place-items:center}.check:before{content:"";width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.6);grid-area:1 / 1}.check[aria-checked=true]:before{background:var(--ok);border-color:var(--ok)}.check[aria-checked=true]:after{content:"✓";grid-area:1 / 1;font-size:16px;font-weight:700}.dot{width:10px;height:10px;border-radius:50%;flex:none}.item-meta{color:var(--muted);font-size:14px;display:flex;align-items:center;gap:8px;flex:none}.icon-btn{background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;min-width:44px;min-height:44px}.add{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.field{flex:1;min-width:0;min-height:48px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:16px;padding:10px 16px;font-size:18px;outline:none}.field:focus{border-color:#ffffff8c}select.field,input[type=date].field{flex:0 1 auto}.btn{border:1px solid var(--glass-border);background:var(--glass-strong);border-radius:16px;padding:10px 18px;font-size:17px;font-weight:600;cursor:pointer;min-height:48px}.btn.primary{background:#ffffffe6;color:#111;border-color:transparent}.btn.danger{background:#ff453a4d;border-color:#ff453ab3}.btn:disabled{opacity:.4;cursor:default}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chips .btn{min-height:44px;padding:6px 14px;font-size:15px}.center{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:24px}.card{width:min(460px,100%);display:flex;flex-direction:column;gap:14px}.card h1{margin:0;font-size:30px;font-weight:600}.card p{margin:0;color:var(--muted)}.person:disabled{opacity:.5;cursor:default}.person-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.person{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border-radius:20px;border:1px solid var(--glass-border);background:#ffffff14;cursor:pointer;font-size:17px}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;flex:none}.avatar.small{width:36px;height:36px;font-size:18px}.offline{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:5;padding:10px 18px;border-radius:999px;background:#ff453ad9;font-weight:600}.settings-btn{position:fixed;right:18px;bottom:18px;z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:22px;cursor:pointer;opacity:.6}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000059;display:grid;place-items:center;padding:20px}.sheet{width:min(640px,100%);max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column;gap:22px;background:#1e223c8c}.sheet header{display:flex;align-items:center;justify-content:space-between}.sheet h2{margin:0;font-size:24px}.sheet section{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0}.swatch[aria-pressed=true]{border-color:#fff}.push-settings{display:flex;flex-direction:column;gap:10px;margin-top:8px}.push-settings p{margin:0}.field-label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.dash-agenda{display:flex;flex-direction:column}.agenda-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.agenda-head .label{margin:0}.btn.small{min-height:44px;padding:8px 16px;font-size:15px}.agenda{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column}.agenda-day{display:flex;gap:18px;align-items:flex-start;width:100%;min-height:56px;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 2px;cursor:pointer}.agenda-date{width:170px;flex:none;color:var(--muted);font-size:17px;font-weight:600;padding-top:2px}.agenda-entries{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.agenda-entries .empty{padding:0;font-size:18px}.agenda-item{display:flex;align-items:center;gap:12px;font-size:20px}.agenda-time{width:96px;flex:none;color:var(--muted);font-size:17px;font-variant-numeric:tabular-nums}.agenda-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-self:flex-start;padding:6px 14px;border-radius:999px;font-size:18px;font-weight:600}.pill.absence{background:#30d15847;border:1px solid rgba(48,209,88,.7)}@media (max-width: 820px){.agenda-day{flex-direction:column;gap:6px}.agenda-date{width:auto}}.cal-nav{display:flex;align-items:center;justify-content:space-between;font-size:19px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-wd{text-align:center;color:var(--muted);font-size:13px;font-weight:600}.cal-day{min-height:52px;border-radius:14px;border:1px solid transparent;background:#ffffff0f;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;cursor:pointer;font-size:16px}.cal-day.other{opacity:.35}.cal-day.today{border-color:#fff9}.cal-day[aria-pressed=true]{background:#ffffffe0;color:#111}.cal-dots{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;min-height:7px}.cal-dots .dot{width:7px;height:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1 / -1}.chip-toggle{border:1px solid var(--glass-border);background:#ffffff14;border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer;font-size:16px}.chip-toggle[aria-pressed=true]{background:#ffffffe0;color:#111}.toggle-row{display:flex;align-items:center;gap:10px;min-height:44px;font-size:17px}.toggle-row input{width:22px;height:22px}@media (max-width: 520px){.form-grid{grid-template-columns:1fr}}.glass.alert{background:linear-gradient(135deg,#ffd60a57,#ffd60a1a);border-color:#ffd60a99}.status-body{flex:1;min-width:0}.waste-type{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.waste-type .field{flex:1 1 160px}.glass.warn{background:linear-gradient(135deg,#ff9f0a52,#ff9f0a1a);border-color:#ff9f0a99}.status .btn{flex:none}.pinpad{width:min(360px,100%);align-items:center;text-align:center}.pin-hint{margin:0;color:var(--muted)}.pin-dots{display:flex;gap:14px;justify-content:center;margin:4px 0}.pin-dots i{width:14px;height:14px;border-radius:50%;border:2px solid #fff}.pin-dots i.f{background:#fff}.pin-pad{display:grid;grid-template-columns:repeat(3,72px);gap:14px;justify-content:center}.pin-pad button{height:72px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff24;font-size:28px;font-weight:300;cursor:pointer}.pin-pad button.pin-text{background:none;border:0;font-size:16px}.pin-pad button:disabled{opacity:.4}.door-log{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;font-size:15px}.door-log li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.night{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;border:0;padding:0;margin:0;display:grid;place-items:center;cursor:pointer;color:#ffffff4d}.night-inner{display:flex;flex-direction:column;align-items:center;gap:14px;transition:transform 2s ease}.night-time{font-size:clamp(80px,14vw,180px);font-weight:200;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.night-door{font-size:22px}.phone{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column}.phone-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.phone-body>*{flex-shrink:0}.phone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 6px 0}.phone-head .clock-time{font-size:68px}.phone-head .clock-date{font-size:17px}.phone-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.phone-head .weather-main{font-size:28px}.phone-head .weather-sub{font-size:14px}.phone-title{margin:8px 6px 0}.phone-panel{display:flex;flex-direction:column;gap:14px}.phone-panel header{display:flex;align-items:center;justify-content:space-between}.phone-panel h2:not(.label){margin:0;font-size:24px}.phone-panel section{display:flex;flex-direction:column;gap:10px}.phone-body>.phone-fill{flex:1 1 0;min-height:0}.phone .glass{padding:18px}.phone .agenda{overflow:visible}.phone .offline{bottom:calc(86px + env(safe-area-inset-bottom));white-space:nowrap;font-size:14px}.tabbar{flex:none;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#14182e8c;border-top:1px solid var(--glass-border);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.tabbar-btn{position:relative;border:0;background:none;min-height:52px;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:600;color:var(--muted)}.tabbar-icon{font-size:22px;line-height:1}.tabbar-btn[aria-selected=true]{color:var(--text);background:#ffffff24}.tabbar-badge{position:absolute;top:3px;left:calc(50% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ffffffeb;color:#111;font-size:11px;line-height:18px;text-align:center}.is-offline .add,.is-offline .check,.is-offline .item .icon-btn,.is-offline .status .btn,.is-offline .chips{pointer-events:none;opacity:.4}