:root{--forest:#234a3c;--forest-2:#356b56;--cream:#f6f3ea;--paper:#fffdf8;--blue:#dcecf2;--sage:#dfeadf;--ink:#20312b;--muted:#68766f;--line:#d8ded8;--danger:#8a463c}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:var(--cream);margin:0;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100dvh;padding-bottom:94px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f6f3eaeb;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.topbar>div{align-items:center;gap:8px;display:flex}.sprout{color:var(--forest-2);font-size:20px}.local-pill{background:var(--sage);color:var(--forest);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.page{width:min(680px,100%);margin:auto;padding:18px}.hero{padding:16px 4px 10px}.hero h1,.section-heading h1{letter-spacing:-.035em;color:var(--forest);margin:5px 0 12px;font-family:Georgia,serif;font-size:clamp(32px,9vw,46px);line-height:1.03}.hero p:last-child,.section-heading p:last-child{color:var(--muted);line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--forest-2);margin:0;font-size:11px;font-weight:800}.card,.idea-card,.empty{background:var(--paper);border:1px solid var(--line);border-radius:22px;margin:12px 0;padding:18px;box-shadow:0 8px 28px #00000017}.welcome-card{scroll-margin-top:120px}.grid-card{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wide{grid-column:1/-1}label{color:var(--forest);flex-direction:column;gap:7px;font-size:13px;font-weight:750;display:flex}label span{color:var(--muted);font-weight:400}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:12px;font-size:16px}textarea{resize:vertical;min-height:88px}button{font:inherit}.primary,.secondary{border:0;border-radius:16px;width:100%;padding:15px 18px;font-size:16px;font-weight:800}.sync-state{border:1px solid var(--line);color:var(--ink);background:var(--blue);border-radius:12px;padding:11px 13px;font-weight:750}.sync-state.saved{color:#173b2e;background:#d8f0e4;border-color:#7fb89e}.sync-state.syncing{color:#624d16;background:#fff1c9}.sync-state.error{color:#672f2c;background:#f8dfdc;border-color:#d9a39d}.primary{background:var(--forest);color:#fff;box-shadow:0 6px 18px #0003}.primary:disabled{opacity:.55}.primary.compact{align-self:flex-start;width:auto;padding:12px 18px}.secondary{background:var(--sage);color:var(--forest);margin-top:12px}.inventory-note,.privacy-note{color:var(--muted);text-align:center;font-size:12px;line-height:1.45}.notice{z-index:9;color:#624d16;background:#fff1c9;justify-content:space-between;gap:12px;width:min(680px,100%);margin:0 auto;padding:11px 16px;display:flex;position:sticky;top:52px}.notice button{background:0 0;border:0;font-size:20px}.bottom-nav{z-index:12;padding:8px max(8px,env(safe-area-inset-right))calc(8px + env(safe-area-inset-bottom))max(8px,env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:10px;display:flex}.bottom-nav span{font-size:20px}.bottom-nav .active{color:var(--forest);font-weight:800}.section-heading{padding:12px 4px}.section-heading h1{font-size:38px}.form-stack{flex-direction:column;gap:14px;display:flex}.list{flex-direction:column;gap:9px;margin-top:14px;display:flex}.list-item{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px;display:flex}.list-item div{flex-direction:column;gap:4px;min-width:0;display:flex}.list-item span{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.delete{color:var(--danger);background:0 0;border:0;font-size:12px}.photo-picker{border:1px dashed var(--forest-2);text-align:center;background:var(--sage);border-radius:14px;padding:14px}.photo-picker input{background:0 0;border:0;padding:8px 0 0}.photo-ready{text-align:center;background:var(--blue);border-radius:10px;padding:10px;font-size:13px}.review{border-color:var(--forest-2)}.idea-card h2{color:var(--forest);margin:6px 0 10px;font-family:Georgia,serif;font-size:34px;line-height:1.05}.idea-card p,.idea-card li{line-height:1.52}.idea-card section{margin:22px 0}.idea-card h3{text-transform:uppercase;letter-spacing:.1em;color:var(--forest-2);font-size:12px}.idea-card li{margin:8px 0}.idea-card small{color:var(--muted)}.idea-meta{flex-wrap:wrap;gap:8px;display:flex}.idea-meta span{background:var(--blue);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}blockquote{border-left:4px solid var(--forest-2);background:var(--sage);border-radius:0 14px 14px 0;margin:18px 0;padding:16px;font-family:Georgia,serif;font-size:18px}.faith-box{background:var(--blue);border-radius:16px;padding:14px}.good-enough{background:var(--sage);border-radius:16px;padding:14px}.feedback{border-top:1px solid var(--line);padding-top:16px}.feedback>span{font-size:13px;font-weight:800}.feedback>div{gap:7px;margin-top:9px;display:flex}.feedback button{border:1px solid var(--line);background:#fff;border-radius:999px;flex:1;padding:9px 5px;font-size:12px}.feedback button.selected{background:var(--forest);color:#fff;border-color:var(--forest)}.list-title{color:var(--forest);margin:22px 4px 8px;font-size:14px}.idea-row{width:100%}.idea-row>b{font-size:22px}.settings-card h2{color:var(--forest);margin-top:0;font-family:Georgia,serif}.settings-card p{line-height:1.5}.settings-card .privacy-note{text-align:left}.empty{text-align:center;color:var(--muted);padding:30px}@media (max-width:420px){.grid-card{grid-template-columns:1fr}.wide{grid-column:auto}.page{padding:14px}.hero h1{font-size:36px}.idea-card h2{font-size:30px}}
.account-card{scroll-margin-top:120px}.account-card.needs-account{border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus)32%,transparent),0 0 28px color-mix(in srgb,var(--focus)50%,transparent);animation:1s ease-in-out 3 account-pulse}.account-card.needs-account .account-action{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--focus),0 0 22px color-mix(in srgb,var(--focus)60%,transparent)}@keyframes account-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@media (prefers-reduced-motion:reduce){.account-card.needs-account{animation:none}}.account-card strong{color:var(--forest)}.email-account-form{border:1px solid var(--line);background:color-mix(in srgb,var(--paper)82%,var(--sage));border-radius:16px;gap:12px;margin-top:16px;padding:16px;display:grid}.email-actions{flex-wrap:wrap;gap:10px;display:flex}.email-actions .secondary,.email-account-form>.secondary{margin-top:0}.text-button{width:fit-content;color:var(--forest);background:0 0;border:0;padding:6px 0;font-weight:750;text-decoration:underline}.settings-links{gap:12px;display:grid}.settings-links a{color:var(--forest);font-weight:750}.account-card small{color:var(--muted);overflow-wrap:anywhere}.sync-state{border-radius:12px;padding:11px 13px;font-weight:750}.sync-state.saved{color:#12351f;background:#e3f6e9;border-color:#69a97f}.sync-state.syncing{background:var(--blue);color:var(--ink)}.sync-state.error{color:#5d3d00;background:#fff0d1}[data-mode=dark] .account-card strong,[data-mode=dark] .settings-links a,[data-mode=dark] .text-button{color:var(--dark-accent-text)}[data-mode=dark] .sync-state.saved{color:#102f1c;background:#e8fff0;border-color:#7fc695}@media (prefers-color-scheme:dark){:root:not([data-mode=light]) .account-card strong,:root:not([data-mode=light]) .settings-links a,:root:not([data-mode=light]) .text-button{color:var(--dark-accent-text)}:root:not([data-mode=light]) .sync-state.saved{color:#102f1c;background:#e8fff0;border-color:#7fc695}}
:root,[data-palette=green]{--forest:#234a3c;--forest-2:#4c8069;--blue:#dcecf2;--sage:#dfeadf;--focus:#bdcf94}[data-palette=blue]{--forest:#173f5f;--forest-2:#347aa0;--blue:#d9ecf5;--sage:#dce9e5;--focus:#8fc8cf}[data-palette=pink]{--forest:#69354e;--forest-2:#a65376;--blue:#eee1ee;--sage:#f2dde3;--focus:#e4a9b6}[data-palette=purple]{--forest:#493968;--forest-2:#7960a5;--blue:#e4e2f1;--sage:#e8e0ed;--focus:#c9afd8}[data-palette=red]{--forest:#672f2c;--forest-2:#a44d45;--blue:#f1e1d8;--sage:#eee4d8;--focus:#db9b70}[data-palette=yellow]{--forest:#584814;--forest-2:#8a711d;--blue:#e7eddf;--sage:#f3e9b9;--focus:#ddc359}[data-mode=dark]{--cream:#121417;--paper:#1c2024;--ink:#eef5f1;--muted:#b5bec2;--line:#434a50;--dark-accent-text:color-mix(in srgb,var(--focus)78%,white);--blue:color-mix(in srgb,var(--forest-2)28%,#20252a);--sage:color-mix(in srgb,var(--focus)20%,#20252a)}[data-mode=dark] .hero h1,[data-mode=dark] .section-heading h1,[data-mode=dark] .idea-card h2,[data-mode=dark] .eyebrow,[data-mode=dark] label,[data-mode=dark] .bottom-nav .active,[data-mode=dark] .text-button{color:var(--dark-accent-text)}[data-mode=dark] .topbar,[data-mode=dark] .bottom-nav{background:#121417f5}[data-mode=dark] .topbar strong,[data-mode=dark] .bottom-nav button{color:var(--ink)}[data-mode=dark] .primary,[data-mode=dark] .feedback button.selected,[data-mode=dark] .segmented button.selected{background:var(--focus);color:#11161a;border-color:var(--focus)}[data-mode=dark] input,[data-mode=dark] select,[data-mode=dark] textarea,[data-mode=dark] .feedback button{color:#14231d;border-color:var(--focus);background:#f7faf8}.theme-controls{gap:18px;display:grid}.segmented{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.segmented button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:10px}.segmented button.selected{background:var(--forest);color:#fff;border-color:var(--forest)}.palette-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.palette-option{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:10px 6px;font-size:12px}.palette-option.selected{outline:3px solid var(--focus);border-color:var(--forest)}.swatches{justify-content:center;gap:4px;margin-bottom:6px;display:flex}.swatches i{border-radius:50%;width:18px;height:18px;display:block}.text-button{color:var(--forest);background:0 0;border:0;padding:8px;font-weight:800;text-decoration:underline}.photo-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.photo-actions .photo-picker{justify-content:center;min-height:92px}.photo-actions .photo-picker input{font-size:13px}.photo-confirm{border:2px solid var(--focus);background:var(--paper);border-radius:16px;grid-template-columns:82px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.photo-confirm img{object-fit:cover;border-radius:12px;grid-row:1/3;width:82px;height:82px}.photo-confirm>div{flex-direction:column;gap:4px;min-width:0;display:flex}.photo-confirm>div strong{text-overflow:ellipsis;overflow:hidden}.photo-confirm>div span{color:var(--muted);font-size:13px}.photo-confirm .primary{margin:0}.photo-confirm .text-button{text-align:left;grid-column:2;padding:4px 0}.photo-ready.confirmed{text-align:left;align-items:center;gap:10px;display:flex}.photo-ready.confirmed img{object-fit:cover;border-radius:9px;width:52px;height:52px}.interpret-button.available{box-shadow:0 0 0 4px var(--focus),0 8px 26px color-mix(in srgb,var(--focus)65%,transparent);transform:translateY(-1px)}.review{scroll-margin-top:84px}.preparation-purpose{border:2px solid var(--focus);background:var(--sage);border-radius:14px;padding:12px}.export-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.export-row button{border:1px solid var(--forest);background:var(--paper);color:var(--forest);border-radius:14px;padding:11px;font-weight:800}.local-pill{background:var(--forest);color:#fff;border:1px solid var(--focus);font-weight:800}.brand-mark{object-fit:cover;border-radius:10px;width:34px;height:34px}.brand-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:14px;padding:10px}.brand-card img{border-radius:10px;width:100%;height:auto;display:block}.billing-card{border:2px solid var(--focus)}.billing-card .eyebrow{margin:0}.usage-row{justify-content:space-between;align-items:center;gap:16px;margin-top:15px;display:flex}.billing-card progress{width:100%;height:12px;accent-color:var(--forest)}.welcome-card{background:var(--blue);border:1px solid var(--line);border-radius:22px;margin:8px 0 18px;padding:18px}.welcome-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.welcome-heading .eyebrow{margin-top:0}.welcome-card h2{color:var(--ink);margin:6px 0 14px;font-family:Georgia,serif}.dismiss-guide{background:var(--paper);color:var(--ink);border:1px solid;border-radius:999px;flex:none;padding:8px 11px;font-weight:800}.welcome-card>button{text-align:left;border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:15px;grid-template-columns:auto 1fr;gap:3px 10px;margin:9px 0;padding:13px;display:grid}.welcome-card>button>span{background:var(--forest);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.welcome-card>button div{flex-direction:column;gap:3px;display:flex}.welcome-card>button small{color:var(--muted);line-height:1.35}.welcome-card>button b{color:var(--forest-2);grid-column:2;font-size:12px;text-decoration:underline}.welcome-card>p:last-child{color:var(--muted);margin-bottom:0;font-size:12px}[data-mode=dark] .welcome-card h2,[data-mode=dark] .welcome-card>button b,[data-mode=dark] .settings-card h2,[data-mode=dark] .idea-card h3,[data-mode=dark] .list-title,[data-mode=dark] .export-row button,[data-mode=dark] .photo-picker,[data-mode=dark] .review h2{color:var(--dark-accent-text)}[data-mode=dark] .secondary{background:var(--focus);color:#11161a}[data-mode=dark] .export-row button{border-color:var(--focus);background:var(--paper)}[data-mode=dark] .delete{color:#ffb4a8}[data-mode=dark] .faith-box,[data-mode=dark] .good-enough,[data-mode=dark] blockquote{color:#eef5f1}@media (prefers-color-scheme:dark){:root:not([data-mode=light]){--cream:#121417;--paper:#1c2024;--ink:#eef5f1;--muted:#b5bec2;--line:#434a50;--dark-accent-text:color-mix(in srgb,var(--focus)78%,white);--blue:color-mix(in srgb,var(--forest-2)28%,#20252a);--sage:color-mix(in srgb,var(--focus)20%,#20252a)}:root:not([data-mode=light]) .topbar,:root:not([data-mode=light]) .bottom-nav{background:#121417f5}:root:not([data-mode=light]) .hero h1,:root:not([data-mode=light]) .section-heading h1,:root:not([data-mode=light]) .idea-card h2,:root:not([data-mode=light]) .eyebrow,:root:not([data-mode=light]) label,:root:not([data-mode=light]) .bottom-nav .active,:root:not([data-mode=light]) .text-button{color:var(--dark-accent-text)}:root:not([data-mode=light]) input,:root:not([data-mode=light]) select,:root:not([data-mode=light]) textarea,:root:not([data-mode=light]) .feedback button{color:#14231d;border-color:var(--focus);background:#f7faf8}:root:not([data-mode=light]) .topbar strong,:root:not([data-mode=light]) .bottom-nav button{color:#eef5f1}:root:not([data-mode=light]) .primary,:root:not([data-mode=light]) .feedback button.selected,:root:not([data-mode=light]) .segmented button.selected{background:var(--focus);color:#11161a;border-color:var(--focus)}:root:not([data-mode=light]) .welcome-card h2,:root:not([data-mode=light]) .welcome-card>button b,:root:not([data-mode=light]) .settings-card h2,:root:not([data-mode=light]) .idea-card h3,:root:not([data-mode=light]) .list-title,:root:not([data-mode=light]) .export-row button,:root:not([data-mode=light]) .photo-picker,:root:not([data-mode=light]) .review h2{color:var(--dark-accent-text)}:root:not([data-mode=light]) .secondary{background:var(--focus);color:#11161a}:root:not([data-mode=light]) .export-row button{border-color:var(--focus);background:var(--paper)}:root:not([data-mode=light]) .delete{color:#ffb4a8}:root:not([data-mode=light]) .faith-box,:root:not([data-mode=light]) .good-enough,:root:not([data-mode=light]) blockquote{color:#eef5f1}}@media (max-width:440px){.photo-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}