:root{--text:#262626;--text-h:#000;--text-secondary:#8e8e8e;--bg:#fafafa;--card-bg:#fff;--border:#dbdbdb;--accent:#0095f6;--accent-bg:#0095f61a;--danger:#ed4956;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font:15px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f5f5f5;--text-h:#fff;--text-secondary:#a8a8a8;--bg:#000;--card-bg:#000;--border:#262626;--accent:#4cb5f9;--accent-bg:#4cb5f926}}*{box-sizing:border-box}body{margin:0}#root{border-inline:1px solid var(--border);max-width:480px;min-height:100svh;margin:0 auto}h1,h2,h3{color:var(--text-h);font-weight:600}button{font:inherit;cursor:pointer;color:var(--text-h);background:0 0;border:none;border-radius:8px;padding:8px 12px}input,select,textarea{font:inherit;color:inherit;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--text-secondary);outline:none}.app-shell{flex-direction:column;min-height:100svh;padding-bottom:58px;display:flex}.top-bar{z-index:10;background:var(--card-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.top-bar__logo{letter-spacing:-.3px;margin:0;font-size:22px;font-style:italic;font-weight:700}.top-bar__actions{align-items:center;gap:8px;display:flex}.top-bar__invite{border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:6px 10px;display:flex}.top-bar__invite-icon{font-size:14px}.top-bar__invite-label{color:var(--text);font-size:12px;font-weight:600}.top-bar__member{color:var(--text-secondary);padding:4px;font-size:13px}.top-bar__logout{color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:12px}.invite-page{flex-direction:column;gap:28px;padding:24px 16px;display:flex}.invite-section{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-bottom:24px;display:flex}.invite-section:last-child{border-bottom:none;padding-bottom:0}.invite-section h2{margin:0;font-size:16px}.invite-page p,.invite-section p{color:var(--text-secondary);margin:0;font-size:14px}.invite-page__url{background:var(--bg);border:1px solid var(--border);word-break:break-all;color:var(--text);border-radius:8px;padding:10px;font-size:13px}.form-error{color:var(--danger);margin:8px 16px}.bottom-nav{background:var(--card-bg);border-top:1px solid var(--border);z-index:10;width:100%;max-width:480px;height:58px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{opacity:.5;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav button.is-active{opacity:1}.bottom-nav__icon{width:24px;height:24px}.bottom-nav__label{font-size:10px;line-height:1}.cat-switcher-section{background:var(--card-bg);border-bottom:1px solid var(--border);padding-top:8px}.cat-switcher-section__label{color:var(--text-secondary);margin:0;padding:0 16px;font-size:12px;font-weight:600}.cat-switcher{gap:16px;padding:8px 16px 12px;display:flex;overflow-x:auto}.cat-switcher__item{flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:0;display:flex}.cat-switcher__avatar{background-image:linear-gradient(var(--card-bg), var(--card-bg)), linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);background-origin:border-box;background-clip:content-box,border-box;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.cat-switcher__item.is-rainbow .cat-switcher__avatar{background-image:linear-gradient(var(--card-bg), var(--card-bg)), linear-gradient(45deg, #9ca3af, #d1d5db)}.cat-switcher__avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.cat-switcher__avatar-placeholder{font-size:22px}.cat-switcher__avatar--add{background:var(--bg);border:1px dashed var(--border);color:var(--text-secondary);justify-content:center;align-items:center;display:flex;position:relative}.cat-switcher__add-icon{width:22px;height:22px}.cat-switcher__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:12px;overflow:hidden}.cat-switcher__badge{font-size:10px}.segment-tabs{border-bottom:1px solid var(--border);background:var(--card-bg);display:flex}.segment-tabs button{letter-spacing:.4px;color:var(--text-secondary);border-bottom:1px solid #0000;border-radius:0;flex:1;padding:12px;font-size:12px;font-weight:600}.segment-tabs button.is-active{color:var(--text-h);border-bottom:1px solid var(--text-h)}.app-main{flex:1}.button--primary{background:var(--accent);color:#fff;text-align:center;border-radius:8px;width:100%;padding:10px 16px;font-weight:600;display:block}.button--primary:disabled{opacity:.5}.button--danger{color:var(--danger)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;display:flex}.top-page{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex}.top-page__photo{background:var(--accent-bg);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;overflow:hidden}.top-page__photo img{object-fit:cover;width:100%;height:100%}.top-page__photo-placeholder{font-size:48px}.top-page__name{margin:0;font-size:20px}.top-page__meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.sex-icon{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.sex-icon--male{color:#4a90e2;background:#4a90e226}.sex-icon--female{color:#e86b9e;background:#e86b9e26}.top-page__weight{color:var(--text-secondary);font-size:13px}.top-page__dates{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:12px;display:flex}.top-page__stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;width:100%;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:12px}.stat-card--rainbow{background:var(--accent-bg)}.stat-card__label{color:var(--text-secondary);font-size:11px}.stat-card__value{color:var(--text-h);font-size:17px;font-weight:600}.stat-card__note{color:var(--text-secondary);margin-left:4px;font-size:11px}.top-page__tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tag-chip{background:var(--accent-bg);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.top-page__bio{color:var(--text);white-space:pre-wrap;font-size:14px}.memories{text-align:left;width:100%}.memories h3{color:var(--text-h);margin:0 0 8px;font-size:14px}.memories__list{flex-direction:column;gap:8px;display:flex}.memories__item{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.memories__item img{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:56px}.memories__item-body p{color:var(--text);margin:2px 0 0;font-size:13px}.memories__years{color:var(--accent);font-size:12px;font-weight:600}.top-page__actions{gap:8px;margin-top:8px;display:flex}.top-page__actions button{border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.cat-form,.post-form,.weight-page{padding:16px}.cat-form,.post-form{flex-direction:column;gap:14px;display:flex}.cat-form label,.post-form label,.post-form__field{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.checkbox-label{align-items:center;text-transform:none!important;flex-direction:row!important;gap:8px!important}.checkbox-label input{width:auto}.cat-form__actions{gap:8px;margin-top:8px;display:flex}.cat-form__actions button[type=submit],.post-form button[type=submit]{background:var(--accent);color:#fff;border-radius:8px;flex:1;font-weight:600}.cat-form__actions button[type=submit]:disabled,.post-form button[type=submit]:disabled{opacity:.5}.cat-form__actions button[type=button]{border:1px solid var(--border)}.post-form__author{color:var(--text-secondary);text-transform:none;margin:-6px 0 0;font-size:13px}.post-form__photo-buttons{gap:8px;display:flex}.post-form__photo-buttons button{border:1px solid var(--border);text-transform:none;color:var(--text-h);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:500;display:flex}.post-form__photo-buttons-icon{flex-shrink:0;width:18px;height:18px}.post-form__hidden-input{display:none}.cat-form__photo-preview{aspect-ratio:1;background:var(--accent-bg);border-radius:8px;width:120px;margin-bottom:8px;position:relative;overflow:hidden}.cat-form__photo-preview img{object-fit:cover;width:100%;height:100%}.post-form__photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.post-form__photo-item{aspect-ratio:1;background:var(--accent-bg);border-radius:8px;position:relative;overflow:hidden}.post-form__photo-item img{object-fit:cover;width:100%;height:100%}.post-form__photo-status{text-align:center;color:#fff;background:#0009;padding:2px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.post-form__photo-status.is-error{background:var(--danger)}.post-form__photo-remove{color:#fff;background:#00000080;border-radius:50%;width:20px;height:20px;padding:0;font-size:12px;line-height:1;position:absolute;top:2px;right:2px}.post-form__cat-tags{flex-wrap:wrap;gap:6px;display:flex}.cat-tag-chip{text-transform:none;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.cat-tag-chip.is-selected{background:var(--accent);color:#fff;border-color:var(--accent)}.cat-tag-chip__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.post-form__cat-picker-trigger{border:1px dashed var(--border);text-transform:none;width:100%;color:var(--text-h);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:500;display:flex}.post-form__cat-picker-trigger-icon{flex-shrink:0;width:16px;height:16px}.cat-picker-overlay{z-index:100;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.cat-picker-overlay__header{border-bottom:1px solid var(--border);color:var(--text-h);justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.cat-picker-overlay__close{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.cat-picker-overlay__close svg{width:20px;height:20px}.cat-picker-overlay__body{flex:1;padding:12px 16px;overflow-y:auto}.cat-picker-overlay__footer{border-top:1px solid var(--border);padding:12px 16px}.post-detail-overlay{z-index:100;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.post-detail-overlay__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.post-detail-overlay__count{color:var(--text-secondary);font-size:13px}.post-detail-overlay__close{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.post-detail-overlay__close svg{width:20px;height:20px}.post-detail-overlay__body{flex:1;position:relative;overflow-y:auto}.post-detail-overlay__nav{z-index:1;color:#fff;background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.post-detail-overlay__nav svg{width:20px;height:20px}.post-detail-overlay__nav--prev{left:8px}.post-detail-overlay__nav--next{right:8px}.cat-picker-overlay__footer .button--primary{width:100%;padding:12px}.timeline-page{flex-direction:column;display:flex}.timeline-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.timeline-controls__sort{gap:4px;display:flex}.timeline-controls__sort button{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px}.timeline-controls__sort button.is-active{background:var(--text-h);color:var(--bg);border-color:var(--text-h)}.timeline-controls__tag-search{flex:1;min-width:140px}.empty-state-text{text-align:center;color:var(--text-secondary);padding:40px 16px}.post-list{flex-direction:column;display:flex}.post-card{background:var(--card-bg);border-bottom:1px solid var(--border);padding-bottom:8px}.post-card__header{align-items:center;gap:10px;padding:10px 12px;display:flex}.post-card__author{color:var(--text-h);font-size:13px;font-weight:600}.post-card__date{color:var(--text-secondary);margin-left:auto;font-size:11px}.post-card__photos{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.post-card__photos[role=button]{cursor:pointer}.post-card__photos img{aspect-ratio:1;object-fit:cover;scroll-snap-align:start;flex:0 0 100%;width:100%}.post-card__meta{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px 0;display:flex}.tag-chip--cat{background:var(--accent-bg);color:var(--accent);border:none;font-size:12px;font-weight:600}.tag-chip--tag{color:var(--accent);background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.post-card__caption{color:var(--text-h);white-space:pre-wrap;margin:0;padding:6px 12px 0;font-size:14px}.post-card__caption--clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__caption-toggle{color:var(--text-secondary);background:0 0;border:none;margin:0;padding:2px 12px 0;font-size:13px;font-weight:600}.post-card__reactions{align-items:center;gap:16px;padding:10px 12px 0;display:flex}.reaction-button{border-radius:999px;align-items:center;gap:4px;padding:2px;font-size:19px;display:inline-flex}.reaction-button span,.reaction-button{line-height:1}.reaction-button.is-active{background:var(--accent-bg)}.post-card__delete{color:var(--text-secondary);margin-left:auto;font-size:12px}.posts-grid{grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.posts-grid__item{aspect-ratio:1;background:var(--accent-bg);overflow:hidden}.posts-grid__item img{object-fit:cover;width:100%;height:100%}.cat-list-page{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.cat-list{margin:0;padding:0;list-style:none}.cat-list__row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:12px;width:100%;padding:10px 4px;display:flex}.cat-list__avatar{background:var(--accent-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;overflow:hidden}.cat-list__avatar img{object-fit:cover;width:100%;height:100%}.cat-list__info{flex-direction:column;flex:1;display:flex}.cat-list__name{color:var(--text-h);font-size:14px;font-weight:600}.cat-list__breed{color:var(--text-secondary);font-size:12px}.cat-list__value{color:var(--accent);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;font-size:13px;font-weight:600;display:flex}.cat-list__owner{color:var(--text-secondary);font-weight:400}.cat-list__row.is-selected{background:var(--accent-bg);border-radius:8px}.cat-list__checkbox{border:1.5px solid var(--border);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cat-list__checkbox svg{width:14px;height:14px}.cat-list__checkbox.is-checked{background:var(--accent);border-color:var(--accent)}.cat-browse-list{flex-direction:column;gap:8px;display:flex}.cat-browse-list__search{align-items:center;display:flex;position:relative}.cat-browse-list__search-icon{width:16px;height:16px;color:var(--text-secondary);pointer-events:none;position:absolute;left:10px}.cat-browse-list__search input{border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px 8px 32px;font-size:16px}.weight-form{align-items:end;gap:8px;display:flex}.weight-form label{color:var(--text-secondary);text-transform:uppercase;flex-direction:column;flex:1;gap:4px;font-size:12px;font-weight:600;display:flex}.weight-form button{background:var(--accent);color:#fff;border-radius:8px;height:38px;font-weight:600}.weight-page{flex-direction:column;gap:16px;display:flex}.weight-page__readonly-note{background:var(--accent-bg);border-radius:8px;margin:0;padding:10px;font-size:14px}.weight-summary .stat-card__value{align-items:baseline;gap:8px;display:flex}.weight-diff{color:var(--text-secondary);font-size:13px;font-weight:600}.weight-diff.is-up{color:var(--danger)}.weight-diff.is-down{color:#3b82c4}.weight-chart-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:12px}.weight-chart{width:100%;height:auto}.weight-history h3{color:var(--text-h);margin:0 0 8px;font-size:14px}.weight-history__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.weight-history__item{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 4px;font-size:14px;display:flex}.weight-history__date{color:var(--text-secondary);flex:1}.weight-history__value{color:var(--text-h);font-weight:600}.weight-history__delete{color:var(--text-secondary);font-size:12px}.member-gate{text-align:center;align-items:center;padding:64px 16px}.member-gate .top-bar__logo,.member-gate h1{margin-bottom:24px;font-size:32px}.member-gate p{color:var(--text-secondary);margin-bottom:16px}.member-gate__list{flex-direction:column;width:100%;max-width:280px;display:flex}.member-gate__item{border-bottom:1px solid var(--border);padding:12px;font-size:16px}.member-gate__new{flex-direction:column;gap:8px;width:100%;max-width:280px;margin-top:24px;display:flex}.member-gate__new button{background:var(--accent);color:#fff;border-radius:8px;font-weight:600}.member-gate__new button:disabled{opacity:.5}.member-gate__switch{color:var(--accent);margin-top:16px;font-size:14px;text-decoration:underline}