.shell[data-v-f40f4f3b]{min-height:100%;display:flex;flex-direction:column}.topbar[data-v-f40f4f3b]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.brand[data-v-f40f4f3b]{display:flex;align-items:center;gap:9px;color:var(--primary);flex-shrink:0}.brand-name[data-v-f40f4f3b]{font-family:Lora,serif;font-size:18px;font-weight:600;color:var(--text)}.topnav[data-v-f40f4f3b]{display:none;gap:24px;flex:1}.topnav a[data-v-f40f4f3b]{color:var(--text-muted);font-weight:600;font-size:14px}.topnav a.router-link-active[data-v-f40f4f3b]{color:var(--primary)}.topbar-user[data-v-f40f4f3b]{display:flex;align-items:center;gap:10px}.username[data-v-f40f4f3b]{display:none;font-size:14px;font-weight:600}.shell-main[data-v-f40f4f3b]{flex:1}.bottomnav[data-v-f40f4f3b]{display:flex;border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0}.bottomnav-item[data-v-f40f4f3b]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 12px;color:var(--text-muted);font-size:11px}.bottomnav-item.router-link-active[data-v-f40f4f3b]{color:var(--primary);font-weight:600}@media (min-width: 860px){.topnav[data-v-f40f4f3b]{display:flex}.username[data-v-f40f4f3b]{display:inline}.bottomnav[data-v-f40f4f3b]{display:none}}.greeting[data-v-cb1e5e2a]{font-size:26px;letter-spacing:-.01em}.subtitle[data-v-cb1e5e2a]{margin:6px 0 22px;color:var(--text-muted);font-size:13.5px}.grid[data-v-cb1e5e2a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile[data-v-cb1e5e2a]{display:flex;flex-direction:column;gap:10px;color:var(--text)}.tile-icon[data-v-cb1e5e2a]{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tile-icon-primary[data-v-cb1e5e2a]{background:var(--primary-soft);color:var(--primary-dark)}.tile-icon-accent[data-v-cb1e5e2a]{background:var(--accent-soft);color:var(--accent)}.tile-icon-neutral[data-v-cb1e5e2a]{background:var(--surface-alt);color:var(--text-muted)}.tile-title[data-v-cb1e5e2a]{font-weight:600}.tile-sub[data-v-cb1e5e2a]{color:var(--text-muted);font-size:13px}@media (min-width: 640px){.grid[data-v-cb1e5e2a]{grid-template-columns:repeat(4,minmax(0,1fr))}}.login-page[data-v-883cfc59]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:28px}.brand[data-v-883cfc59]{display:flex;align-items:center;gap:10px;color:var(--primary)}.brand-name[data-v-883cfc59]{font-family:Lora,serif;font-size:21px;font-weight:600;color:var(--text)}.login-card[data-v-883cfc59]{width:100%;max-width:340px;padding:30px 26px}.login-card h1[data-v-883cfc59]{font-size:20px}.lead[data-v-883cfc59]{margin:6px 0 22px;color:var(--text-muted);font-size:14px}.login-card label[data-v-883cfc59]{margin-bottom:16px}.hint[data-v-883cfc59]{color:var(--text-muted);font-size:13px;text-align:center;max-width:280px}h1[data-v-64c84d9c]{font-size:26px;letter-spacing:-.01em;margin-bottom:20px}h2[data-v-64c84d9c]{font-size:15px;margin-bottom:12px}.users-title[data-v-64c84d9c]{margin-top:28px}.household-list[data-v-64c84d9c],.user-list[data-v-64c84d9c]{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.household-row[data-v-64c84d9c]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.household-name[data-v-64c84d9c]{font-weight:600}.inline-form[data-v-64c84d9c]{display:flex;gap:8px;margin-bottom:8px}.user-row[data-v-64c84d9c]{display:flex;align-items:center;gap:12px;padding:12px 14px}.avatar-admin[data-v-64c84d9c]{background:var(--accent-soft);color:var(--accent)}.avatar-user[data-v-64c84d9c]{background:var(--primary-soft);color:var(--primary-dark)}.user-info[data-v-64c84d9c]{flex:1;min-width:0}.user-name[data-v-64c84d9c]{font-weight:600;font-size:14px}.user-meta[data-v-64c84d9c]{color:var(--text-muted);font-size:12px}.new-user-form[data-v-64c84d9c]{display:flex;flex-direction:column;gap:14px}.new-user-form h3[data-v-64c84d9c]{font-size:15px;margin:0}.checkbox-label[data-v-64c84d9c]{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--text)}.checkbox-label input[data-v-64c84d9c]{width:17px;height:17px;accent-color:var(--primary)}@media (min-width: 760px){.household-list[data-v-64c84d9c],.user-list[data-v-64c84d9c]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.page-header[data-v-0fa3db4d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.veg-link[data-v-0fa3db4d]{display:inline-block;font-size:13px;font-weight:600;margin-bottom:18px}.type-filter[data-v-0fa3db4d]{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px}.filter-chip[data-v-0fa3db4d]{flex-shrink:0;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12.5px;font-weight:600;white-space:nowrap}.filter-chip.active[data-v-0fa3db4d]{background:var(--primary);border-color:var(--primary);color:#fff}.empty[data-v-0fa3db4d]{color:var(--text-muted);font-size:14px}.recipe-list[data-v-0fa3db4d]{display:flex;flex-direction:column;gap:12px}.recipe-row[data-v-0fa3db4d]{display:flex;align-items:center;gap:13px;color:var(--text)}.thumb[data-v-0fa3db4d]{width:60px;height:60px;border-radius:10px;flex-shrink:0;object-fit:cover}.thumb-placeholder[data-v-0fa3db4d]{background:var(--surface-alt);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.recipe-info[data-v-0fa3db4d]{flex:1;min-width:0}.recipe-title[data-v-0fa3db4d]{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.recipe-meta[data-v-0fa3db4d]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recipe-rating[data-v-0fa3db4d]{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--accent)}.chevron[data-v-0fa3db4d]{color:var(--text-muted);flex-shrink:0}.autocomplete[data-v-89333e4b]{position:relative;flex:1;min-width:0}.suggestions[data-v-89333e4b]{position:absolute;z-index:5;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden}.suggestion[data-v-89333e4b]{display:block;width:100%;text-align:left;min-height:44px;padding:10px 12px;border:none;background:none;color:var(--text);font-size:15px}.suggestion[data-v-89333e4b]:hover{background:var(--surface-alt)}.form-header[data-v-2730d5fe]{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.form-title[data-v-2730d5fe]{font-weight:600;flex:1}form.page>label[data-v-2730d5fe]{margin-bottom:22px;display:block}.segmented[data-v-2730d5fe]{display:flex;gap:6px;background:var(--surface-alt);border-radius:999px;padding:4px}.segmented-item[data-v-2730d5fe]{flex:1;text-align:center;padding:8px 4px;border-radius:999px;border:none;background:none;color:var(--text-muted);font-size:12.5px;font-weight:600}.segmented-item.active[data-v-2730d5fe]{background:var(--primary);color:#fff}fieldset[data-v-2730d5fe]{border:1px solid var(--border);margin:0 0 22px}fieldset.card[data-v-2730d5fe]{padding:16px}legend[data-v-2730d5fe]{font-family:Lora,Georgia,serif;font-weight:600;font-size:15px;padding:0 4px}.ingredient-row[data-v-2730d5fe]{display:flex;gap:8px;margin-bottom:10px}.ingredient-name[data-v-2730d5fe]{flex:2}.ingredient-amount[data-v-2730d5fe]{flex:1;text-align:center}.ingredient-unit[data-v-2730d5fe]{flex:1}.btn-add[data-v-2730d5fe]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:none;border:1px dashed var(--border);color:var(--primary-dark);padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.btn-add-neutral[data-v-2730d5fe]{color:var(--text-muted)}.hint[data-v-2730d5fe]{margin:-4px 0 12px;font-size:12px;color:var(--text-muted)}.combo-row[data-v-2730d5fe]{display:flex;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid var(--border)}.combo-row[data-v-2730d5fe]:last-of-type{border-bottom:none}.checkbox-label[data-v-2730d5fe]{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:400;color:var(--text)}.checkbox-label input[data-v-2730d5fe]{width:17px;height:17px;accent-color:var(--primary)}.checkbox-necessary[data-v-2730d5fe]{color:var(--accent);font-size:12px;font-weight:600;flex-shrink:0}.checkbox-necessary input[data-v-2730d5fe]{accent-color:var(--accent)}@media (min-width: 640px){.page[data-v-2730d5fe]{max-width:var(--content-width)}}.stars[data-v-64ac2de8]{display:inline-flex;margin:-6px -8px}button[data-v-64ac2de8]{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0;font-size:22px;line-height:1;color:var(--border);-webkit-tap-highlight-color:transparent}button[data-v-64ac2de8]:disabled{cursor:default}button.filled[data-v-64ac2de8]{color:var(--accent)}.alert-page[data-v-92e9cc1e]{margin:16px 18px 0}.back-header[data-v-92e9cc1e]{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.back-title[data-v-92e9cc1e]{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover[data-v-92e9cc1e]{height:210px;background-size:cover;background-position:center;background-color:var(--surface-alt)}.cover-placeholder[data-v-92e9cc1e]{background:var(--surface-alt);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.detail-body[data-v-92e9cc1e]{padding-top:20px}.rating-row[data-v-92e9cc1e]{margin-top:16px}.rating-label[data-v-92e9cc1e]{display:block;font-size:12.5px;font-weight:600;color:var(--text-muted);margin-bottom:2px}.rating-stars[data-v-92e9cc1e]{display:flex;align-items:center;gap:12px}.rating-avg[data-v-92e9cc1e]{color:var(--text-muted);font-size:13px;font-weight:600}.action-row[data-v-92e9cc1e]{display:flex;gap:10px;margin-top:18px}.action-row .btn-primary[data-v-92e9cc1e]{flex:1}.gallery[data-v-92e9cc1e]{display:flex;gap:10px;margin-top:18px;overflow-x:auto;padding-bottom:4px}.gallery-item[data-v-92e9cc1e]{position:relative;flex-shrink:0}.gallery-item img[data-v-92e9cc1e]{width:100px;height:100px;border-radius:10px;object-fit:cover;display:block}.gallery-item.is-cover img[data-v-92e9cc1e]{outline:2px solid var(--primary);outline-offset:2px}.gallery-cover[data-v-92e9cc1e],.gallery-delete[data-v-92e9cc1e]{position:absolute;width:30px;height:30px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:var(--surface);box-shadow:var(--shadow)}.gallery-cover[data-v-92e9cc1e]{left:6px;bottom:6px;color:var(--text-muted)}.gallery-cover.active[data-v-92e9cc1e]{background:var(--primary);color:#fff}.gallery-delete[data-v-92e9cc1e]{right:6px;bottom:6px;color:var(--danger)}.gallery-upload[data-v-92e9cc1e]{width:90px;height:90px;border-radius:10px;border:1px dashed var(--border);background:var(--surface-alt);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.gallery-upload input[data-v-92e9cc1e]{display:none}.section[data-v-92e9cc1e]{margin-top:24px}.section h2[data-v-92e9cc1e]{font-size:15px;margin-bottom:10px}.prose[data-v-92e9cc1e]{margin:0;white-space:pre-wrap}.ingredient-list li[data-v-92e9cc1e]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.ingredient-list li[data-v-92e9cc1e]:last-child{border-bottom:none}.ingredient-amount[data-v-92e9cc1e]{color:var(--text-muted)}.combo-link[data-v-92e9cc1e]{color:var(--text);font-weight:600}.combo-link[data-v-92e9cc1e]:hover{color:var(--primary)}@media (min-width: 860px){.cover[data-v-92e9cc1e]{max-width:var(--content-width-wide);margin:0 auto;border-radius:0 0 var(--radius) var(--radius)}}h1[data-v-eec813c2]{font-size:26px;letter-spacing:-.01em;margin-bottom:6px}.veg-list[data-v-eec813c2]{display:flex;flex-direction:column;gap:10px;margin:28px 0 0}.veg-row[data-v-eec813c2]{display:flex;align-items:center;gap:14px}.veg-info[data-v-eec813c2]{flex:1}.veg-name[data-v-eec813c2]{font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.month-dots[data-v-eec813c2]{display:flex;gap:4px}.month-dot[data-v-eec813c2]{width:7px;height:7px;border-radius:50%;background:var(--border)}.month-dot.active[data-v-eec813c2]{background:var(--primary)}.month-dot.current[data-v-eec813c2]{outline:2px solid var(--primary);outline-offset:1px}.veg-actions[data-v-eec813c2]{display:flex;gap:6px;flex-shrink:0}.veg-actions .btn-icon[data-v-eec813c2]{width:40px;height:40px}.veg-edit-form[data-v-eec813c2]{display:flex;flex-direction:column;gap:10px;width:100%}.veg-edit-actions[data-v-eec813c2]{display:flex;gap:8px}.veg-edit-actions .btn[data-v-eec813c2]{flex:1}.toggle-row[data-v-eec813c2]{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.toggle[data-v-eec813c2]{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.toggle input[data-v-eec813c2]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.toggle-track[data-v-eec813c2]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-alt);border-radius:999px;transition:background .15s}.toggle-thumb[data-v-eec813c2]{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}.toggle input:checked+.toggle-track[data-v-eec813c2]{background:var(--primary)}.toggle input:checked+.toggle-track .toggle-thumb[data-v-eec813c2]{transform:translate(16px)}.new-veg-title[data-v-eec813c2]{font-size:15px;margin:14px 0 12px}.new-veg-form[data-v-eec813c2]{display:flex;flex-direction:column;gap:14px}.month-picker[data-v-eec813c2]{display:flex;gap:5px;flex-wrap:wrap}.month-chip[data-v-eec813c2]{position:relative;width:38px;height:38px;border-radius:8px;border:1px solid var(--border);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin:0;cursor:pointer}.month-chip.active[data-v-eec813c2]{background:var(--primary);color:#fff;border-color:var(--primary)}.month-chip input[data-v-eec813c2]{position:absolute;opacity:0;pointer-events:none}.page-header[data-v-663213b7]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}h1[data-v-663213b7]{font-size:26px;letter-spacing:-.01em}.controls[data-v-663213b7]{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 6px 6px 16px;margin-bottom:20px}.controls-label[data-v-663213b7]{font-size:13px;color:var(--text-muted);font-weight:600}.stepper[data-v-663213b7]{display:flex;align-items:center;gap:2px}.stepper-btn[data-v-663213b7]{width:38px;height:38px;border-radius:50%;border:none;background:var(--surface-alt);color:var(--text-muted);font-weight:700;font-size:18px}.stepper-input[data-v-663213b7]{width:44px;text-align:center;font-weight:700;border:none;background:none;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper-input[data-v-663213b7]::-webkit-outer-spin-button,.stepper-input[data-v-663213b7]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.suggestion-list[data-v-663213b7]{display:flex;flex-direction:column;gap:14px}.suggestion-row[data-v-663213b7]{display:block;padding:14px}.suggestion-row.is-planned[data-v-663213b7]{border-color:var(--primary)}.suggestion-row.is-cooked[data-v-663213b7]{opacity:.72}.suggestion-head[data-v-663213b7]{display:flex;align-items:flex-start;gap:14px}.suggestion-image[data-v-663213b7]{display:block;flex-shrink:0}.thumb[data-v-663213b7]{width:76px;height:76px;border-radius:12px;flex-shrink:0;object-fit:cover}.thumb-placeholder[data-v-663213b7]{background:var(--surface-alt);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.suggestion-body[data-v-663213b7]{flex:1;min-width:0}.suggestion-title[data-v-663213b7]{display:block;font-family:Lora,Georgia,serif;font-size:17px;font-weight:700;color:var(--text)}.suggestion-title[data-v-663213b7]:hover{color:var(--primary)}.suggestion-meta[data-v-663213b7]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.suggestion-side a[data-v-663213b7]{color:inherit;font-weight:700}.plan-toggle[data-v-663213b7]{margin:-4px -4px 0 0}.plan-toggle.active[data-v-663213b7]{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary-dark)}.cooked-btn[data-v-663213b7]{margin-top:14px;padding:12px 16px}@media (min-width: 640px){.thumb[data-v-663213b7]{width:96px;height:96px}.suggestion-row[data-v-663213b7]{padding:18px}.suggestion-title[data-v-663213b7]{font-size:19px}}h1[data-v-9f500ed0]{font-size:26px;letter-spacing:-.01em}.subtitle[data-v-9f500ed0]{margin:6px 0 20px;color:var(--text-muted);font-size:13.5px}.empty[data-v-9f500ed0]{color:var(--text-muted);font-size:14px}.history-list[data-v-9f500ed0]{display:flex;flex-direction:column;gap:12px}.history-row[data-v-9f500ed0]{display:flex;align-items:center;gap:14px}.history-info[data-v-9f500ed0]{flex:1;min-width:0}.history-title[data-v-9f500ed0]{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-side[data-v-9f500ed0]{color:var(--text-muted);font-weight:400}.history-date[data-v-9f500ed0]{flex-shrink:0;color:var(--text-muted);font-size:12.5px;font-weight:600}h1[data-v-8b76cf10]{font-size:26px;letter-spacing:-.01em}.empty[data-v-8b76cf10]{margin-top:8px;color:var(--text-muted);font-size:14px}.progress-row[data-v-8b76cf10]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 8px;color:var(--text-muted);font-size:13.5px}.reset[data-v-8b76cf10]{border:none;background:none;padding:0;color:var(--primary);font-size:13.5px;font-weight:600}.progress-track[data-v-8b76cf10]{height:5px;border-radius:999px;background:var(--surface-alt);overflow:hidden;margin-bottom:22px}.progress-bar[data-v-8b76cf10]{height:100%;background:var(--primary);border-radius:999px;transition:width .2s}.section+.section[data-v-8b76cf10]{margin-top:20px}.section h2[data-v-8b76cf10]{font-family:Karla,sans-serif;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.shopping-group[data-v-8b76cf10]{padding:0 14px}.shopping-group li+li .shopping-row[data-v-8b76cf10]{border-top:1px solid var(--border)}.shopping-row[data-v-8b76cf10]{display:flex;align-items:center;gap:13px;width:100%;min-height:56px;padding:8px 0;border:none;background:none;text-align:left;color:var(--text)}.box[data-v-8b76cf10]{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.box.checked[data-v-8b76cf10]{background:var(--primary);border-color:var(--primary)}.shopping-info[data-v-8b76cf10]{flex:1;min-width:0}.shopping-name[data-v-8b76cf10]{display:block;font-weight:600;font-size:15px}.shopping-recipes[data-v-8b76cf10]{display:block;color:var(--text-muted);font-size:12.5px}.shopping-amount[data-v-8b76cf10]{flex-shrink:0;font-size:13.5px;font-weight:700;white-space:nowrap}.done[data-v-8b76cf10]{color:var(--text-muted);text-decoration:line-through}h1[data-v-3ac0564b]{font-size:26px;letter-spacing:-.01em}.subtitle[data-v-3ac0564b]{margin:6px 0 22px;color:var(--text-muted);font-size:13.5px}.more-list[data-v-3ac0564b]{display:flex;flex-direction:column;gap:10px}.more-row[data-v-3ac0564b]{display:flex;align-items:center;gap:13px;color:var(--text)}.more-icon[data-v-3ac0564b]{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tone-primary[data-v-3ac0564b]{background:var(--primary-soft);color:var(--primary-dark)}.tone-accent[data-v-3ac0564b]{background:var(--accent-soft);color:var(--accent)}.tone-neutral[data-v-3ac0564b]{background:var(--surface-alt);color:var(--text-muted)}.more-info[data-v-3ac0564b]{flex:1;min-width:0}.more-title[data-v-3ac0564b]{font-weight:600}.more-sub[data-v-3ac0564b]{color:var(--text-muted);font-size:13px}.chevron[data-v-3ac0564b]{color:var(--text-muted);flex-shrink:0}.logout[data-v-3ac0564b]{margin-top:24px}:root{--bg: #faf4ec;--surface: #fefbf7;--surface-alt: #f5ede4;--text: #221812;--text-muted: #6c6158;--border: #e0d9d2;--primary: #225a35;--primary-dark: #034721;--primary-soft: #d8efdc;--accent: #d16022;--accent-soft: #ffe0d2;--danger: #c53637;--danger-soft: #fbdedc}@supports (color: oklch(50% .1 100)){:root{--bg: oklch(97% .012 75);--surface: oklch(99% .006 75);--surface-alt: oklch(95% .015 75);--text: oklch(22% .02 55);--text-muted: oklch(50% .02 60);--border: oklch(89% .012 70);--primary: oklch(42% .085 152);--primary-dark: oklch(35% .09 152);--primary-soft: oklch(93% .035 150);--accent: oklch(62% .16 45);--accent-soft: oklch(93% .04 45);--danger: oklch(55% .18 25);--danger-soft: oklch(93% .04 25)}}:root{--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px oklch(20% .02 55 / .06), 0 4px 12px oklch(20% .02 55 / .06);--content-width: 640px;--content-width-wide: 1100px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Karla,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Lora,Georgia,serif;margin:0;font-weight:600}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a,button,label,input,select,textarea{touch-action:manipulation}input,textarea,select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-family:inherit;font-size:16px;color:var(--text)}input:not([type=checkbox]):not([type=radio]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{width:auto}textarea{resize:vertical}label{display:block;font-size:12.5px;font-weight:600;color:var(--text-muted);margin-bottom:6px}ul{list-style:none;margin:0;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-soft{background:var(--primary-soft);color:var(--primary-dark)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm)}.btn-icon-danger{color:var(--danger)}.btn-pill{border-radius:999px}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-neutral{background:var(--surface-alt);color:var(--text-muted)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.alert{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:13.5px;font-weight:600;margin:0 0 16px}.page{max-width:var(--content-width);margin:0 auto;padding:20px 18px 32px}.page-wide{max-width:var(--content-width-wide)}.icon{display:block;flex-shrink:0}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}