:root,[data-theme=light]{--homy-mint:#7dd3c0;--homy-blue:#4a9fd8;--homy-check:#5ec4b6;--homy-coral:#f58a6f;--homy-ink:#1f5b66;--homy-ink-on-mint:#123c36;--homy-muted:#5a7d85;--homy-muted-strong:#456374;--homy-cream:#f7fafa;--homy-surface:#fff;--homy-line:#e4ddd2;--homy-line-cool:#e3eeed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--homy-mint:#7dd3c0;--homy-blue:#4a9fd8;--homy-check:#5ec4b6;--homy-coral:#f58a6f;--homy-ink:#e4f1f3;--homy-ink-on-mint:#123c36;--homy-muted:#9bb4ba;--homy-muted-strong:#b7ccd1;--homy-cream:#0f1a1c;--homy-surface:#1a272a;--homy-line:#2e3d41;--homy-line-cool:#253338;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--homy-mint:#7dd3c0;--homy-blue:#4a9fd8;--homy-check:#5ec4b6;--homy-coral:#f58a6f;--homy-ink:#e4f1f3;--homy-ink-on-mint:#123c36;--homy-muted:#9bb4ba;--homy-muted-strong:#b7ccd1;--homy-cream:#0f1a1c;--homy-surface:#1a272a;--homy-line:#2e3d41;--homy-line-cool:#253338;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--radius:14px;--gap:12px;--gutter:18px;--sans:"Cairo", system-ui, "Segoe UI", Tahoma, sans-serif;--display:"Baloo Bhaijaan 2", "Cairo", system-ui, sans-serif;--danger:#c9503c;--cta-disabled-bg:#fbe3da;--cta-disabled-fg:#8a6a5f;--warn:#e3a33c;font:16px/1.5 var(--sans);color:var(--homy-ink);background:var(--homy-cream)}[data-theme=dark]{--cta-disabled-bg:#3a2c28;--cta-disabled-fg:#c4a99a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cta-disabled-bg:#3a2c28;--cta-disabled-fg:#c4a99a}}*{box-sizing:border-box}body{background:var(--homy-cream);color:var(--homy-ink);font-family:var(--sans);margin:0}h1,h2,h3,.brand,.tonight-meal{font-family:var(--display);font-weight:800}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--homy-blue)}.app{background:var(--homy-cream);flex-direction:column;max-width:720px;min-height:100svh;margin:0 auto;display:flex}.topbar{align-items:center;gap:var(--gap);padding:14px var(--gutter);background:var(--homy-cream);border-bottom:1px solid var(--homy-line-cool);z-index:5;display:flex;position:sticky;top:0}.topbar .brand{text-align:center;color:var(--homy-ink);flex:1;font-size:18px}.topbar-spacer{flex-shrink:0;width:4.5rem}.locale-switch{border:1px solid var(--homy-line-cool);background:var(--homy-surface);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.locale-switch-opt{appearance:none;min-width:2.4rem;color:var(--homy-muted-strong);cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;transition:background .12s,color .12s}.locale-switch-opt:hover{color:var(--homy-ink)}.locale-switch-opt[aria-pressed=true]{background:var(--homy-mint);color:var(--homy-ink-on-mint);cursor:default}.locale-switch-opt:focus-visible{outline:2px solid var(--homy-blue);outline-offset:1px}.content{padding:16px var(--gutter) 96px;flex-direction:column;flex:1;gap:16px;display:flex}.card{box-shadow:none;background:0 0;border-radius:0;padding:0}.card>h2,.card>h3,.home-section>h2{font-size:16px;font-weight:700;font-family:var(--display);margin:0 0 10px}.muted{color:var(--homy-muted);font-size:14px}.row{align-items:center;gap:10px;display:flex}.row-wrap{flex-wrap:wrap;gap:8px;display:flex}.spread{justify-content:space-between}.grid2,.snapshot-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}input,select,textarea{border:1.5px solid var(--homy-line);background:var(--homy-surface);border-radius:12px;width:100%;min-height:48px;padding:9px 11px}textarea{resize:vertical;min-height:64px}input:focus,select:focus,textarea:focus,.otp-box:focus{outline:2px solid var(--homy-blue);outline-offset:2px}label.field{color:var(--homy-muted-strong);flex-direction:column;gap:4px;font-size:13px;display:flex}button{background:var(--homy-mint);color:var(--homy-ink-on-mint);cursor:pointer;border:0;border-radius:10px;padding:9px 14px;font-weight:700}button.primary{background:var(--homy-coral);color:var(--homy-ink);border-radius:14px;height:54px;padding:0 18px;font-size:16px}button.primary:disabled{background:var(--cta-disabled-bg);color:var(--cta-disabled-fg);cursor:not-allowed}button.ghost{color:var(--homy-muted-strong);background:0 0;padding:6px 8px;font-weight:600}button.danger{color:var(--homy-coral);background:0 0;padding:6px 8px}button.chip{color:var(--homy-blue);background:#4a9fd81f;border-radius:999px;padding:6px 12px;font-size:14px}button.chip[aria-pressed=true]{background:var(--homy-mint);color:var(--homy-ink-on-mint)}ul.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}ul.list>li{border-bottom:1px solid var(--homy-line);align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}ul.list.flat-list>li{min-height:54px}ul.list>li:last-child{border-bottom:0}.item-main{flex:1;min-width:0}.item-main .title{display:block}.item-done .title{color:var(--homy-muted-strong);text-decoration:line-through}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--homy-check);flex-shrink:0}.group-title{color:var(--homy-ink);align-items:center;gap:8px;margin:14px 0 4px;padding-bottom:4px;font-size:16px;font-weight:700;display:flex}.group-title:before{content:"";background:var(--homy-blue);border-radius:3px;flex-shrink:0;width:10px;height:10px}.group-title.group-dot-1:before{background:var(--homy-mint)}.group-title.group-dot-2:before{background:var(--homy-coral)}.tabs{background:var(--homy-surface);border-radius:14px;gap:4px;padding:4px;display:flex;overflow-x:auto}.tabs button,.tabs a{color:var(--homy-muted-strong);white-space:nowrap;box-shadow:none;background:0 0;border-radius:11px;min-height:40px;padding:8px 13px;font-size:14px;font-weight:600;text-decoration:none}.tabs a.active,.tabs button[aria-pressed=true]{background:var(--homy-mint);color:var(--homy-ink-on-mint)}.bottom-nav{bottom:0;max-width:720px;height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--homy-surface);border-top:1px solid var(--homy-line-cool);z-index:10;margin:0 auto;display:flex;position:fixed;inset-inline:0}.bottom-nav a,.bottom-nav button{text-align:center;color:var(--homy-muted);background:0 0;border:0;border-radius:0;flex:1;height:66px;padding:10px 4px;font-size:12px;font-weight:700;text-decoration:none}.bottom-nav a.active{color:var(--homy-coral)}.page-heading h1{margin:0;font-size:32px;line-height:1.1}.page-heading p{color:var(--homy-muted-strong);margin:4px 0 0;font-size:14px}.more-page{flex-direction:column;gap:22px;display:flex}.more-section h2{color:var(--homy-muted-strong);font:800 12px/1.2 var(--sans);letter-spacing:.08em;margin:0 0 8px}.more-list{background:var(--homy-surface);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.more-row{border:0;border-bottom:1px solid var(--homy-line);width:100%;min-height:62px;color:var(--homy-ink);text-align:start;background:0 0;border-radius:0;align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.more-row-static{cursor:default;min-height:0;padding:12px 0}.more-row-static .theme-switch{width:100%;margin-top:8px}.more-row-static .theme-switch .locale-switch-opt{flex:1}.more-row:last-child{border-bottom:0}.more-icon{width:40px;height:40px;color:var(--homy-ink);border-radius:13px;justify-content:center;align-items:center;margin-inline-start:12px;font-weight:800;display:inline-flex}.more-icon-mint{background:#5ec4b638}.more-icon-blue{background:#4a9fd82e}.more-icon-cream{background:var(--homy-cream)}.more-icon-coral{background:#f078502e}.more-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.more-row-title{font-weight:800}.more-row-hint{color:var(--homy-muted-strong);font-size:13px;font-weight:500}.more-chevron{color:var(--homy-muted);margin-inline-end:14px;font-size:22px;line-height:1}.more-row-danger{color:var(--danger)}.plans-page,.profile-page,.invite-page,.form-stack{flex-direction:column;gap:12px;display:flex}.invite-token-panel{background:color-mix(in srgb, var(--homy-mint) 18%, var(--homy-surface));border:1px solid color-mix(in srgb, var(--homy-mint) 45%, var(--homy-line));border-radius:16px;flex-direction:column;gap:10px;margin-top:4px;padding:14px;display:flex}.invite-token-panel strong{color:var(--homy-ink);font-size:15px}.invite-token-panel .invite-token-hint{color:var(--homy-muted);margin:0;font-size:13px;line-height:1.35}.invite-token-row{align-items:stretch;gap:8px;display:flex}.invite-token-value{background:var(--homy-surface);border:1px solid var(--homy-line-cool);min-width:0;color:var(--homy-ink);word-break:break-all;-webkit-user-select:all;user-select:all;cursor:text;border-radius:12px;flex:1;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.4}.invite-token-copy{flex-shrink:0;align-self:stretch;min-width:88px}.invite-qr-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.invite-qr{border:1px solid var(--homy-line-cool);background:#fff;border-radius:16px;width:220px;height:220px}.invite-scan-panel{flex-direction:column;gap:10px;display:flex}.invite-scan-video{object-fit:cover;border:1px solid var(--homy-line);background:#111;border-radius:16px;width:100%;max-height:280px}.profile-avatar-block{align-items:center;gap:16px;display:flex}.profile-avatar{width:88px;height:88px;color:var(--homy-ink);background:#5ec4b638;border-radius:50%;flex-shrink:0;place-items:center;font-size:32px;font-weight:800;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-locale-field{color:var(--homy-muted-strong);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.profile-locale-field .locale-switch{align-self:flex-start;font-weight:700}code{overflow-wrap:anywhere;color:var(--homy-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status{color:var(--homy-ink);white-space:nowrap;background:#5ec4b62e;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.status[data-state=offline]{color:var(--homy-coral);background:#f0785029}.status[data-state=pending],.status[data-state=syncing]{color:#8a5e10;background:#fbf1df}.status[data-state=pending]:before,.status[data-state=syncing]:before{content:"";background:var(--warn);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-inline-end:6px;display:inline-block}.login{min-height:100svh;padding:14px var(--gutter) 32px;flex-direction:column;gap:14px;max-width:420px;margin:0 auto;display:flex}.login-chrome{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.login-mark{width:44px;height:44px;display:block}.login h1{margin:0;font-size:27px;line-height:1.2}:lang(ar) .login h1,[dir=rtl] .login h1{font-size:28.89px;line-height:1.16}.login-sub{color:var(--homy-muted-strong);margin:0;font-size:14px}.login-form{flex-direction:column;gap:14px;display:flex}.phone-field{border:1.5px solid var(--homy-line);background:var(--homy-surface);border-radius:12px;align-items:center;gap:10px;height:54px;padding:0 14px;display:flex}.phone-field input{background:0 0;border:0;height:100%;min-height:0;padding:0}.phone-field input:focus{outline:none}.phone-field:focus-within{outline:2px solid var(--homy-blue);outline-offset:2px}.phone-prefix{color:var(--homy-muted-strong);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.phone-divider{background:var(--homy-line);flex-shrink:0;width:1px;height:22px}.otp-row{justify-content:space-between;gap:10px;display:flex}.otp-box{text-align:center;border:1.5px solid var(--homy-line);border-radius:12px;width:48px;height:56px;min-height:56px;padding:0;font-size:22px;font-weight:700}.otp-box.is-filled{border-color:var(--homy-blue)}.otp-row.is-wrong .otp-box{border-color:var(--danger)}.login-resend{min-height:28px}.login-note{color:var(--homy-muted-strong);background:#eaf6f3;border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.login-email-toggle{align-self:flex-start}.error{color:var(--danger);margin:0;font-size:14px}.stat{background:var(--homy-surface);border-radius:16px;padding:14px}.stat .value{font-size:22px;font-weight:700;font-family:var(--display);display:block}.stat .label{color:var(--homy-muted-strong);font-size:12px}.home-greeting h1{margin:0;font-size:29px;line-height:1.15}.home-meta{color:var(--homy-muted-strong);margin:4px 0 0;font-size:14px}.tonight-card{background:var(--homy-mint);color:var(--homy-ink-on-mint);border-radius:20px;padding:18px}.tonight-label{letter-spacing:.02em;font-size:13px;font-weight:700}.tonight-meal{color:var(--homy-ink-on-mint);margin:10px 0 0;font-size:24px;line-height:1.2}.tonight-slot{background:#123c361a;border-radius:10px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-block}.tonight-chip{background:var(--homy-coral);color:var(--homy-ink);border-radius:10px;height:auto;padding:8px 12px;font-size:13px;font-weight:700}.home-section{flex-direction:column;gap:10px;display:flex}.devices-page{flex-direction:column;gap:18px;display:flex}.devices-summary{color:var(--homy-muted-strong);margin:-8px 0 0;font-size:13px;font-weight:600}.devices-section h2{color:var(--homy-muted-strong);font:800 12px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.devices-list{flex-direction:column;gap:10px;display:flex}.devices-empty{background:var(--homy-surface);color:var(--homy-muted);border-radius:18px;margin:0;padding:18px 14px;font-size:14px}.device-card,.session-row{background:var(--homy-surface);border-radius:18px;padding:12px 14px}.device-card-top,.session-row{align-items:flex-start;gap:12px;display:flex}.device-card .more-icon{flex-shrink:0;margin:0}.device-card-main{flex:1;min-width:0}.device-card-title-row{align-items:center;gap:8px;display:flex}.device-card-title-row h3,.session-row h3{min-width:0;font:800 16px/1.25 var(--sans);color:var(--homy-ink);flex:1;margin:0}.device-meta{color:var(--homy-muted-strong);margin:2px 0 0;font-size:13px}.device-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.device-chip{color:var(--homy-ink);background:#5ec4b629;border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.device-chip-current{background:#4a9fd829}.device-push{border-top:1px solid var(--homy-line);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;font-size:14px;font-weight:600;display:flex}.device-push input[type=checkbox]{appearance:none;background:var(--homy-line-cool);cursor:pointer;border-radius:999px;width:44px;height:26px;transition:background .15s;position:relative}.device-push input[type=checkbox]:after{content:"";top:3px;background:var(--homy-surface);border-radius:50%;width:20px;height:20px;transition:inset-inline-start .15s;position:absolute;inset-inline-start:3px}.device-push input[type=checkbox]:checked{background:var(--homy-check)}.device-push input[type=checkbox]:checked:after{inset-inline-start:21px}.device-menu{position:relative}.icon-btn{letter-spacing:.12em;width:36px;min-height:36px;color:var(--homy-muted-strong);padding:0;font-weight:800}.device-menu-panel{top:calc(100% + 4px);z-index:4;background:var(--homy-surface);border:1px solid var(--homy-line-cool);border-radius:12px;flex-direction:column;min-width:140px;padding:6px;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 10px 28px #1f5b661f}.device-menu-panel button{width:100%;box-shadow:none;background:0 0;border:0;border-radius:8px;justify-content:flex-start;min-height:40px;padding:8px 10px;font-weight:600}.device-menu-panel button:hover{background:var(--homy-cream)}.danger-text{color:var(--danger)!important}.session-row.is-current{outline:1px solid #5ec4b673}.session-dot{background:var(--homy-line);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:7px}.session-dot.on{background:var(--homy-check);box-shadow:0 0 0 4px #5ec4b62e}.devices-signout{width:100%;min-height:48px;color:var(--danger);background:0 0;border:1px solid #c9503c47;border-radius:14px;margin-top:12px;font-weight:700}.devices-signout:disabled{opacity:.45}.devices-copy{margin:0}.devices-dialog-backdrop{z-index:40;background:#1f5b6647;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.devices-dialog{background:var(--homy-surface);border-radius:18px;flex-direction:column;gap:12px;width:min(100%,360px);padding:18px;display:flex}.devices-dialog h2{margin:0;font-size:18px}.devices-dialog input{border:1px solid var(--homy-line-cool);background:var(--homy-cream);border-radius:12px;width:100%;min-height:44px;padding:10px 12px}.devices-dialog-actions{justify-content:flex-end;gap:8px;display:flex}