:root{--radius: 16px;--radius-sm: 11px;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--header-height: 52px}:root,[data-theme=hearthlight]{color-scheme:light;--bg: #f4ead9;--surface: #fffbf3;--surface-elevated: #ffffff;--text: #2b2013;--text-muted: #756b57;--primary: #33503c;--primary-strong: #1f3025;--interactive: #4b7050;--accent: #ad8149;--accent-soft: #ecdfbd;--on-primary: #fbf6ea;--on-accent: #2c220c;--border: #e6d8ba;--danger: #b65343;--danger-soft: #f8e7e3;--success: #2f6b52;--success-soft: #eaf3ee;--shadow: 0 12px 32px rgba(43, 32, 19, .1);--shadow-sm: 0 2px 7px rgba(43, 32, 19, .08);--nav-bg: rgba(31, 48, 37, .97);--nav-active: #f0c583;--nav-inactive: #c9d1c3;--input-bg: #fbf6ea;--card-bg: var(--surface)}[data-theme=frostvale]{color-scheme:light;--bg: #eef2f3;--surface: #ffffff;--surface-elevated: #ffffff;--text: #202e33;--text-muted: #5e7178;--primary: #3c5760;--primary-strong: #23383d;--interactive: #4f7a86;--accent: #6f939c;--accent-soft: #dbe7e9;--on-primary: #f2f9fa;--on-accent: #0d222b;--border: #d5e1e4;--danger: #b24a3e;--danger-soft: #f7e6e2;--success: #2e7a63;--success-soft: #e5f2ec;--shadow: 0 12px 32px rgba(30, 55, 60, .1);--shadow-sm: 0 2px 7px rgba(30, 55, 60, .08);--nav-bg: rgba(35, 56, 61, .97);--nav-active: #bfe3e7;--nav-inactive: #b6c4c7;--input-bg: #f6fafb;--card-bg: var(--surface)}[data-theme=ember-keep]{color-scheme:dark;--bg: #0d1210;--surface: #171e1a;--surface-elevated: #1e2a25;--text: #e8e2d4;--text-muted: #a7aca0;--primary: #3a453e;--primary-strong: #171f1c;--interactive: #e0b563;--accent: #d4a442;--accent-soft: #3a2f18;--on-primary: #f3efe2;--on-accent: #241a06;--border: rgba(232, 226, 212, .14);--danger: #d9695a;--danger-soft: #34211d;--success: #6fa98a;--success-soft: #1c2c24;--shadow: 0 14px 34px rgba(0, 0, 0, .45);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .35);--nav-bg: rgba(13, 18, 16, .96);--nav-active: #d4a442;--nav-inactive: #7c877e;--input-bg: #1b231f;--card-bg: var(--surface)}[data-theme=nighthold]{color-scheme:dark;--bg: #0b1214;--surface: #131c1f;--surface-elevated: #1a262a;--text: #dce6e6;--text-muted: #93a6a8;--primary: #22383d;--primary-strong: #0f1a1c;--interactive: #7fd4c9;--accent: #5fc2c9;--accent-soft: #16302f;--on-primary: #eaf4f4;--on-accent: #06201f;--border: rgba(220, 230, 230, .12);--danger: #e07a6c;--danger-soft: #33201c;--success: #62c39a;--success-soft: #14281f;--shadow: 0 14px 34px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .4);--nav-bg: rgba(11, 17, 19, .96);--nav-active: #7fe0d8;--nav-inactive: #6e8386;--input-bg: #172124;--card-bg: var(--surface)}:root{--ink: var(--text);--muted: var(--text-muted);--green: var(--primary);--green-2: var(--interactive);--green-dark: var(--primary-strong);--gold: var(--accent);--gold-soft: var(--accent-soft);--line: var(--border);--red: var(--danger);--accent-dark: var(--primary-strong);--accent-contrast: var(--on-primary);--surface-alt: var(--accent-soft)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#root{min-height:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(184,149,74,.4);outline-offset:2px}::selection{background:#b8954a52}.app-shell{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:var(--bg)}@media (display-mode: standalone){.app-shell{height:calc(100dvh + env(safe-area-inset-bottom))}}.app-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-header{position:sticky;top:0;z-index:15;background:linear-gradient(135deg,var(--primary-strong),var(--primary));color:var(--on-primary);padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 16px) 10px calc(var(--safe-left) + 16px);box-shadow:var(--shadow-sm)}.app-header-inner{max-width:640px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;align-items:center}.app-header-title{display:flex;align-items:center;gap:10px;min-width:0}.app-header-crest{flex:0 0 auto;display:block;border-radius:9px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.app-header .eyebrow{color:var(--nav-active);font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header h1{margin:0;color:var(--on-primary);font-family:var(--font-serif);font-size:clamp(19px,5.4vw,24px);line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-actions{display:flex;gap:8px;flex:0 0 auto}.icon-btn{width:40px;height:40px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px}.icon-btn.on-header{border-color:#ffffff38;background:#ffffff1f;color:var(--on-primary)}.icon-btn.danger{color:var(--danger)}.page{padding:14px clamp(14px,4vw,22px) 20px;padding-left:calc(var(--safe-left) + clamp(14px,4vw,22px));padding-right:calc(var(--safe-right) + clamp(14px,4vw,22px));max-width:680px;width:100%;margin:0 auto}.page.no-header{padding-top:calc(var(--safe-top) + 14px)}.page-centered{flex:1;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 20px);max-width:420px;width:100%;margin:0 auto}.brand-mark{display:flex;align-items:center;gap:12px;margin-bottom:10px}.brand-mark h1{font-size:clamp(24px,7vw,30px)}.brand-mark-img{display:block;border-radius:14px;box-shadow:var(--shadow-sm);flex:0 0 auto}.brand-tagline{color:var(--text-muted);font-family:var(--font-serif);font-style:italic;font-size:14px;margin:-6px 0 20px}h1{font-family:var(--font-serif);font-size:26px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em;color:var(--text)}h2{font-family:var(--font-serif);font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text)}p.subtitle{color:var(--text-muted);margin:0 0 18px;font-size:14.5px;line-height:1.5}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.section-head h2{margin:0}.section-head .section-copy{margin:3px 0 0;color:var(--text-muted);font-size:13px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:40px 18px;color:var(--text-muted);font-size:14px;background:var(--card-bg);border:1px dashed var(--border);border-radius:var(--radius)}.empty-state p{margin:0 0 14px}.field label{display:block;font-size:12px;font-weight:800;color:var(--text-muted);margin:0 0 6px 2px}.input,textarea.input,select.input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--input-bg);font-size:16px;color:var(--text);min-height:44px}.input:focus,textarea.input:focus,select.input:focus{outline:3px solid rgba(184,149,74,.35);outline-offset:-1px;border-color:var(--accent)}textarea.input{resize:vertical;min-height:96px;font-family:inherit}.search-wrap{position:relative;flex:1;min-width:0}.search-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-wrap .input{padding-left:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:var(--radius-sm);border:none;font-size:15.5px;font-weight:800;min-height:46px;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--on-primary);width:100%}.btn-gold{background:var(--accent);color:var(--on-accent);width:100%}.btn-secondary{background:var(--accent-soft);color:var(--text);width:100%}.btn-ghost{background:transparent;color:var(--interactive);padding:8px 10px;min-height:36px;font-weight:700}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-icon{min-height:40px;min-width:40px;padding:0;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:18px}.btn:disabled{opacity:.55}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:11px 13px;font-size:13.5px;line-height:1.4;opacity:.95}.success-banner{background:var(--success-soft);color:var(--success);border:1px solid var(--success);border-radius:var(--radius-sm);padding:11px 13px;font-size:13.5px;line-height:1.4;opacity:.95}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:var(--accent-soft);color:var(--text-muted);font-size:11px;font-weight:800}.badge.gold{background:var(--accent-soft);color:var(--interactive)}.tabbar{position:relative;left:auto;right:auto;bottom:auto;flex:0 0 auto;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px max(6px,var(--safe-left)) 4px max(6px,var(--safe-right));box-shadow:0 -6px 22px #0000002e;display:flex}@media (display-mode: standalone){.tabbar{padding-bottom:max(6px,calc(var(--safe-bottom) + 8px))}}.tabbar-inner{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:2px;width:100%}.tab{min-width:0;border:0;border-radius:12px;background:transparent;color:var(--nav-inactive);padding:6px 3px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700}.tab.active{color:var(--nav-active);background:#ffffff14}.tab .tab-icon{display:flex}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(158px,100%),1fr));gap:clamp(8px,2.2vw,12px)}.recipe-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:7px;color:var(--text)}.recipe-thumb{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);background:var(--accent-soft);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--interactive);margin-bottom:6px}.recipe-card .title{font-family:var(--font-serif);font-weight:700;font-size:13px;line-height:1.22;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-card .meta{color:var(--text-muted);font-size:10.5px;display:flex;align-items:center;gap:4px;margin-top:auto}.recipe-row{display:flex;gap:12px;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-sm)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:4px 0 20px}.quick-action{border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:14px;padding:13px 10px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;box-shadow:var(--shadow-sm)}.quick-action svg{color:var(--interactive);flex:0 0 auto}.checkbox-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.checkbox-row:last-child{border-bottom:none}.checkbox{width:25px;height:25px;border-radius:8px;border:2px solid var(--accent);opacity:.9;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:transparent;background:transparent}.checkbox.checked{background:var(--primary);border-color:var(--primary);color:var(--on-primary);opacity:1}.checked-text{text-decoration:line-through;color:var(--text-muted)}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.calendar-title{min-width:140px;text-align:center;font-family:var(--font-serif);font-weight:700;font-size:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekday{text-align:center;font-size:10px;font-weight:850;color:var(--text-muted);padding-bottom:2px}.calendar-day{min-height:58px;aspect-ratio:unset;border:1px solid var(--border);background:var(--card-bg);border-radius:11px;padding:5px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:hidden;font-size:11px;text-align:left}.calendar-day.empty{border-color:transparent;background:transparent}.calendar-day.today{border:2px solid var(--accent);padding:4px}.calendar-day .day-num{font-size:11px;font-weight:850}.calendar-day .entry-chip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;border-radius:5px;padding:2px 4px;font-size:9px;color:var(--on-primary);background:var(--interactive)}@media (min-width: 480px){.calendar-day{min-height:72px}}@media (min-width: 641px){.calendar-day{min-height:88px}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080e0c8c;display:flex;align-items:flex-end;justify-content:center;padding-top:40px}.sheet{background:var(--surface-elevated);width:min(560px,100%);max-height:88dvh;overflow-y:auto;border-radius:22px 22px 0 0;padding:18px calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 22px) calc(var(--safe-left) + 18px);box-shadow:0 -20px 50px #00000047;animation:sheet-rise .18s ease-out}.sheet h2{font-family:var(--font-serif);font-size:20px}@keyframes sheet-rise{0%{transform:translateY(18px);opacity:.6}to{transform:translateY(0);opacity:1}}@media (min-width: 641px){.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:22px}}.invite-code{font-size:26px;font-weight:800;letter-spacing:.15em;color:var(--text);text-align:center;padding:16px;background:var(--accent-soft);border-radius:var(--radius-sm);font-family:var(--font-serif)}.share-token-box{background:var(--accent-soft);border-radius:var(--radius-sm);padding:12px 14px}.share-token-value{display:block;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--text);word-break:break-all;margin:0 0 10px}.share-endpoint-row{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.share-endpoint-row code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;color:var(--text-muted)}.share-guide{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.share-guide summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;font-size:14px;color:var(--text);display:flex;align-items:center;justify-content:space-between}.share-guide summary::-webkit-details-marker{display:none}.share-guide ol{margin:0;padding:0 16px 14px 32px;color:var(--text-muted);font-size:13.5px;line-height:1.6}.share-guide ol li+li{margin-top:6px}.share-guide code{background:var(--accent-soft);border-radius:4px;padding:1px 5px;font-size:12.5px;color:var(--text)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:0 0 auto}.segmented{display:flex;background:var(--accent-soft);border-radius:var(--radius-sm);padding:4px;gap:4px}.segmented button{flex:1;border:none;background:transparent;padding:8px;min-height:40px;border-radius:8px;font-weight:700;font-size:13.5px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;gap:6px}.segmented button.active{background:var(--surface-elevated);color:var(--interactive);box-shadow:var(--shadow-sm)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 360px){.theme-grid{grid-template-columns:1fr}}.theme-option{position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:12px;border-radius:14px;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text)}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-swatch{width:100%;height:34px;border-radius:9px;display:flex;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.theme-swatch span{flex:1}.theme-option .theme-name{font-weight:800;font-size:13.5px}.theme-option .theme-blurb{font-size:11.5px;color:var(--text-muted);line-height:1.3}.theme-option .theme-check{position:absolute;top:10px;right:10px;color:var(--accent)}.theme-system-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text);font-weight:700;font-size:13.5px}.theme-system-option.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.quick-grid{grid-template-columns:1fr}}