body{background:#fff7ed;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font-family:inherit}#root{min-height:100vh}:root{color:#3e3150;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#f8f5ff;--page-2:#efe8ff;--panel:#ffffffd1;--panel-strong:#fff;--ink:#392948;--ink-soft:#6f617d;--deep:#281932;--accent:#9d78cf;--accent-strong:#7752aa;--accent-soft:#e7d9ff;--warm:#fff3df;--mint:#e0f4eb;--pink:#ffdbe7;--line:#4c356524;--shadow:0 18px 50px #412a581c;--sidebar-width:238px;background:#f8f5ff;font-family:Segoe UI,Arial,Helvetica,sans-serif}body[data-theme=blush]{--page:#fff7f8;--page-2:#ffe9ef;--ink:#4b2c3e;--ink-soft:#7d6070;--deep:#341625;--accent:#d884a2;--accent-strong:#a95476;--accent-soft:#ffd8e5;--warm:#fff1df;--mint:#e5f4ec;--pink:#ffd6e3;--line:#68304c24;--shadow:0 18px 50px #602a461c}body[data-theme=mint]{--page:#f5fcf8;--page-2:#e3f5ec;--ink:#2d493e;--ink-soft:#607a6f;--deep:#1d3028;--accent:#70b496;--accent-strong:#478269;--accent-soft:#d4f0e3;--warm:#fff3df;--mint:#d7f2e5;--pink:#f2dfe8;--line:#315d4b24;--shadow:0 18px 50px #2b58441a}body[data-theme=cream]{--page:#fffaf2;--page-2:#fff0d9;--ink:#4e3b2f;--ink-soft:#7d695c;--deep:#35261d;--accent:#c59060;--accent-strong:#92643c;--accent-soft:#ffe2c1;--warm:#fff0d6;--mint:#e9f2dc;--pink:#f5dfd5;--line:#694a3024;--shadow:0 18px 50px #5a3d251a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 10%, var(--accent-soft), transparent 28rem), radial-gradient(circle at 90% 90%, var(--pink), transparent 32rem), linear-gradient(135deg, var(--page), var(--page-2));margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,.file-button{background:var(--deep);color:#fff;cursor:pointer;border:0;border-radius:.9rem;padding:.72rem .95rem;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 8px 20px #2a183721}button:hover,.file-button:hover{transform:translateY(-1px);box-shadow:0 11px 24px #2a18372b}button:disabled{cursor:default;opacity:.72}.secondary-button{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffd1}.danger-button{color:#a44f6d;box-shadow:none;background:0 0;border:1px solid #a44f6d38}.logout-button{background:#5b2d55}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffd4;border-radius:.85rem;outline:none;padding:.82rem .9rem}textarea{resize:vertical;min-height:112px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #9d78cf21}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink)}p{color:var(--ink-soft);line-height:1.65}small,.muted-text{color:#503f60a6}.error-text{margin-bottom:0;color:#b84c6e!important}.eyebrow{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .55rem;font-size:.74rem;font-weight:800}.button-row,.pill-row,.row-actions,.topbar-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.stack-form{gap:.72rem;display:grid}.inline-form{grid-template-columns:1fr auto;gap:.68rem;display:grid}.form-two-column,.two-column,.three-column,.settings-grid,.memory-top-grid{gap:1rem;display:grid}.form-two-column,.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.lower-grid{margin-top:1rem}.tree-scene{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.tree-scene.compact{opacity:.42}.tree{opacity:.045;width:12rem;height:30rem;position:absolute;bottom:-5rem}.tree:before{content:"";background:var(--ink);border-radius:80% 20% 40%;width:1.25rem;height:20rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(2deg)}.tree:after{content:"";background:radial-gradient(circle at 26% 54%, var(--ink) 0 19%, transparent 20%), radial-gradient(circle at 57% 25%, var(--ink) 0 22%, transparent 23%), radial-gradient(circle at 72% 60%, var(--ink) 0 20%, transparent 21%), radial-gradient(circle at 45% 72%, var(--ink) 0 25%, transparent 26%);border-radius:45% 55% 48% 52%;height:13rem;position:absolute;inset:0 0 auto}.tree-one{left:-3rem;transform:scale(1.18)}.tree-two{right:1rem;transform:scale(.82)}.tree-three{opacity:.025;right:34%;transform:scale(.62)}.falling-leaf{color:var(--accent-strong);opacity:.13;animation:14s linear infinite leafFall;position:absolute;top:-3rem}.leaf-one{animation-delay:-2s;left:18%}.leaf-two{animation-duration:17s;animation-delay:-7s;left:47%}.leaf-three{animation-duration:12s;animation-delay:-10s;left:74%}.leaf-four{animation-duration:19s;animation-delay:-4s;left:89%}@keyframes leafFall{0%{transform:translateY(-2rem)rotate(0)translate(0)}50%{transform:translateY(50vh)rotate(100deg)translate(1.5rem)}to{transform:translateY(110vh)rotate(210deg)translate(-1rem)}}.entry-page{z-index:1;place-items:center;min-height:100vh;padding:2rem;display:grid;position:relative}.entry-shell{grid-template-columns:1.1fr .8fr;align-items:stretch;gap:1.2rem;width:min(980px,100%);display:grid}.entry-copy,.entry-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border-radius:1.6rem}.entry-copy{padding:clamp(2rem,5vw,4rem)}.entry-brand{align-items:center;gap:.75rem;margin-bottom:3.2rem;display:flex}.entry-brand span{width:2.7rem;height:2.7rem;color:var(--deep);background:var(--accent-soft);border-radius:.85rem;place-items:center;font-size:1.3rem;font-weight:900;display:grid}.entry-brand strong{font-size:1.1rem}.entry-copy h1{letter-spacing:-.045em;max-width:590px;margin:0;font-size:clamp(2.3rem,5.5vw,4.5rem);line-height:1.02}.entry-copy>p:not(.eyebrow){max-width:590px;font-size:1.03rem}.entry-card{align-content:center;padding:clamp(1.5rem,4vw,2.7rem);display:grid}.entry-envelope{width:3.3rem;height:3.3rem;color:var(--deep);background:var(--accent-soft);border-radius:1rem;place-items:center;margin-bottom:1.3rem;font-size:1.4rem;display:grid}.entry-card h2{margin:0;font-size:1.7rem}.entry-card>p{margin:.45rem 0 1.1rem}.entry-form{gap:.7rem;display:grid}.entry-form input{text-align:center}.entry-card small{text-align:center;margin-top:.85rem;display:block}.app-shell{z-index:1;min-height:100vh;position:relative}.sidebar{z-index:20;width:var(--sidebar-width);color:#fff;background:linear-gradient(#2c1a38 0%,#392249 100%);flex-direction:column;padding:1.4rem 1rem;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 35px #2616311f}.sidebar-brand{color:#fff;text-align:left;box-shadow:none;background:0 0;align-items:center;gap:.75rem;padding:.35rem .25rem 1.5rem;display:flex}.sidebar-brand:hover{box-shadow:none}.brand-mark{color:#321d40;background:#d7b8ff;border-radius:.9rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.35rem;font-weight:900;display:grid}.sidebar-brand div{gap:.2rem;display:grid}.sidebar-brand strong{font-size:1rem}.sidebar-brand small{color:#fff9;font-size:.76rem}.side-nav{gap:.36rem;display:grid}.side-nav button{color:#ffffffbd;text-align:left;width:100%;box-shadow:none;background:0 0;border-radius:.85rem;grid-template-columns:1.55rem 1fr;align-items:center;gap:.55rem;padding:.82rem .9rem;display:grid}.side-nav button span{text-align:center;font-size:1rem}.side-nav button:hover,.side-nav button.active{color:#fff;box-shadow:none;background:#e8d5ff24}.side-nav button.active{box-shadow:inset 3px 0 #d7b8ff}.mobile-menu-button{display:none}.content-shell{min-height:100vh;margin-left:var(--sidebar-width)}.content-topbar{z-index:12;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf7ffc7;justify-content:space-between;align-items:center;min-height:70px;padding:.75rem clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.topbar-page-name{align-items:center;gap:.55rem;display:flex}.topbar-page-name p{margin:0;font-size:.95rem}.topbar-dot{background:var(--accent);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 5px #9d78cf1f}.soft-icon-button{width:2.75rem;height:2.75rem;color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffd1;border-radius:50%;place-items:center;padding:0;display:grid}.topbar-logout{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffd1}.page-panel{width:min(1280px,100%);margin:0 auto;padding:clamp(2rem,4vw,4rem);position:relative}.page-heading-row{justify-content:space-between;align-items:flex-end;gap:1.2rem;margin-bottom:1.6rem;display:flex}.page-heading{max-width:760px}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:780;line-height:1.06}.page-heading>p:not(.eyebrow){max-width:700px;margin-bottom:0;font-size:1rem}.page-action-button{flex:none}.soft-card,.empty-state,.memory-prompt-card,.game-door,.home-quick-grid button,.home-footer-strip,.focus-card,.saved-letter-card,.photo-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:1.25rem}.soft-card{padding:1.25rem}.soft-card h3,.saved-letter-card h3,.memory-entry h3,.photo-card h3{margin:0 0 .55rem;font-size:1.08rem}.soft-card>p:first-of-type{margin-top:0}.pill-row{margin:.8rem 0}.pill-button{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffd1;padding:.55rem .72rem;font-size:.86rem}.pill-button.active{color:#fff;background:var(--accent-strong)}.empty-state{text-align:center;align-content:center;place-items:center;min-height:220px;padding:2rem;display:grid}.empty-state>span{width:3.4rem;height:3.4rem;color:var(--accent-strong);background:var(--accent-soft);border-radius:1rem;place-items:center;font-size:1.45rem;display:grid}.empty-state h3{margin:.9rem 0 .2rem}.empty-state p{max-width:420px;margin:0}.home-panel{padding-top:clamp(2rem,4vw,3.5rem)}.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(300px,.72fr);align-items:stretch;gap:1.2rem;display:grid}.home-copy{border:1px solid var(--line);min-height:420px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff9e;border-radius:1.45rem;align-content:center;padding:clamp(1.5rem,4vw,3.2rem);display:grid}.home-copy h1{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(2.6rem,5.3vw,4.7rem);font-weight:800;line-height:1.02}.home-copy>p:not(.eyebrow){max-width:680px;font-size:1.04rem}.living-tree-card{color:#fff;min-height:420px;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 25%,#e1cbff59,#0000 13rem),linear-gradient(160deg,#49305f 0%,#2b1a37 100%);border-radius:1.45rem;align-content:end;place-items:center;padding:2rem;display:grid;position:relative;overflow:hidden}.living-tree-card p{z-index:3;color:#ffffffb8;text-align:center;max-width:330px;margin:1rem 0 0;position:relative}.tree-trunk{background:#f4e2ffad;border-radius:60% 25% 25% 40%;width:1.2rem;height:13rem;position:absolute;bottom:4.7rem;left:50%;transform:translate(-50%)}.tree-crown{width:16rem;height:13rem;position:absolute;top:3.2rem;left:50%;transform:translate(-50%)}.branch{transform-origin:bottom;background:#f4e2ff8c;border-radius:999px;width:.45rem;height:9rem;position:absolute;bottom:0;left:50%}.branch-one{transform:rotate(-48deg)}.branch-two{transform:rotate(4deg)}.branch-three{transform:rotate(47deg)}.tree-dot{filter:blur(.2px);background:#cdacf0b3;border-radius:50%;width:5.3rem;height:5.3rem;animation:4.5s ease-in-out infinite treeBreathe;position:absolute}.dot-one{top:4rem;left:.5rem}.dot-two{animation-delay:-1.2s;top:.5rem;left:4rem}.dot-three{animation-delay:-2s;top:3.4rem;right:1rem}.dot-four{animation-delay:-2.8s;top:5.2rem;left:5.5rem}.dot-five{animation-delay:-3.5s;top:0;right:4rem}@keyframes treeBreathe{0%,to{opacity:.62;transform:scale(1)}50%{opacity:.82;transform:scale(1.08)}}.floating-envelope,.floating-heart{z-index:4;color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;place-items:center;animation:4s ease-in-out infinite gentleFloat;display:grid;position:absolute}.floating-envelope{border-radius:1rem;width:3.2rem;height:3.2rem;top:3.5rem;right:2rem}.floating-heart{border-radius:50%;width:2.7rem;height:2.7rem;animation-delay:-2s;bottom:7rem;left:2rem}@keyframes gentleFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}.home-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.home-quick-grid button{min-height:130px;color:var(--ink);text-align:left;background:#ffffffc2;align-content:center;justify-items:start;gap:.25rem;padding:1rem;display:grid}.home-quick-grid button>span{width:2.25rem;height:2.25rem;color:var(--accent-strong);background:var(--accent-soft);border-radius:.7rem;place-items:center;margin-bottom:.35rem;display:grid}.home-quick-grid button strong{font-size:1rem}.home-quick-grid button small{line-height:1.4}.home-footer-strip{align-items:baseline;gap:.65rem;margin-top:.85rem;padding:1rem 1.2rem;display:flex}.home-footer-strip span{letter-spacing:.09em;text-transform:uppercase;color:var(--accent-strong);font-size:.82rem;font-weight:800}.home-footer-strip strong{font-size:1.9rem}.home-footer-strip p{margin:0}.game-door{width:100%;color:var(--ink);text-align:left;background:linear-gradient(135deg, #fffc, var(--accent-soft));grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;margin-top:1rem;padding:1rem 1.2rem;display:grid}.game-door>span{background:#ffffffb8;border-radius:.9rem;place-items:center;width:3rem;height:3rem;font-size:1.25rem;display:grid}.game-door div{gap:.2rem;display:grid}.game-door small{line-height:1.4}.back-button{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffd1;margin-bottom:1rem}.game-layout{grid-template-columns:280px 1fr;gap:1rem;display:grid}.game-info{align-content:center;display:grid}.game-icon{background:var(--accent-soft);border-radius:1rem;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:1rem;font-size:1.35rem;display:grid}.success-text{font-weight:800;color:var(--accent-strong)!important}.memory-game-board{grid-template-columns:repeat(4,minmax(82px,1fr));gap:.8rem;display:grid}.memory-game-card{min-height:125px;color:var(--accent-strong);background:linear-gradient(145deg, var(--accent-soft), #ffffffe0);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.1rem;font-size:2rem}.memory-game-card.open{background:#ffffffeb}.memory-game-card.matched{background:linear-gradient(145deg, var(--mint), #fff)}.card-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-title-row h3,.card-title-row p{margin-top:0}.care-score{color:var(--accent-strong);font-size:1.7rem}.care-list{gap:.65rem;margin-top:1rem;display:grid}.care-row{border:1px solid var(--line);background:#ffffffa6;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;display:grid}.care-row>input[type=checkbox],.simple-list-row input[type=checkbox]{width:auto;accent-color:var(--accent-strong)}.care-edit-input{padding:.62rem .7rem}.completed-text{color:#503f6080;text-decoration:line-through}.mini-button{box-shadow:none;border-radius:.65rem;padding:.48rem .62rem;font-size:.78rem}.soft-message-box{min-height:120px;color:var(--ink);background:linear-gradient(135deg, var(--warm), #ffffffbf);border-radius:1rem;align-items:center;margin-top:1rem;padding:1rem;display:grid}.flower-garden{background:linear-gradient(135deg, var(--mint), #ffffffb3);border-radius:1rem;flex-wrap:wrap;align-items:center;min-height:110px;margin:.8rem 0;padding:1rem;line-height:1.8;display:flex}.letters-layout{grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.letter-form-card{height:fit-content}.browser-note{margin-bottom:0;font-size:.82rem}.letter-preview-area{border:1px solid var(--line);background:radial-gradient(circle at 50% 15%, #ffffffe6, transparent 14rem), linear-gradient(145deg, var(--accent-soft), #ffffffc7);min-height:430px;box-shadow:var(--shadow);border-radius:1.25rem;place-items:center;display:grid;overflow:hidden}.letter-preview-area .empty-state{width:100%;height:100%;box-shadow:none;background:0 0;border:0}.letter-envelope-stage{perspective:1000px;place-items:end center;width:min(560px,90%);height:330px;display:grid}.letter-envelope{width:min(430px,100%);height:220px;position:relative}.envelope-pocket{z-index:3;background:linear-gradient(145deg,#0000 49%,#c9afea 50%) 0/50% 100% no-repeat,linear-gradient(215deg,#0000 49%,#b996e2 50%) 100%/50% 100% no-repeat,#d9c4f2;border-radius:0 0 1rem 1rem;height:175px;position:absolute;inset:auto 0 0;box-shadow:0 20px 35px #38224b26}.envelope-flap{z-index:4;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(145deg,#d9c4f2,#b895df);height:130px;transition:transform .65s,z-index 0s linear .35s;position:absolute;inset:0 0 auto}.letter-paper{z-index:2;background:#fffdf9;border-radius:.9rem;width:86%;max-height:315px;padding:1.25rem;transition:transform .75s .2s;position:absolute;bottom:20px;left:50%;overflow-y:auto;transform:translate(-50%)translateY(72px);box-shadow:0 15px 35px #37234624}.letter-paper h3{margin:.4rem 0 .7rem}.letter-paper p{white-space:pre-wrap}.letter-envelope-stage.open .envelope-flap{z-index:1;transform:rotateX(180deg)}.letter-envelope-stage.open .letter-paper{z-index:5;transform:translate(-50%)translateY(-105px)}.section-subheading{justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1rem;display:flex}.section-subheading h2,.section-subheading p{margin:0}.section-subheading h2{font-size:1.45rem}.letter-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.saved-letter-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem;display:grid}.saved-letter-card>span{width:2.7rem;height:2.7rem;color:var(--accent-strong);background:var(--accent-soft);border-radius:.8rem;place-items:center;display:grid}.saved-letter-card h3,.saved-letter-card p{margin:0}.saved-letter-card p{font-size:.86rem}.saved-letter-actions{gap:.45rem;display:grid}.memory-top-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr)}.memory-prompt-card{background:linear-gradient(145deg,#3b254b,#523365);align-content:center;padding:1.5rem;display:grid}.memory-prompt-card span,.memory-prompt-card p{color:#fff}.memory-prompt-card span{letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:.78rem;font-weight:800}.memory-prompt-card p{font-size:1.25rem;line-height:1.45}.memory-prompt-card button{width:fit-content;color:var(--ink);background:#fff}.memory-timeline{gap:.85rem;display:grid;position:relative}.memory-timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:6.35rem}.memory-entry{grid-template-columns:5.5rem minmax(0,1fr);gap:1.65rem;display:grid;position:relative}.memory-dot{z-index:2;border:2px solid var(--page);background:var(--accent-strong);width:.62rem;height:.62rem;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;position:absolute;top:1.35rem;left:6.06rem}.memory-date{text-align:right;align-content:start;gap:.25rem;padding-top:1.15rem;display:grid}.memory-date strong{font-size:.84rem}.memory-date small{font-size:.75rem}.memory-content{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:1.05rem;padding:1.1rem}.memory-content h3,.memory-content p{margin-top:0}.photo-upload-card{grid-template-columns:1fr auto;align-items:center;gap:.7rem;margin-bottom:1rem;display:grid}.photo-upload-card small{grid-column:1/-1}.file-button{justify-content:center;align-items:center;display:inline-flex}.file-button input{display:none}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.photo-card{padding:.75rem}.photo-card img{aspect-ratio:1;object-fit:cover;border-radius:.95rem;width:100%;display:block}.photo-card p{margin:.7rem 0}.planner-tabs{border:1px solid var(--line);background:#ffffff94;border-radius:1rem;flex-wrap:wrap;gap:.5rem;width:fit-content;margin-bottom:1rem;padding:.45rem;display:flex}.planner-tabs button{color:var(--ink);box-shadow:none;background:0 0}.planner-tabs button.active{color:#fff;background:var(--accent-strong)}.planner-content{max-width:900px}.planner-card{min-height:430px}.simple-list{gap:.65rem;margin-top:1rem;display:grid}.simple-list .empty-state{box-shadow:none;background:#ffffff59;border:0}.simple-list-row{border:1px solid var(--line);background:#ffffffa8;border-radius:.9rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem;display:flex}.simple-list-row.align-start{align-items:flex-start}.simple-list-row label{align-items:center;gap:.65rem;display:flex}.simple-list-row div{min-width:0}.simple-list-row strong,.simple-list-row small{display:block}.simple-list-row p{margin:.3rem 0 0}.focus-card{grid-template-columns:minmax(300px,1fr) 280px;align-items:center;gap:1.2rem;padding:1.3rem;display:grid}.focus-clock{background:radial-gradient(circle at center, #ffffffeb 0 43%, transparent 44%), conic-gradient(var(--accent), var(--accent-soft), var(--mint), var(--accent));border-radius:1.2rem;align-content:center;place-items:center;min-height:360px;display:grid}.focus-clock span{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem;font-weight:800}.focus-clock strong{letter-spacing:-.05em;font-size:clamp(3rem,7vw,5rem)}.focus-controls{gap:.7rem;display:grid}.settings-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr)}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.theme-button{color:#35283f;text-align:left;min-height:115px;box-shadow:none;border:2px solid #0000;align-content:end;justify-items:start;gap:.25rem;padding:1rem;display:grid}.theme-button.active{border-color:var(--ink)}.theme-button span{opacity:.72;font-size:.8rem}.theme-lavender{background:linear-gradient(145deg,#e4d4ff,#faf7ff)}.theme-blush{background:linear-gradient(145deg,#ffd8e5,#fff8fa)}.theme-mint{background:linear-gradient(145deg,#d5f0e3,#f8fffb)}.theme-cream{background:linear-gradient(145deg,#ffe3c3,#fffaf3)}.logout-card{align-content:start;display:grid}.logout-card>span{width:3rem;height:3rem;color:var(--accent-strong);background:var(--accent-soft);border-radius:.9rem;place-items:center;font-size:1.25rem;display:grid}.logout-card h3{margin-top:1rem}@media (width<=1100px){.home-quick-grid,.three-column,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letters-layout,.memory-top-grid,.settings-grid{grid-template-columns:1fr}.letter-preview-area{min-height:410px}}@media (width<=860px){:root{--sidebar-width:0px}.mobile-menu-button{z-index:35;border-radius:.85rem;place-items:center;width:2.8rem;height:2.8rem;padding:0;display:grid;position:fixed;top:.8rem;left:.8rem}.sidebar{width:238px;transition:transform .22s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.content-shell{margin-left:0}.content-topbar{padding-left:4.25rem}.entry-shell,.home-hero,.two-column,.game-layout,.focus-card{grid-template-columns:1fr}.entry-brand{margin-bottom:2rem}.living-tree-card{min-height:360px}.memory-game-board{grid-template-columns:repeat(4,minmax(65px,1fr))}.focus-clock{min-height:300px}}@media (width<=620px){.entry-page{padding:.7rem}.entry-copy,.entry-card,.page-panel{padding:1.1rem}.entry-copy h1{font-size:2.25rem}.page-heading-row{align-items:start;display:grid}.page-heading h1{font-size:2rem}.home-copy{min-height:350px;padding:1.25rem}.home-copy h1{font-size:2.55rem}.home-quick-grid,.three-column,.photo-grid,.letter-list-grid,.theme-grid,.form-two-column,.inline-form,.photo-upload-card{grid-template-columns:1fr}.photo-upload-card small{grid-column:auto}.home-footer-strip{flex-wrap:wrap}.memory-game-board{grid-template-columns:repeat(2,minmax(90px,1fr))}.memory-game-card{min-height:100px}.care-row{grid-template-columns:auto minmax(0,1fr)}.care-row .row-actions{grid-column:1/-1;margin-left:1.9rem}.saved-letter-card{grid-template-columns:auto minmax(0,1fr)}.saved-letter-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.letter-preview-area{min-height:390px}.letter-envelope-stage{height:310px}.letter-envelope-stage.open .letter-paper{transform:translate(-50%)translateY(-92px)}.memory-timeline:before,.memory-dot{display:none}.memory-entry{grid-template-columns:1fr;gap:.4rem}.memory-date{text-align:left;padding-top:0}.planner-tabs{width:100%}.planner-tabs button{flex:30%}.simple-list-row{flex-direction:column;align-items:flex-start}.focus-clock{min-height:260px}.topbar-logout{padding-inline:.7rem}}