@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800&family=DM+Sans:wght@400;500;700&display=swap";:root{--color-bg:#f5ead8;--color-surface:#fbf5e9;--color-text:#2e2b25;--color-accent:#6b8f71;--color-accent-2:#c97956;--color-accent-3:#5688a3;--color-accent-4:#8c6faa;--color-divider:#2e2b2529;--color-neutral-100:#fdf9ed;--color-neutral-200:#f5ead8;--color-neutral-300:#ede3d1;--color-neutral-400:#d9cdb7;--color-neutral-500:#b8b0a4;--color-neutral-600:#8f877c;--color-neutral-700:#6f675f;--color-neutral-800:#4a443f;--color-neutral-900:#2e2b25;--color-accent-100:#f0f7f1;--color-accent-200:#d8ead9;--color-accent-300:#b4d6b6;--color-accent-400:#8ab88d;--color-accent-500:#6b8f71;--color-accent-600:#517455;--color-accent-700:#425c45;--color-accent-800:#374a3a;--color-accent-900:#2e3e31;--color-accent-2-100:#fff0eb;--color-accent-2-200:#ffe1d0;--color-accent-2-300:#ffc6a5;--color-accent-2-400:#f6a06b;--color-accent-2-500:#c97956;--color-accent-2-600:#a35f40;--color-accent-2-700:#864b33;--color-accent-2-800:#6f3e2c;--color-accent-2-900:#5b3528;--color-accent-3-100:#eaf2f6;--color-accent-3-200:#cfe3ec;--color-accent-3-300:#a8cbdc;--color-accent-3-400:#7aacc4;--color-accent-3-500:#5688a3;--color-accent-3-600:#446d84;--color-accent-3-700:#38596c;--color-accent-3-800:#2f4a59;--color-accent-3-900:#273c48;--color-accent-4-100:#f4eff8;--color-accent-4-200:#e3d6ee;--color-accent-4-300:#cbb3de;--color-accent-4-400:#ab86c7;--color-accent-4-500:#8c6faa;--color-accent-4-600:#705a89;--color-accent-4-700:#5c4a70;--color-accent-4-800:#4c3d5c;--color-accent-4-900:#3e324a;--font-heading:"Nunito", system-ui, sans-serif;--font-heading-weight:800;--font-body:"DM Sans", system-ui, sans-serif;--space-1:4.4px;--space-2:8.8px;--space-3:13.2px;--space-4:17.6px;--space-6:26.4px;--space-8:35.2px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-text) 30%, transparent) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-text) 28%, transparent);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-text) 42%, transparent)}html,body,#root{height:100%}html{overscroll-behavior-y:none}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--color-accent-800)}img{max-width:100%;display:block}button{font-family:inherit}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.washed{filter:saturate(.6)contrast(.85)brightness(1.1)opacity(.94)}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent-700);padding-inline:var(--space-1);background:0 0}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field{margin-bottom:var(--space-3);display:block}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px;padding:6px 14px;font-size:14px}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:focus-visible{border-color:var(--color-accent-600);outline-offset:0}textarea.input{resize:vertical;border-radius:var(--radius-md);min-height:90px}textarea.input.input-inline{resize:none;border:none;border-radius:0;outline:none;min-height:0;padding:0;line-height:1.55;overflow:hidden}.card{gap:var(--space-2);padding:var(--space-3);border-radius:calc(var(--radius-lg) * 1.15);background:var(--color-surface);flex-direction:column;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:10px}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{opacity:.8;flex:1;margin:0;font-size:13px}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}.tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);font-size:11px;font-family:var(--font-body);border:0;align-items:center;padding:3px 10px;display:inline-flex}.tag-accent{border:1px solid var(--color-accent-100);background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{border:1px solid var(--color-accent-2-100);background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-accent-4{border:1px solid var(--color-accent-4-100);background:var(--color-accent-4-100);color:var(--color-accent-4-800)}.tag-neutral{background:var(--color-neutral-100);border:1px solid var(--color-divider);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent-700);color:var(--color-accent-700);background:0 0}.shell{min-height:100dvh;padding-top:env(safe-area-inset-top);background:var(--color-bg);flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.app-screen{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-screen-scroll{flex:1;min-height:0;overflow-y:auto}.app-screen-header{z-index:5;position:sticky;top:0}.app-screen-content{padding:12px}.app-screen-footer{padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-divider);flex:none;gap:10px;display:flex}.app-screen-footer .btn{flex:1;min-height:40px;padding-block:8px}.band{border-radius:0 0 34px 34px;padding:28px 20px 18px}.band-accent{background:var(--color-accent-300);color:var(--color-accent-900)}.band-accent-2{background:var(--color-accent-2-300);color:var(--color-accent-2-900)}.band-neutral{background:var(--color-neutral-200);color:var(--color-neutral-900);border-bottom:1.5px dashed var(--color-neutral-400)}.band-accent-3{background:var(--color-accent-3-800);color:var(--color-accent-3-100)}.band-accent-4{background:var(--color-accent-4-300);color:var(--color-accent-4-900)}.band h2{margin:0 0 4px;font-size:31px}.back-link{cursor:pointer;color:inherit;font-family:var(--font-body);opacity:.75;background:0 0;border:0;align-items:center;gap:5px;margin-bottom:10px;padding:0;font-size:12.5px;display:flex}.back-link:hover,.back-link:active{opacity:1}.top-bar{background:var(--color-bg);justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 14px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand-house{letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600);font-size:11.5px}.avatar{width:30px;height:30px;color:var(--color-bg);border:2px solid var(--color-bg);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.avatar-sm{border:0;width:22px;height:22px;font-size:10px}.avatar-md{border:0;width:32px;height:32px;font-size:12px}.avatar-lg{border:0;width:56px;height:56px;font-size:22px}.avatar-img{object-fit:cover}.avatar-stack{display:flex}.avatar-stack .avatar+.avatar{margin-left:-9px}.home-alerts{flex-direction:column;gap:8px;margin-bottom:26px;display:flex}.home-alert{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);border:0;border-radius:18px;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:700;display:flex;box-shadow:0 2px 8px #00000014}.home-alert-icon{background:#ffffff59;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.home-alert-chevron{opacity:.55;flex:none;margin-left:auto}.home-alert-accent{background:var(--color-accent-300);color:var(--color-accent-900)}.home-alert-accent-2{background:var(--color-accent-2-300);color:var(--color-accent-2-900)}.home-alert-accent-3{background:var(--color-accent-3-300);color:var(--color-accent-3-900)}.home-alert-accent-4{background:var(--color-accent-4-300);color:var(--color-accent-4-900)}.home-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.section-card{cursor:pointer;text-align:left;font-family:var(--font-body);border:0;border-radius:30px;flex-direction:column;justify-content:space-between;min-height:146px;padding:16px 15px 15px;display:flex}.section-card-title{font-family:var(--font-heading);font-size:21px;line-height:1}.section-card-meta{opacity:.72;font-size:11.5px;line-height:1.3}.note{border-radius:4px;margin-bottom:9px;padding:12px 13px;animation:.25s both cfPop;position:relative}.note p{margin:0 0 5px;font-size:14px;line-height:1.35}.note span{opacity:.62;font-size:11px}.check-row{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);background:var(--color-surface);border:0;border-radius:999px;align-items:center;gap:11px;margin-bottom:8px;padding:11px 16px;display:flex}.check-dot{border:2px solid var(--color-neutral-400);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.check-dot.is-done{border-color:var(--color-accent);background:var(--color-accent)}.check-label{flex:1;font-size:14px}.check-label.is-done{opacity:.45;text-decoration:line-through}.check-who{color:var(--color-neutral-600);font-size:11px}.check-row-ghost{transition:opacity .15s}.check-row-ghost:not(.is-active){opacity:.5}.check-row-ghost:not(.is-active):hover{opacity:.75}.check-dot-ghost{color:var(--color-neutral-500);cursor:default;border:none}.recipe-row{text-align:left;cursor:pointer;background:var(--color-surface);width:100%;font-family:var(--font-body);border:0;border-radius:28px;align-items:center;gap:13px;margin-bottom:11px;padding:15px 16px;display:flex}.recipe-row-thumb,.recipe-row-thumb-placeholder{border-radius:50%;flex:none;width:46px;height:46px}.recipe-row-thumb{object-fit:cover}.recipe-row-thumb-placeholder{background:var(--color-accent-2-100);color:var(--color-accent-2-700);place-items:center;display:grid}.recipe-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recipe-row-title{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.recipe-row-desc{color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.recipe-row-chevron{color:color-mix(in srgb, var(--color-text) 35%, transparent);flex:none}.rule-card{text-align:left;cursor:pointer;border-radius:var(--radius-lg);background:var(--color-surface);width:100%;font-family:var(--font-body);box-shadow:0 1px 2px color-mix(in srgb, var(--color-text) 4%, transparent);border:0;align-items:flex-start;gap:13px;margin-bottom:11px;padding:14px 16px;display:flex}.rule-card-thumb,.rule-card-thumb-placeholder{border-radius:50%;flex:none;width:46px;height:46px;margin-top:1px}.rule-card-thumb{object-fit:cover}.rule-card-thumb-placeholder{background:var(--color-accent-4-100);color:var(--color-accent-4-700);place-items:center;display:grid}.rule-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rule-card-title{font-family:var(--font-heading);word-break:break-word;color:var(--color-text);font-size:16px;font-weight:600;line-height:1.3}.rule-card-status{color:var(--color-neutral-700);font-size:12px;font-weight:500;line-height:1.3}.rule-card-approval{color:var(--color-accent-2-700);font-weight:600}.rule-card-chevron{color:color-mix(in srgb, var(--color-text) 35%, transparent);flex:none;margin-top:10px}.garden-room-row{cursor:default;align-items:center}.garden-room-row-icon{background:var(--color-accent-100);width:46px;height:46px;color:var(--color-accent-700);border-radius:50%;flex:none;place-items:center;display:grid}.garden-room-row-name{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:17px;overflow:hidden}.garden-room-row-light{color:var(--color-neutral-700);align-items:center;gap:4px;font-size:12px;display:inline-flex}.plant-card-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;list-style:none;display:grid}.plant-card{border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;flex-direction:column;list-style:none;display:flex;overflow:hidden}.plant-card-photo,.plant-card-photo-placeholder{aspect-ratio:1;flex:none;width:100%}.plant-card-photo{object-fit:cover;display:block}.plant-card-photo-placeholder{place-items:center;display:grid}.plant-card-body{flex-direction:column;gap:5px;min-width:0;padding:8px 10px 10px;display:flex}.plant-card-title{font-family:var(--font-heading);text-overflow:ellipsis;font-size:14px;overflow:hidden}.plant-card-badges{flex-wrap:wrap;gap:4px;display:flex}.plant-photo-swiper,.swiper{border-radius:var(--radius-lg);overflow:hidden}.swiper-slide img{aspect-ratio:1;object-fit:cover;width:100%;display:block;height:auto!important}.recipe-hero{object-fit:cover;border-radius:var(--radius-lg);aspect-ratio:1;width:100%;margin-bottom:18px}.recipe-image-picker{border-radius:var(--radius-lg);background:var(--color-accent-2-100);width:100%;color:var(--color-accent-2-700);aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:hidden}.recipe-image-picker img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.recipe-image-picker-remove{background:var(--color-surface);position:absolute;top:8px;right:8px}.icon-picker-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.icon-picker-option{border:1px solid var(--color-divider);background:var(--color-surface);width:42px;height:42px;color:var(--color-neutral-700);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.icon-picker-option.is-selected{background:var(--color-accent-2-100);border-color:var(--color-accent-2-500);color:var(--color-accent-2-700)}.recipe-ingredients{flex-direction:column;align-items:baseline;gap:7px;margin-bottom:22px;display:flex}.recipe-step-card{gap:12px;margin-bottom:14px;display:flex}.recipe-step-badge{background:var(--color-accent-2-100);width:30px;height:30px;color:var(--color-accent-2-700);font-family:var(--font-heading);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.recipe-step-photo{border-radius:var(--radius-md);width:100%;max-width:260px;margin-top:8px}.tab-bar{margin:0 12px calc(12px + env(safe-area-inset-bottom));z-index:70;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-divider);background:#f5ead8eb;border-radius:999px;padding:8px 6px;display:flex;position:sticky;bottom:12px;left:12px;right:12px}.tab-item{cursor:pointer;font-family:var(--font-body);color:var(--color-neutral-600);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;text-decoration:none;display:flex}.tab-item.tone-accent.is-active{color:var(--color-accent-700)}.tab-item.tone-accent-2.is-active{color:var(--color-accent-2-700)}.tab-item.tone-neutral.is-active{color:var(--color-neutral-800)}.tab-item.tone-accent-4.is-active{color:var(--color-accent-4-700)}.tab-item.tone-accent-3.is-active{color:var(--color-accent-3-700)}@media (hover:hover){.tab-item:active{background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:999px}}.tab-item span{letter-spacing:.02em;font-size:9.5px}.seg-tabs{gap:6px;display:flex;overflow-x:auto}.seg-tab{cursor:pointer;font-family:var(--font-body);color:inherit;white-space:nowrap;background:0 0;border:1px solid #40231040;border-radius:999px;flex:1 0 auto;padding:7px 14px;font-size:12.5px}.seg-tab.is-active{background:var(--color-accent-900);color:var(--color-accent-100)}.toast{left:20px;right:20px;top:calc(env(safe-area-inset-top) + 14px);z-index:90;background:var(--color-neutral-900);max-width:440px;color:var(--color-neutral-100);cursor:pointer;font:inherit;border:0;border-radius:999px;align-items:center;gap:9px;width:auto;margin:0 auto;padding:12px 18px;animation:.2s both cfPopDown;display:flex;position:fixed}.toast:hover{background:var(--color-neutral-800)}.toast:active{background:var(--color-neutral-700)}.confirm-dialog-backdrop,.catalog-filter-backdrop{z-index:95;background:#201e1d73;justify-content:center;align-items:center;padding:24px;animation:.15s both cfFadeIn;display:flex;position:fixed;inset:0}.confirm-dialog,.catalog-filter-dialog{background:var(--color-surface);border-radius:24px;width:100%;max-width:320px;max-height:calc(100vh - 48px);padding:22px 20px 18px;animation:.18s both cfPop;overflow-y:auto}.confirm-dialog p{margin:0 0 18px;font-size:14.5px;line-height:1.5}.confirm-dialog-actions{gap:10px;display:flex}.confirm-dialog-actions .btn{flex:1}.image-viewer-backdrop{z-index:95;background:#141211e6;justify-content:center;align-items:center;padding:24px;animation:.15s both cfFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.image-viewer-img{border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;width:auto;max-width:100%;height:auto;max-height:100%}.image-viewer-backdrop--carousel{padding:0}.image-viewer-swiper{width:100%;height:100%}.image-viewer-swiper .swiper-slide{box-sizing:border-box;justify-content:center;align-items:center;height:100%;display:flex}.image-viewer-swiper .swiper-slide .image-viewer-img{aspect-ratio:auto;object-fit:contain;border-radius:0;width:100%;height:100%!important}.image-viewer-swiper .swiper-button-prev,.image-viewer-swiper .swiper-button-next{filter:drop-shadow(0 1px 4px #000000b3)}.image-viewer-caption{text-align:center;color:#fff;text-shadow:0 1px 3px #000000b3;pointer-events:none;z-index:96;padding:0 16px;font-size:14px;position:absolute;bottom:24px;left:0;right:0}.image-viewer-close,.image-viewer-edit,.image-viewer-delete{z-index:96;cursor:pointer;background:#00000059;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed}.image-viewer-close{top:max(16px, env(safe-area-inset-top));right:16px}.image-viewer-edit{top:max(16px, env(safe-area-inset-top));right:64px}.image-viewer-delete{top:max(16px, env(safe-area-inset-top));right:112px}.overlay{z-index:80;background:var(--color-bg);flex-direction:column;max-width:480px;margin:0 auto;animation:.28s cubic-bezier(.22,1,.36,1) both cfSlideIn;display:flex;position:fixed;inset:0}.overlay-head{background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:24px 20px 18px}.overlay-body{flex:1;min-height:0;padding:18px 20px 20px;position:relative;overflow-y:auto}.overlay.is-closing{animation:.28s cubic-bezier(.22,1,.36,1) both cfSlideOut}@keyframes cfPop{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:none}}@keyframes cfPopDown{0%{opacity:0;transform:translateY(-8px)scale(.94)}to{opacity:1;transform:none}}@keyframes cfSlideIn{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:none}}@keyframes cfSlideOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(100%)}}.center-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-card{width:100%;max-width:380px}.auth-header{text-align:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.auth-header img{width:72px;height:72px}.auth-header h3{margin:0}.auth-subtitle{color:color-mix(in srgb, var(--color-text) 55%, transparent);margin:0;font-size:14px}.auth-footer{margin-top:var(--space-4);text-align:center}.auth-divider{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-1);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-divider);flex:1;height:1px}.settings-band-body{flex:1;padding-bottom:40px;position:relative;overflow:hidden}.settings-profile-card{margin-bottom:16px}.settings-profile{color:inherit;align-items:center;gap:16px;padding:0;display:flex}.household-name-row .field{margin-bottom:0}.invite-form-card,.invite-card{background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--radius-md);flex-direction:column;gap:10px;display:flex}.invite-form-card{padding:var(--space-3);margin-bottom:14px}.invite-card{padding:12px 14px}.invite-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.invite-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.invite-card-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.invite-card-label{font-size:14.5px;font-weight:500}.invite-card-actions{align-items:center;gap:8px;display:flex}.settings-household-icon{background:var(--color-accent-200);width:56px;height:56px;color:var(--color-accent-700);border-radius:50%;flex:none;place-items:center;display:grid}.settings-profile h2{font-family:var(--font-heading);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:400;overflow:hidden}.settings-section{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);margin-bottom:14px;padding:16px}.settings-link-card{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:inherit;transition:background-color .12s;display:block}.settings-link-card:hover,.settings-link-card:active{background:var(--color-bg)}.settings-link-label{align-items:center;gap:9px;font-size:15px;font-weight:500;display:flex}.settings-section-title{font-family:var(--font-heading);color:var(--color-accent-700);align-items:center;gap:7px;margin:0 0 12px;font-size:15px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-label{color:var(--color-neutral-700);font-size:14px}.settings-value{color:var(--color-text);font-size:15px;font-weight:500}.settings-invite{align-items:center;gap:8px;display:flex}.settings-invite-url{text-overflow:ellipsis;white-space:nowrap;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--radius-sm);min-width:0;font-family:var(--font-heading);letter-spacing:.03em;color:var(--color-neutral-800);flex:1;padding:10px 12px;font-size:12.5px;display:block;overflow:hidden}.settings-link{align-items:center;gap:6px;margin-top:10px;font-size:14px;display:inline-flex;padding-inline:0!important}.settings-members{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.settings-member{align-items:center;gap:10px;display:flex}.settings-member-name{flex:1;font-size:14.5px}.settings-member-avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:flex}.settings-signout{width:100%;color:var(--color-accent-600);justify-content:center;font-weight:500}.install-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.install-steps li{color:var(--color-neutral-700);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.install-steps-index{background:var(--color-accent-200);width:20px;height:20px;color:var(--color-accent-700);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.profile-avatar-section{flex-direction:column;align-items:center;gap:8px;display:flex}.profile-avatar-row{align-items:center;gap:14px;display:flex}.profile-avatar-build-btn{background:var(--color-neutral-200);width:64px;height:64px;color:var(--color-neutral-800)}.profile-avatar-build-btn:hover{background:var(--color-neutral-300)}.profile-avatar-build-btn .avatar-img{width:100%;height:100%}.profile-avatar-build-badge{background:var(--color-accent-700);width:24px;height:24px;color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-avatar-btn{cursor:pointer;outline:1px solid var(--color-neutral-300);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:0;transition:transform .15s;display:flex;position:relative}.profile-avatar-btn:hover{transform:scale(1.03)}.profile-avatar-btn:active{transform:scale(.97)}.profile-avatar-btn:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}.profile-avatar-btn .avatar{width:100%;height:100%;font-size:38px}.profile-avatar-hint{color:var(--color-neutral-700);margin:0;font-size:12.5px}.profile-avatar-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:320px;display:grid}.profile-avatar-option{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;transition:transform .1s;display:flex}.profile-avatar-option:hover{transform:scale(1.06)}.profile-avatar-option:active{transform:scale(.94)}.profile-avatar-option .avatar{width:56px;height:56px;font-size:24px}.avatar-builder-row{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));max-width:none}.avatar-sheet-backdrop{z-index:85;background:#201e1d73;justify-content:center;align-items:flex-end;animation:.2s both cfFadeIn;display:flex;position:fixed;inset:0}.avatar-sheet{background:var(--color-bg);border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:480px;height:90dvh;animation:.28s cubic-bezier(.22,1,.36,1) both cfSheetUp;display:flex;overflow:hidden}.avatar-sheet-header{flex:none;justify-content:space-between;align-items:center;padding:16px 16px 10px 20px;display:flex}.avatar-sheet-close{background:var(--color-neutral-200);width:32px;height:32px;color:var(--color-neutral-800);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.avatar-sheet-preview{background:var(--color-neutral-200);flex:0 0 34%;justify-content:center;align-items:center;display:flex;position:relative}.avatar-sheet-preview-img{aspect-ratio:1;object-fit:cover;height:100%;max-height:40dvh}.avatar-sheet-shuffle{padding:6px 14px;font-size:12.5px;position:absolute;top:12px;right:20px}.avatar-sheet-tabs{flex:none;gap:6px;padding:14px 20px 10px;display:flex;overflow-x:auto}.avatar-sheet-tabs .seg-tab{flex:none}.avatar-sheet-tab-content{flex:1;min-height:0;padding:4px 20px 20px;overflow-y:auto}.avatar-color-row{gap:10px;padding:2px 2px 14px;display:flex;overflow-x:auto}.avatar-color-swatch{border:2px solid var(--color-divider);cursor:pointer;border-radius:50%;flex:none;width:32px;height:32px;padding:0}.avatar-color-swatch.is-active{border-color:var(--color-text)}.avatar-sheet-footer{padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-divider);flex:none}@keyframes cfSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cfFadeIn{0%{opacity:0}to{opacity:1}}.cozinha{height:100%}.cozinha .seg-tab.is-active{background:var(--color-accent-2-900);color:var(--color-accent-2-100)}.cozinha .check-dot.is-done{border-color:var(--color-accent-2);background:var(--color-accent-2)}.cozinha .btn-ghost{color:var(--color-accent-2-700)}.cozinha .btn-ghost:hover{background:color-mix(in srgb, var(--color-accent-2) 10%, transparent)}.cozinha .btn-ghost:active{background:color-mix(in srgb, var(--color-accent-2) 18%, transparent)}.cozinha .btn-primary{background:var(--color-accent-2);color:var(--color-bg)}.cozinha .btn-primary:hover{background:var(--color-accent-2-600)}.cozinha .btn-primary:active{background:var(--color-accent-2-700)}.cozinha .input{caret-color:var(--color-accent-2)}.cozinha .input:focus-visible{border-color:var(--color-accent-2-600)}.cozinha :focus-visible{outline-color:var(--color-accent-2-600)}.mural{height:100%}.mural .seg-tab.is-active{background:var(--color-accent-4-900);color:var(--color-accent-4-100)}.mural .check-dot.is-done{border-color:var(--color-accent-4);background:var(--color-accent-4)}.mural .btn-ghost{color:var(--color-accent-4-700)}.mural .btn-ghost:hover{background:color-mix(in srgb, var(--color-accent-4) 10%, transparent)}.mural .btn-ghost:active{background:color-mix(in srgb, var(--color-accent-4) 18%, transparent)}.mural .btn-primary{background:var(--color-accent-4);color:var(--color-bg)}.mural .btn-primary:hover{background:var(--color-accent-4-600)}.mural .btn-primary:active{background:var(--color-accent-4-700)}.mural .input{caret-color:var(--color-accent-4)}.mural .input:focus-visible{border-color:var(--color-accent-4-600)}.mural :focus-visible{outline-color:var(--color-accent-4-600)}.catalog-filter-dialog{flex-direction:column;max-width:360px;max-height:calc(100dvh - 48px);display:flex}.catalog-filter-dialog section{flex-direction:column;gap:8px;display:flex}.catalog-filter-chip-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.dev-preview{background:var(--color-bg);min-height:100dvh;color:var(--color-text);flex-direction:column;gap:24px;padding:24px;display:flex}.dev-preview h1{font-family:var(--font-heading);text-align:center;flex:none;font-size:28px}.dev-scenes{flex-wrap:wrap;flex:1;justify-content:center;align-items:stretch;gap:24px;min-height:0;display:flex}.dev-scene{flex-direction:column;flex:380px;max-width:480px;min-height:calc(100dvh - 120px);display:flex}.dev-scene-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600);flex:none;margin-bottom:8px;font-size:12px}.dev-scene-frame{border:1px dashed var(--color-divider);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 50%, transparent);flex:1;display:flex;overflow:hidden;transform:translateZ(0)}.dev-scene-frame .center-screen{width:100%;min-height:100%;padding:0}.dev-scene-frame .auth-card{border-radius:0;justify-content:center;width:100%;max-width:100%;min-height:100%}
