:root{--bg:#fbf7ef;--surface:rgba(255,252,247,.92);--surface-strong:#fff9f1;--text:#1f2521;--muted:#68706a;--border:rgba(31,37,33,.1);--accent:#c6562f;--accent-deep:#8f3820;--sage:#4f6b52;--gold:#b38a3a;--shadow:0 18px 48px rgba(69,50,22,.12);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--font-sans:"IBM Plex Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(198,86,47,.18),transparent 34%),radial-gradient(circle at top right,rgba(79,107,82,.16),transparent 26%),linear-gradient(180deg,#fbf7ef,#f5ede0 100%)}body{margin:0;color:var(--text);font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.site-shell{min-height:100vh;padding:14px 14px 110px}.feature-card,.hero,.panel,.top-bar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:430px;margin:0 auto 16px;padding:16px 18px}.top-bar__meta{display:flex;flex-direction:column;gap:4px}.top-bar__meta p{margin:0;color:var(--muted);font-size:.85rem}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;background:#efe2cc;color:var(--accent-deep);font-size:.75rem;font-weight:700;letter-spacing:.08em}.brand{font-size:1.2rem;font-weight:700}.site-main{max-width:430px;margin:0 auto}.tab-bar{position:fixed;left:50%;bottom:14px;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(430px,calc(100vw - 28px));grid-gap:8px;gap:8px;padding:10px;border:1px solid var(--border);border-radius:24px;background:rgba(255,250,242,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);transform:translateX(-50%)}.tab-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:6px 4px;border-radius:16px;color:var(--muted);font-size:.7rem}.tab-link--active{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff7f2}.checklist,.content-stack,.feature-stack,.form-stack,.landing-stack,.list-stack,.metric-column,.mobile-stack,.shopping-list,.upload-preview,.value-stack{display:flex;flex-direction:column}.content-stack,.feature-stack,.landing-stack,.metric-column,.mobile-stack{gap:16px}.feature-card,.hero,.metric-card,.panel{padding:18px}.hero{display:flex;flex-direction:column;gap:18px}.hero h1,.page-header h1{margin:0;font-size:clamp(2rem,8vw,3rem);line-height:1.04;letter-spacing:-.04em}.checklist p,.exchange-hint p,.feature-card p,.hero-copy,.inline-note,.list-item p,.metric-card span,.page-header p,.shopping-item p,.value-stack p{color:var(--muted)}.hero-actions{display:flex;flex-direction:column;gap:10px}.home-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.home-summary-chip{display:flex;flex-direction:column;gap:8px;min-height:92px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:hsla(0,0%,100%,.68)}.home-summary-chip span{color:var(--muted);font-size:.8rem}.home-summary-chip strong{font-size:1.25rem;line-height:1.2;letter-spacing:-.04em}.home-nav-list{display:flex;flex-direction:column;gap:10px}.home-nav-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 2px 10px rgba(69,50,22,.06);color:var(--text);transition:transform .14s ease,box-shadow .14s ease}.home-nav-item:active{transform:scale(.98)}.home-nav-item__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;flex-shrink:0}.home-nav-item__icon--menu{background:rgba(198,86,47,.1);color:var(--accent)}.home-nav-item__icon--assets{background:rgba(79,107,82,.12);color:var(--sage)}.home-nav-item__icon--family{background:rgba(179,138,58,.1);color:var(--gold)}.home-nav-item__body{flex:1 1;display:flex;flex-direction:column;gap:3px}.home-nav-item__body strong{font-size:1rem;font-weight:700}.home-nav-item__body span{color:var(--muted);font-size:.82rem}.home-nav-item__chevron{color:var(--muted);flex-shrink:0}.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;transition:transform .14s ease,opacity .14s ease}.primary-button{color:#fff7f2;background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.ghost-button{border-color:var(--border);background:hsla(0,0%,100%,.7)}.full-width-button{width:100%}.compact-button{min-height:40px;padding:0 14px;font-size:.9rem}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px);opacity:.96}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.metric-card{gap:10px;min-height:132px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong)}.metric-card strong{font-size:2rem;line-height:1;letter-spacing:-.04em}.metric-card--positive strong{color:var(--sage)}.metric-card--warning strong{color:var(--accent)}.feature-card h2,.panel h2{margin:0 0 10px;font-size:1.3rem}.feature-card a{color:var(--accent-deep);font-weight:700}.page-header{padding:6px 2px 2px}.page-header p{margin-bottom:0}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.checklist,.form-stack,.list-stack,.shopping-list,.upload-preview,.value-stack{gap:12px}.invite-card,.list-item,.meal-card,.shopping-item{border:1px solid var(--border);border-radius:var(--radius-md);background:hsla(0,0%,100%,.58)}.list-item,.shopping-item{padding:14px 16px}.meal-card{padding:14px}.invite-card{display:flex;flex-direction:column;gap:12px;padding:14px}.meal-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.meal-card__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.invite-card__actions,.invite-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-card__actions{flex-wrap:wrap;justify-content:flex-start}.invite-status-chip{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;background:rgba(79,107,82,.16);color:var(--sage);font-size:.8rem;font-weight:700}.list-item strong,.meal-card strong,.shopping-item strong{display:block;margin-bottom:4px}.list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shopping-add-row{display:flex;gap:8px;margin-bottom:16px}.shopping-add-input{flex:1 1;padding:12px 16px;border:1px solid rgba(31,37,33,.14);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.9);color:var(--text);font-size:1rem}.shopping-add-btn{min-height:44px;padding:0 18px;white-space:nowrap;flex-shrink:0}.shopping-empty{text-align:center;color:var(--muted);padding:24px 0;margin:0;font-size:.95rem}.shopping-checklist{display:flex;flex-direction:column}.shopping-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--border)}.shopping-row:last-child{border-bottom:none}.shopping-row__check{width:24px;height:24px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);background:transparent;padding:0;transition:border-color .14s,background .14s}.shopping-row__check--checked{border-color:var(--sage);background:var(--sage);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 10px;background-repeat:no-repeat;background-position:50%}.shopping-row__label{flex:1 1;font-size:1rem;line-height:1.4}.shopping-row--done .shopping-row__label{text-decoration:line-through;color:var(--muted)}.shopping-row__qty{color:var(--muted);font-size:.9rem}.shopping-row__del{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:1.2rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .14s,background .14s,color .14s}.shopping-row__del:hover{opacity:1;background:rgba(198,86,47,.1);color:var(--accent)}.shopping-divider{padding:14px 2px 8px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px}.photo-thumb{aspect-ratio:1/1;width:100%;border:1px solid var(--border);border-radius:14px;object-fit:cover;background:#f4eadb}.form-stack label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.95rem}.form-stack input,.form-stack select,.form-stack textarea,.invite-card input{width:100%;padding:14px 16px;border:1px solid rgba(31,37,33,.14);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.9);color:var(--text)}.exchange-hint{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px dashed rgba(31,37,33,.14);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.45)}.exchange-hint p,.inline-note,.value-stack p{margin:0;font-size:.9rem}.asset-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.asset-metric{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:hsla(0,0%,100%,.6)}.asset-metric span{color:var(--muted);font-size:.78rem}.asset-metric strong{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}.asset-metric--positive strong{color:var(--sage)}.asset-metric--warning strong{color:var(--accent)}.list-item__body{flex:1 1;min-width:0}.list-item__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.login-error{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:rgba(198,86,47,.1);color:var(--accent-deep);font-size:.9rem}.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(198,86,47,.3);background:rgba(198,86,47,.08);color:var(--accent-deep);font-size:.82rem;cursor:pointer;transition:background .14s ease}.danger-button:hover{background:rgba(198,86,47,.15)}.value-stack{align-items:flex-end}@media (min-width:860px){.site-shell{padding-left:0;padding-right:0}}