:root{--color-surface:#f5f5f7;--color-card:#fff;--color-ink:#1d1d1f;--color-muted:#6e6e73;--color-border:#e5e5ea;--color-blue:#3b5b92;--color-blue-soft:#e4eaf3;--color-amber:#e08e45;--color-amber-soft:#fbeadc;--color-amber-text:#9a4c10;--color-sage:#2f9e6e;--color-sage-soft:#dff3e9;--color-sage-text:#1a6b48;--color-brick:#d64545;--color-brick-soft:#fbe3e3;--color-brick-text:#a82c2c;--radius-card:22px;--radius-control:14px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-card:0 4px 14px rgba(29,29,31,.06);--touch-target-min:44px;--font-heading:var(--font-poppins),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-body:var(--font-open-sans),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--text-hdr:19px;--text-name:16px;--text-base:14px}*{box-sizing:border-box}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0}main{max-width:480px;margin:0 auto;width:100%}.card{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.btn{font-family:var(--font-heading);font-weight:600;font-size:14px;padding:11px 18px;border-radius:var(--radius-control);border:none;cursor:pointer;min-height:var(--touch-target-min);min-width:var(--touch-target-min);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--color-blue);color:#fff}.btn.secondary{background:var(--color-blue-soft);color:var(--color-blue)}.btn.destructive{background:var(--color-brick-soft);color:var(--color-brick-text)}.btn.disabled,.btn:disabled{background:hsla(240,2%,44%,.1);color:var(--color-muted);cursor:not-allowed}.btn.icon{width:var(--touch-target-min);height:var(--touch-target-min);padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-blue);color:#fff}.btn.icon.muted{background:transparent;color:var(--color-muted);font-weight:400}.qty-stepper{display:inline-flex;align-items:center;gap:var(--space-2)}.qty-stepper button{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:0;border:none;border-radius:50%;background:var(--color-blue-soft);color:var(--color-blue);font-family:var(--font-heading);font-weight:700;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-stepper button:disabled{background:hsla(240,2%,44%,.1);color:var(--color-muted);cursor:not-allowed}.qty-stepper input[type=number]{width:40px;min-width:40px;text-align:center;padding:8px 4px;-moz-appearance:textfield}.qty-stepper input[type=number]::-webkit-inner-spin-button,.qty-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:var(--radius-pill)}.badge.open{background:var(--color-sage-soft);color:var(--color-sage-text)}.badge.closed{background:hsla(240,2%,44%,.12);color:var(--color-muted)}.badge.badged{background:var(--color-amber-soft);color:var(--color-amber-text)}.badge.danger{background:var(--color-brick-soft);color:var(--color-brick-text)}.badge.neutral{background:hsla(240,2%,44%,.12);color:var(--color-muted)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.avatar{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-control);background:var(--color-blue-soft);color:var(--color-blue);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:15px;flex:none}.avatar.alt{background:var(--color-amber-soft);color:var(--color-amber-text)}.pill-tab{font-family:var(--font-heading);font-size:13px;font-weight:600;padding:8px 15px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-ink);min-height:var(--touch-target-min)}.pill-tab.active{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.store-nav-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-heading);font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius-pill);border:none;background:var(--color-blue-soft);color:var(--color-blue);text-decoration:none;min-height:var(--touch-target-min);white-space:nowrap;flex-shrink:0}.store-nav-pill:focus-visible,.store-nav-pill:hover{background:var(--color-blue);color:#fff}.section-header{display:flex;align-items:baseline;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3)}.section-header h2{font-weight:700;font-size:var(--text-hdr)}.section-header .divider{flex:1 1;border-bottom:1px solid var(--color-border)}.rule{border:none;border-bottom:1px solid var(--color-border);margin:var(--space-3) 0}label.field{display:block;font-size:13px;font-weight:600;margin-bottom:var(--space-1)}.field-help{font-size:12px;color:var(--color-muted);margin-top:4px}.thread-topic{font-weight:700;font-size:14px;color:var(--color-ink);margin-bottom:var(--space-2)}.image-picker-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.image-picker-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;font-family:var(--font-body);font-size:14px;padding:11px 13px;border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-ink)}input::placeholder,textarea::placeholder{color:var(--color-muted)}textarea{resize:vertical;min-height:72px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;min-height:var(--touch-target-min)}.checkbox-row input{width:20px;height:20px}.switch{display:inline-flex;align-items:center;gap:var(--space-2);border:none;background:none;cursor:pointer;min-height:var(--touch-target-min);padding:4px 0}.switch-track{position:relative;width:44px;height:26px;border-radius:var(--radius-pill);background:var(--color-border);transition:background .15s ease-out;flex-shrink:0}.switch[aria-checked=true] .switch-track{background:var(--color-sage)}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(29,29,31,.25);transition:transform .15s ease-out}.switch[aria-checked=true] .switch-knob{transform:translateX(18px)}.switch-label{font-family:var(--font-heading);font-weight:600;font-size:14px}.bubble{max-width:78%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4}.bubble.received{background:var(--color-surface);border-bottom-left-radius:4px}.bubble.sent{background:var(--color-blue);color:#fff;border-bottom-right-radius:4px}.conversation-list-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border:none;background:none;text-align:left;border-radius:var(--radius-control);cursor:pointer}.conversation-list-item.active,.conversation-list-item:hover{background:var(--color-blue-soft)}.conversation-list-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column}.conversation-list-item-name-row{display:flex;align-items:center;gap:var(--space-1);min-width:0}.conversation-list-item-name{font-weight:600;font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list-item-role{font-size:11px;color:var(--color-muted);flex-shrink:0}.conversation-list-item-preview{font-size:12px;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list-item-time{font-size:11px;color:var(--color-muted);flex-shrink:0}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-amber);flex-shrink:0}.composer{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.composer-text-input{width:100%}.composer-row{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.composer-row,.resident-row{display:flex;align-items:center}.resident-row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.resident-row:last-child{border-bottom:none}.resident-row .body{flex:1 1;min-width:0}.resident-row .name-line{display:flex;align-items:center;gap:6px}.resident-row .name{font-weight:600;font-size:14px}.resident-row .role{font-size:12px;color:var(--color-muted);margin-top:2px}.resident-row .actions{display:flex;flex-direction:column;gap:6px}.store-card{display:flex;gap:var(--space-3);align-items:flex-start;text-decoration:none;color:inherit}.store-card .body{flex:1 1;min-width:0}.store-card .name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-name);margin:0}.store-card .community{font-size:12px;color:var(--color-muted);margin:2px 0 8px}.store-card .listings{font-size:13px;color:var(--color-ink);opacity:.85;margin:var(--space-2) 0 0}.fav{width:var(--touch-target-min);height:var(--touch-target-min);padding:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color-blue-soft);color:var(--color-blue)}.fav.active{background:var(--color-brick-soft);color:var(--color-brick-text)}.fav svg{width:20px;height:20px}.hub-tile{gap:var(--space-3);text-decoration:none;color:inherit}.hub-tile,.hub-tile .icon-wrap{display:flex;align-items:center}.hub-tile .icon-wrap{width:56px;height:56px;border-radius:var(--radius-control);background:var(--color-blue-soft);color:var(--color-blue);justify-content:center;flex:none}.hub-tile .icon-wrap svg{width:26px;height:26px}.hub-tile .body{flex:1 1;min-width:0}.hub-tile .name-line{display:flex;align-items:center;gap:6px}.hub-tile .name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-name)}.hub-tile .subtitle{font-size:13px;color:var(--color-muted);margin-top:2px}.popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:180px;padding:var(--space-1)}.popover a,.popover button{display:flex;align-items:center;width:100%;min-height:var(--touch-target-min);padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--color-ink);text-decoration:none;background:none;border:none;border-radius:var(--radius-control);text-align:left;cursor:pointer}.popover a:hover,.popover button:hover{background:var(--color-surface)}.popover.align-left{left:0;right:auto}.popover button.destructive{color:var(--color-brick-text)}.modal-backdrop{position:fixed;inset:0;background:rgba(29,29,31,.45);display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal-dialog{display:flex;flex-direction:column;width:100%;max-width:480px;height:90vh;max-height:90vh;background:var(--color-card);border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden}@media (min-width:640px){.modal-backdrop{align-items:center;padding:var(--space-4)}.modal-dialog{height:80vh;max-height:80vh;border-radius:var(--radius-card)}}.modal-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-4)}.modal-footer{flex-shrink:0;padding:var(--space-3) var(--space-4)}.bottom-nav,.modal-footer{border-top:1px solid var(--color-border)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;overflow-x:auto;white-space:nowrap;background:var(--color-card);box-shadow:0 -2px 8px rgba(29,29,31,.06)}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex:1 0 auto;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:6px 9px;font-family:var(--font-heading);font-weight:600;font-size:11px;color:var(--color-muted);text-decoration:none}.bottom-nav a:focus-visible,.bottom-nav a:hover{color:var(--color-blue)}.cart-link,.chat-link,.my-store-link{position:relative;gap:3px}.nav-badge{position:absolute;top:0;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-amber-text);color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center;border:2px solid var(--color-card)}@media (prefers-reduced-motion:no-preference){.nav-badge{animation:nav-badge-pop .2s ease-out}}@keyframes nav-badge-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.btn-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-amber-text);color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center;border:2px solid var(--color-card)}@media (prefers-reduced-motion:no-preference){.btn-badge{animation:nav-badge-pop .2s ease-out}}.empty-state{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);text-align:center;color:var(--color-muted);font-size:13px;background:var(--color-card)}.empty-state strong{display:block;color:var(--color-ink);font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:4px}.loading-row{font-size:13px;color:var(--color-muted);padding:var(--space-3) 0}