:root{--cream: #FAF3E0;--cream-deep: #F4EAD0;--daffodil: #F5C842;--daffodil-soft: #FBE7A6;--tulip: #E8574A;--tulip-deep: #C73E32;--sage: #7DAF6E;--sage-soft: #C8DEC0;--sky: #A8CEDE;--ink: #2C2A26;--ink-soft: #5C564E;--paper: #FFFCF5;--paper-edge: #E9DDC0;--shadow: rgba(74, 60, 40, .12);--shadow-deep: rgba(74, 60, 40, .22);--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius-sm: .5rem;--radius-md: .85rem;--radius-lg: 1.25rem;--max-content: 1080px;--nav-height: 4.5rem}@media (prefers-color-scheme: dark){:root{--cream: #1f1c17;--cream-deep: #16140f;--paper: #2a2620;--paper-edge: #3a352b;--ink: #f4ead0;--ink-soft: #c8bea4;--shadow: rgba(0, 0, 0, .4);--shadow-deep: rgba(0, 0, 0, .6)}}.hdr{position:relative;background:linear-gradient(180deg,var(--paper) 0%,var(--cream-deep) 100%);border-bottom:1px solid var(--paper-edge);padding:1.25rem 1rem 1.5rem;overflow:hidden}.hdr-inner{max-width:var(--max-content);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:2}.hdr-title{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink)}.hdr-title-mark{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--tulip);color:#fff;display:grid;place-items:center;font-family:var(--font-serif);font-size:1.6rem;font-weight:700;font-style:italic;box-shadow:0 4px 12px #e8574a59}.hdr-title-text{display:flex;flex-direction:column}.hdr-title-name{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;line-height:1.1}.hdr-title-tag{font-size:.78rem;color:var(--ink-soft);font-style:italic;letter-spacing:.01em}.btn-sign-out{font-size:.85rem;color:var(--ink-soft);padding:.5rem .85rem}.hdr-flora{position:absolute;top:-8px;width:70px;height:70px;opacity:.55;z-index:1;pointer-events:none}.hdr-flora-l{left:-10px;transform:rotate(-15deg)}.hdr-flora-r{right:-10px;transform:rotate(20deg)}@media (min-width: 760px){.hdr{padding:1.75rem 2rem 2rem}.hdr-title-name{font-size:1.65rem}.hdr-title-tag{font-size:.85rem}.hdr-flora{width:100px;height:100px;top:0}.hdr-flora-l{left:1rem}.hdr-flora-r{right:1rem}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--paper);border-top:1px solid var(--paper-edge);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 16px var(--shadow)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.65rem 0;text-decoration:none;color:var(--ink-soft);font-size:.78rem;font-weight:600;letter-spacing:.02em;transition:color .12s,background .12s}.nav-item.active{color:var(--tulip-deep);background:#e8574a14}.nav-item:hover{color:var(--tulip)}.nav-lbl{line-height:1}@media (min-width: 760px){.bottom-nav{position:sticky;top:0;bottom:auto;border-top:none;border-bottom:1px solid var(--paper-edge);box-shadow:0 4px 16px var(--shadow);padding-bottom:0;justify-content:center;gap:.5rem}.nav-item{flex:0 0 auto;flex-direction:row;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;border-radius:999px;margin:.5rem .25rem}.nav-item.active{background:var(--daffodil-soft);color:var(--ink)}body{padding-bottom:0}}.home-hero{text-align:center;padding:1rem 0 2rem}.home-hero img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:4px solid var(--paper);box-shadow:0 8px 28px var(--shadow-deep);margin-bottom:1rem}.home-hero h1{margin:.5rem 0}.home-hero p{color:var(--ink-soft);max-width:32ch;margin:0 auto 1.25rem}.home-cards{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 760px){.home-cards{grid-template-columns:repeat(3,1fr)}}.home-card{position:relative;display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-lg);padding:1.5rem 1.25rem 1.75rem;box-shadow:0 4px 18px var(--shadow);transition:transform .12s,box-shadow .12s;overflow:hidden}.home-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px var(--shadow-deep)}.home-card .home-card-flora{position:absolute;top:-16px;right:-10px;width:78px;height:78px;opacity:.32;transform:rotate(15deg)}.home-card h2{font-family:var(--font-serif);font-size:1.5rem;margin:0 0 .35rem}.home-card p{color:var(--ink-soft);margin:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:.5rem 0 1.25rem}.section-head h1{margin:0}.section-head .section-sub{color:var(--ink-soft);font-style:italic;font-size:.95rem}.toolbar{display:flex;gap:.65rem;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap}.toolbar input.search{flex:1 1 220px;border-radius:999px;background:var(--paper)}.chip-row{display:flex;gap:.4rem;flex-wrap:wrap}.chip{background:var(--paper);border:1px solid var(--paper-edge);color:var(--ink-soft);border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer}.chip.active{background:var(--sage-soft);border-color:var(--sage);color:#2f4d27}.recipe-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 560px){.recipe-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.recipe-grid{grid-template-columns:repeat(3,1fr)}}.recipe-card-tile{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px var(--shadow);transition:transform .12s,box-shadow .12s}.recipe-card-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--shadow-deep)}.recipe-card-tile .photo{width:100%;aspect-ratio:4 / 3;background:var(--cream-deep);object-fit:cover;display:block}.recipe-card-tile .body{padding:.85rem 1rem 1rem}.recipe-card-tile h3{font-family:var(--font-serif);font-weight:600;font-size:1.15rem;margin:0 0 .25rem}.recipe-card-tile .source{color:var(--ink-soft);font-size:.9rem;font-style:italic}.recipe-card-tile .meta-row{display:flex;gap:.4rem;margin-top:.6rem;flex-wrap:wrap}.recipe-card-page{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 900px){.recipe-card-page{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}.recipe-card-paper{background:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 30px,rgba(125,175,110,.18) 30px,rgba(125,175,110,.18) 31px);border-radius:var(--radius-lg);border:1px solid var(--paper-edge);padding:1.5rem 1.5rem 2rem 3rem;position:relative;box-shadow:0 8px 28px var(--shadow)}.recipe-card-paper:before{content:"";position:absolute;left:2.25rem;top:0;bottom:0;width:1.5px;background:var(--tulip);opacity:.4}.recipe-card-paper h1{font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.25rem);margin:0 0 .25rem}.recipe-card-paper .source{color:var(--ink-soft);font-style:italic;margin-bottom:1rem}.recipe-card-paper .meta-row{display:flex;gap:.5rem;margin:.5rem 0 1.25rem;flex-wrap:wrap}.recipe-card-paper h3{font-family:var(--font-serif);font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tulip-deep);margin:1.25rem 0 .5rem}.recipe-card-paper .ingredients,.recipe-card-paper .instructions,.recipe-card-paper .raw-text{white-space:pre-wrap;font-family:var(--font-sans);line-height:1.7}.scale-row{display:flex;gap:.4rem;align-items:center;margin:.25rem 0 .85rem;flex-wrap:wrap}.photo-stack img{width:100%;max-height:50vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 12px 32px var(--shadow-deep);border:4px solid var(--paper);cursor:zoom-in;background:var(--cream-deep)}@media (min-width: 900px){.photo-stack{position:sticky;top:5.5rem}.photo-stack img{max-height:calc(100vh - 8rem)}}.photo-caption{color:var(--ink-soft);font-size:.85rem;text-align:center;margin-top:.5rem;font-style:italic}.edit-form{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 900px){.edit-form{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}.edit-photo .placeholder{display:grid;place-items:center;aspect-ratio:4 / 3;background:var(--cream-deep);border:2px dashed var(--paper-edge);border-radius:var(--radius-lg);color:var(--ink-soft);font-style:italic}.edit-photo img{width:100%;max-height:45vh;object-fit:contain;background:var(--cream-deep);border-radius:var(--radius-lg);border:4px solid var(--paper);box-shadow:0 8px 24px var(--shadow)}@media (min-width: 900px){.edit-photo{position:sticky;top:5.5rem}.edit-photo img{max-height:calc(100vh - 12rem)}}.edit-photo .photo-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.ocr-status{background:var(--daffodil-soft);border-left:4px solid var(--daffodil);color:#6b4f00;padding:.65rem .85rem;border-radius:var(--radius-sm);margin:.65rem 0 0;font-size:.92rem}.field-row{display:grid;gap:.85rem;grid-template-columns:1fr 1fr}@media (max-width: 559px){.field-row{grid-template-columns:1fr}}.dictate-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.55rem .9rem;font-size:.9rem;background:transparent;border:1.5px solid var(--paper-edge);border-radius:999px;color:var(--ink-soft)}.dictate-btn.active{background:var(--tulip);color:#fff;border-color:var(--tulip-deep);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e8574a66}50%{box-shadow:0 0 0 10px #e8574a00}}.journal-timeline{position:relative;padding-left:1.25rem;border-left:2px solid var(--sage)}.journal-entry{position:relative;background:var(--paper);border-radius:var(--radius-lg);border:1px solid var(--paper-edge);padding:1.25rem 1.4rem;margin-bottom:1.25rem;box-shadow:0 4px 14px var(--shadow);text-decoration:none;color:inherit;display:block}.journal-entry:before{content:"";position:absolute;left:-1.7rem;top:1.5rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--daffodil);border:2px solid var(--paper);box-shadow:0 0 0 2px var(--sage)}.journal-entry .date{color:var(--tulip-deep);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.journal-entry h3{font-family:var(--font-serif);font-size:1.35rem;margin:.25rem 0 .5rem}.journal-entry .preview{color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journal-page{max-width:720px;margin:0 auto;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-lg);padding:2rem 1.75rem 2.5rem;box-shadow:0 8px 28px var(--shadow);background-image:repeating-linear-gradient(transparent,transparent 32px,rgba(168,206,222,.15) 32px,rgba(168,206,222,.15) 33px)}.journal-page .date{color:var(--tulip-deep);font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.journal-page h1{margin:.4rem 0 1.5rem}.journal-page .body{white-space:pre-wrap;line-height:1.75;font-size:1.08rem}.login-card{max-width:440px;margin:2rem auto;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-lg);padding:2rem 1.75rem;box-shadow:0 8px 28px var(--shadow)}.login-card h1{margin:0 0 .5rem;font-family:var(--font-serif)}.login-card .role-tabs{display:flex;gap:.5rem;margin:1.25rem 0 1rem}.login-card .role-tabs button{flex:1;background:transparent;border:1.5px solid var(--paper-edge);border-radius:var(--radius-md);padding:.75rem;font-weight:600;color:var(--ink-soft)}.login-card .role-tabs button.active{background:var(--daffodil-soft);border-color:var(--daffodil);color:var(--ink)}.comments{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--paper-edge)}.comments h3{font-family:var(--font-serif);margin:0 0 1rem}.comment{background:var(--cream-deep);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.65rem}.comment .who{font-weight:600;color:var(--tulip-deep)}.comment .when{color:var(--ink-soft);font-size:.8rem;margin-left:.5rem}.comment .body{margin-top:.25rem;white-space:pre-wrap}.comment-form{margin-top:1rem;display:grid;gap:.65rem}.empty-state{text-align:center;padding:3rem 1rem 2rem;color:var(--ink-soft)}.empty-state h3{font-family:var(--font-serif);color:var(--ink);margin-bottom:.5rem}.photo-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none}.photo-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(.85);transform:scale(1.08);opacity:.85}.photo-backdrop-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#faf3e08c,#faf3e0eb 70%)}@media (prefers-color-scheme: dark){.photo-backdrop-overlay{background:radial-gradient(ellipse at 50% 35%,#1f1c178c,#1f1c17f2 70%)}}.photo-carousel{position:relative;width:100%;aspect-ratio:16 / 9;max-height:380px;border-radius:var(--radius-lg);overflow:hidden;background:var(--cream-deep);box-shadow:0 10px 32px var(--shadow-deep);margin-bottom:1.5rem}.photo-carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.photo-carousel img.on{opacity:1}.photo-carousel-dots{position:absolute;bottom:.85rem;left:0;right:0;display:flex;justify-content:center;gap:.4rem;z-index:2}.photo-carousel-dots .dot{width:.55rem;height:.55rem;border-radius:50%;border:none;background:#ffffff80;box-shadow:0 1px 3px #0006;cursor:pointer;padding:0;transition:background .2s,transform .2s}.photo-carousel-dots .dot.on{background:var(--daffodil);transform:scale(1.25)}@media (min-width: 760px){.photo-carousel{aspect-ratio:21 / 9;max-height:420px}}.home .home-hero .hero-avatar{width:96px;height:96px;margin-top:-3rem;position:relative;z-index:1;background:var(--paper)}.memories-strip{margin-top:2.5rem}.memories-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.memory-tile{padding:0;border:none;background:var(--paper);border-radius:var(--radius-md);overflow:hidden;cursor:zoom-in;aspect-ratio:1 / 1;box-shadow:0 3px 10px var(--shadow);transition:transform .12s,box-shadow .12s}.memory-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-deep)}.memory-tile img{width:100%;height:100%;object-fit:cover;display:block}.memory-lightbox{position:fixed;inset:0;background:#1c1812eb;display:grid;place-items:center;z-index:100;padding:1rem;cursor:zoom-out}.memory-lightbox img{max-width:100%;max-height:100%;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080}.memory-close{position:absolute;top:1rem;right:1rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.5rem;cursor:pointer;line-height:1}.memory-close:hover{background:#ffffff40}.lightbox-stage{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:100%;max-height:100%;cursor:default}.lightbox-stage img{max-width:100%;max-height:80vh;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080}.lightbox-caption{color:#fdfaf0;text-align:center;font-family:var(--font-serif);max-width:600px;padding:0 1rem}.lightbox-caption .text{font-size:1.15rem;line-height:1.4}.lightbox-caption .who{font-size:.9rem;opacity:.7;font-style:italic;margin-top:.25rem}.lightbox-delete{background:#ffffff14;color:#f0c4be;border:1px solid rgba(232,87,74,.5)}.lightbox-delete:hover{background:#e8574a40;color:#fff}.add-photo-card{background:var(--paper);color:var(--ink);padding:1.5rem;border-radius:var(--radius-lg);max-width:480px;width:100%;box-shadow:0 20px 60px #00000080;cursor:default}.add-photo-card h3{font-family:var(--font-serif);font-size:1.5rem;margin:0 0 1rem;color:var(--tulip-deep)}.add-photo-preview{width:100%;max-height:50vh;object-fit:contain;border-radius:var(--radius-md);background:var(--cream-deep);margin-bottom:.75rem}*,*:before,*:after{box-sizing:border-box}html{font-size:17px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);background-image:radial-gradient(ellipse 1200px 600px at 10% -10%,rgba(245,200,66,.18),transparent 60%),radial-gradient(ellipse 900px 500px at 110% 20%,rgba(168,206,222,.2),transparent 60%),radial-gradient(ellipse 1000px 600px at -10% 110%,rgba(125,175,110,.16),transparent 60%);background-attachment:fixed;color:var(--ink);font-family:var(--font-sans);line-height:1.55;min-height:100vh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0))}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;letter-spacing:-.005em;margin:0 0 .5rem;color:var(--ink)}h1{font-size:clamp(2rem,5vw,2.75rem);line-height:1.1}h2{font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.2}h3{font-size:1.25rem}p{margin:0 0 .85rem}a{color:var(--tulip-deep)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:1.05rem;padding:.85rem 1rem;border:1.5px solid var(--paper-edge);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);width:100%;display:block}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--tulip);box-shadow:0 0 0 3px #e8574a2e}textarea{resize:vertical;min-height:4rem;line-height:1.55}label{display:block;font-weight:600;font-size:.95rem;color:var(--ink-soft);margin:1.25rem 0 .4rem;letter-spacing:.01em;text-transform:uppercase}label .optional{font-weight:400;text-transform:none;color:#aaa;font-size:.95em}.app-shell{max-width:var(--max-content);margin:0 auto;padding:1rem 1rem 2rem}@media (min-width: 760px){.app-shell{padding:2rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;font-size:1rem;font-weight:600;border:1.5px solid var(--paper-edge);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);text-decoration:none;transition:transform .08s,box-shadow .12s,background .12s;-webkit-tap-highlight-color:transparent}.btn:hover{box-shadow:0 4px 14px var(--shadow)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--tulip);border-color:var(--tulip-deep);color:#fff}.btn-primary:hover{background:var(--tulip-deep)}.btn-sun{background:var(--daffodil);border-color:#d4a82b;color:#4a3a05}.btn-sage{background:var(--sage);border-color:#5e8e51;color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink)}.btn-fb{background:#1877f2;border-color:#145dbf;color:#fff}.btn-fb:hover{background:#145dbf;color:#fff}.fb-ico{display:inline-block;vertical-align:-3px}.btn-large{padding:1.1rem 1.5rem;font-size:1.1rem;border-radius:var(--radius-lg);width:100%}.btn-block{width:100%}.btn-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.card{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--shadow);padding:1.25rem}.tag{display:inline-flex;align-items:center;gap:.35rem;background:var(--sky);color:#1c4453;padding:.2rem .7rem;border-radius:999px;font-size:.85rem;font-weight:600}.tag-sage{background:var(--sage-soft);color:#2f4d27}.tag-sun{background:var(--daffodil-soft);color:#6b4f00}.muted{color:var(--ink-soft)}.center{text-align:center}.serif{font-family:var(--font-serif)}.italic{font-style:italic}.spacer{height:1rem}.spacer-lg{height:2rem}.error-banner{background:#ffe9e6;border:1px solid var(--tulip);color:var(--tulip-deep);padding:.85rem 1rem;border-radius:var(--radius-sm);margin:.75rem 0}.notice{background:var(--daffodil-soft);border-left:4px solid var(--daffodil);color:#6b4f00;padding:.85rem 1rem;border-radius:var(--radius-sm)}