@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-bg:#f5f3ee;--color-surface:#fbfaf6;--color-surface-raised:#fff;--color-border:#e2ded4;--color-text:#33403a;--color-text-muted:#6e7a72;--color-accent:#ecaa48;--color-accent-contrast:#33403a;--color-primary-soft:#7e9181;--color-primary-soft-bg:#dde3dc;--color-info:#a8c3ce;--color-success:#7e9181;--color-danger:#b0554a;--color-presence:#ecaa48;--color-presence-glow:none;--color-overlay:#33403a73;--radius-dot:50%;--radius-card:18px;--radius-control:12px}[data-theme=dark]{--color-bg:#2e2b40;--color-surface:#3a3652;--color-surface-raised:#4a4663;--color-border:#4a4663;--color-text:#f3ebdf;--color-text-muted:#b9b3cc;--color-accent:#ecaa48;--color-accent-contrast:#2e2b40;--color-primary-soft:#8fa98f;--color-primary-soft-bg:#3e4450;--color-info:#8fa9b8;--color-success:#8fa98f;--color-danger:#c4756b;--color-presence:#ecaa48;--color-presence-glow:0 0 14px #ecaa4873;--color-overlay:#2e2b4099}.presence-dot{border-radius:var(--radius-dot);background:var(--color-presence);width:34px;height:34px;color:var(--color-accent-contrast);box-shadow:var(--color-presence-glow);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.presence-dot-sm{width:22px;height:22px;font-size:.625rem}.presence-dot-btn{cursor:pointer;border:none;padding:0;font-family:inherit}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;transition:background-color .2s,color .2s}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:600}p{margin:0}.page-shell{background:var(--color-bg);flex-direction:column;width:100%;max-width:430px;min-height:100svh;margin:0 auto;display:flex}.page-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 16px 16px;display:flex}.theme-row{align-items:center;gap:10px;display:flex}.theme-label{color:var(--color-text-muted);font-size:.8125rem}.theme-toggle-track{background:var(--color-border);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}[data-theme=dark] .theme-toggle-track{background:var(--color-primary-soft)}.theme-toggle-knob{background:var(--color-surface-raised);pointer-events:none;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;position:absolute;top:3px;left:3px}[data-theme=dark] .theme-toggle-knob{transform:translate(18px)}.theme-value{color:var(--color-text);min-width:28px;font-size:.8125rem}.theme-auto-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:2px 9px;font-family:inherit;font-size:.75rem;transition:border-color .15s,color .15s}.theme-auto-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;gap:20px;width:100%;max-width:380px;padding:40px 32px;display:flex}.page-title{letter-spacing:-.02em;color:var(--color-text);font-size:1.375rem}.page-hint{color:var(--color-text-muted);margin-top:-8px;font-size:.875rem}.text-input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);width:100%;color:var(--color-text);outline:none;padding:10px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s}.text-input:focus{border-color:var(--color-accent)}.text-input::placeholder{color:var(--color-text-muted)}.btn-primary{border-radius:var(--radius-control);background:var(--color-accent);width:100%;color:var(--color-accent-contrast);cursor:pointer;border:none;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-google{border:1.5px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);width:100%;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.btn-google:hover{border-color:var(--color-primary-soft);box-shadow:0 0 0 3px var(--color-primary-soft-bg)}.checkbox-row{color:var(--color-text);align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.4;display:flex}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-row label{cursor:pointer}.form-field{flex-direction:column;gap:6px;display:flex}.form-field-label{color:var(--color-text);font-size:.8125rem;font-weight:500}.form-field-hint{color:var(--color-text-muted);font-size:.75rem}.text-link{color:var(--color-text);text-underline-offset:2px;text-decoration:underline}.text-link:hover{color:var(--color-accent)}.back-link{margin-bottom:16px}.form-error{color:var(--color-text-muted);font-size:.8125rem}.room-status{color:var(--color-text);font-size:1rem;font-weight:600}.presence-row{flex-wrap:wrap;gap:10px;display:flex}.btn-quiet{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;color:var(--color-primary-soft);cursor:pointer;background:0 0;padding:12px 20px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background .15s,color .15s}.btn-quiet:hover{background:var(--color-primary-soft-bg);color:var(--color-text)}.rooms-page{flex-direction:column;gap:28px;width:100%;max-width:380px;display:flex}.rooms-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rooms-heading{flex-direction:column;gap:6px;display:flex}.avatar-button{border-radius:var(--radius-dot);background:var(--color-primary-soft-bg);width:34px;height:34px;color:var(--color-primary-soft);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.avatar-button:hover{background:var(--color-border);color:var(--color-text)}.rooms-heading .page-hint{margin-top:0}.room-cards{flex-direction:column;gap:12px;display:flex}.room-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.room-card:hover{border-color:var(--color-primary-soft);background:var(--color-surface-raised)}.room-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.room-card-title{color:var(--color-text);font-size:1rem;font-weight:600}.room-card-status{color:var(--color-text-muted);font-size:.8125rem}.room-card-dots{flex-shrink:0;gap:4px;display:flex}.sheet-backdrop{background:var(--color-overlay);z-index:50;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;gap:14px;width:100%;max-width:380px;padding:24px;display:flex}.textarea{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);width:100%;min-height:88px;color:var(--color-text);resize:vertical;outline:none;padding:10px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s}.textarea:focus{border-color:var(--color-accent)}.textarea::placeholder{color:var(--color-text-muted)}.block-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.block-row:last-child{border-bottom:none}.legal-links{justify-content:center;gap:16px;font-size:.8125rem;display:flex}.bottom-nav{border-top:1px solid var(--color-border);justify-content:space-around;align-items:center;padding:8px 0;display:flex}.bottom-nav-tab{border-radius:var(--radius-control);width:44px;height:44px;color:var(--color-text-muted);justify-content:center;align-items:center;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-tab-active{color:var(--color-primary-soft)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--color-primary-soft)}.chip-active{background:var(--color-primary-soft-bg);border-color:var(--color-primary-soft);color:var(--color-text)}.badge{background:var(--color-primary-soft-bg);color:var(--color-primary-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600}.recipe-detail-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.recipe-image-placeholder{border-radius:var(--radius-control);background:var(--color-primary-soft-bg);width:100%;height:160px}.recipe-image{border-radius:var(--radius-control);object-fit:cover;width:100%;height:160px}.recipe-thumb{border-radius:var(--radius-control);object-fit:cover;flex-shrink:0;width:44px;height:44px}.recipe-section-title{color:var(--color-text);margin-bottom:8px;font-size:.9375rem;font-weight:600}.recipe-list{color:var(--color-text);flex-direction:column;gap:6px;padding-left:20px;font-size:.875rem;display:flex}.recipe-steps{gap:10px}.cooked-state{border-radius:var(--radius-control);background:var(--color-primary-soft-bg);width:100%;color:var(--color-primary-soft);text-align:center;padding:12px 20px;font-size:.9375rem;font-weight:500}