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:#442438;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#fff8f4;--page-2:#fff0ec;--panel:#ffffffd1;--panel-strong:#fff;--plum:#43142f;--deep-plum:#2e0e22;--soft-plum:#70455d;--rose:#d77d98;--pink:#f0a7b7;--blush:#ffd9df;--cream:#fff1df;--lavender:#eadcff;--mint:#dff3e8;--line:#58223f24;--shadow:0 24px 70px #4f1b3621;--sidebar-width:245px;background:#fff8f4;font-family:Trebuchet MS,Segoe UI,sans-serif}body[data-theme=lavender]{--page:#fbf8ff;--page-2:#f1eaff;--plum:#38244d;--deep-plum:#261733;--soft-plum:#675579;--rose:#a88ad4;--pink:#c8aff0;--blush:#eadcff;--cream:#fff6ea;--lavender:#ded0ff;--mint:#e5f4ef;--line:#4b336926}body[data-theme=mint]{--page:#f7fff9;--page-2:#eaf8f0;--plum:#23493b;--deep-plum:#173126;--soft-plum:#527263;--rose:#78b99b;--pink:#a8ddc5;--blush:#d9f1e5;--cream:#fff5e7;--lavender:#e8e2f7;--mint:#cef0df;--line:#285a4524}body[data-theme=cream]{--page:#fffaf2;--page-2:#fff1de;--plum:#4d3426;--deep-plum:#332218;--soft-plum:#785c49;--rose:#c98d65;--pink:#e6b28f;--blush:#ffe0ca;--cream:#fff0d6;--lavender:#f1e5d8;--mint:#e8f0d8;--line:#64432b24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, var(--blush), transparent 26rem), radial-gradient(circle at 90% 90%, var(--lavender), transparent 30rem), linear-gradient(135deg, var(--page), var(--page-2));min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,.file-button{background:var(--plum);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.78rem 1rem;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 10px 24px #3c142a26}button:hover,.file-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #3c142a33}button:disabled{cursor:default}.secondary-button{color:var(--plum);border:1px solid var(--line);box-shadow:none;background:#ffffffc7}.danger-button{color:#a14763;box-shadow:none;background:0 0;border:1px solid #a1476333;padding:.52rem .7rem;font-size:.82rem}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--plum);background:#ffffffbd;border-radius:1rem;outline:none;padding:.88rem .95rem}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:var(--rose);box-shadow:0 0 0 4px color-mix(in srgb, var(--blush), transparent 32%)}h1,h2,h3,p{overflow-wrap:anywhere}.eyebrow{color:var(--rose);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .65rem;font-size:.76rem;font-weight:800}.muted-text,.empty-text,small{color:color-mix(in srgb, var(--soft-plum), transparent 25%)}.error-text{margin-bottom:0;color:#c45470!important}.button-row,.pill-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.stack-form{gap:.75rem;display:grid}.inline-form{grid-template-columns:1fr auto;gap:.7rem;display:grid}.lower-grid{margin-top:1rem}.tree-scene{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.tree-scene.small{opacity:.55}.tree{opacity:.065;filter:blur(.2px);width:12rem;height:31rem;position:absolute;bottom:-5rem}.tree:before{content:"";background:var(--plum);border-radius:80% 20% 30%;width:1.25rem;height:21rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(2deg)}.tree:after{content:"";background:radial-gradient(circle at 30% 50%, var(--plum) 0 20%, transparent 21%), radial-gradient(circle at 60% 25%, var(--plum) 0 22%, transparent 23%), radial-gradient(circle at 70% 65%, var(--plum) 0 20%, transparent 21%), radial-gradient(circle at 45% 70%, var(--plum) 0 26%, transparent 27%);border-radius:42% 58% 48% 52%;height:13rem;position:absolute;inset:0 0 auto}.tree-one{left:-3rem;transform:scale(1.2)}.tree-two{right:2rem;transform:scale(.82)}.tree-three{opacity:.035;right:30%;transform:scale(.6)}.leaf{color:var(--rose);opacity:.18;font-size:1.7rem;animation:12s linear infinite drifting-leaf;position:absolute}.leaf-one{animation-delay:-2s;top:-10%;left:18%}.leaf-two{animation-delay:-7s;top:-15%;left:47%}.leaf-three{animation-delay:-4s;top:-12%;left:72%}.leaf-four{animation-delay:-10s;top:-10%;left:88%}@keyframes drifting-leaf{0%{transform:translateY(-4rem)rotate(0)}50%{transform:translate(4rem,52vh)rotate(150deg)}to{transform:translate(-2rem,110vh)rotate(320deg)}}.entry-page{background:radial-gradient(circle at 15% 20%,#d371916b,#0000 28rem),linear-gradient(125deg,#6d2948 0%,#43142f 48%,#2c0f22 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.entry-page .tree{opacity:.12}.entry-page .leaf{color:#ffdce5;opacity:.24}.entry-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#1d081538;border:1px solid #ffffff29;border-radius:2.2rem;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,6vw,6rem);width:min(1120px,100%);min-height:min(700px,100vh - 3rem);padding:clamp(2rem,6vw,5rem);display:grid;position:relative;box-shadow:0 30px 100px #0f040b52}.entry-logo{color:#fff6ed;margin:0 0 4rem;font-size:1.2rem;font-weight:900}.entry-copy .eyebrow{color:#f3a8bb}.entry-copy h1{color:#fff5ed;letter-spacing:-.055em;max-width:680px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:500;line-height:.98}.entry-text{color:#fff5edc7;max-width:620px;margin:1.4rem 0;font-size:1.08rem;line-height:1.8}.entry-details{flex-wrap:wrap;gap:.55rem;display:flex}.entry-details span{color:#fff5edd1;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:.55rem .75rem;font-size:.82rem}.entry-form-wrap{background:#fff9f4eb;border:1px solid #ffffff24;border-radius:1.8rem;padding:2rem;box-shadow:0 24px 60px #0f040b33}.envelope-mark{background:var(--blush);width:3.7rem;height:3.7rem;color:var(--plum);border-radius:1.2rem;place-items:center;font-size:1.45rem;display:grid}.entry-form-wrap h2{color:var(--plum);margin:1rem 0 .3rem;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:600}.entry-form-wrap p{color:var(--soft-plum);line-height:1.6}.entry-form{gap:.75rem;margin:1rem 0;display:grid}.entry-form input{text-align:center;letter-spacing:.18em}.app-shell{min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);z-index:20;background:linear-gradient(180deg, var(--deep-plum), var(--plum));color:#fff;flex-direction:column;padding:1.2rem;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:20px 0 60px #3d112a24}.sidebar-brand{cursor:pointer;align-items:center;gap:.75rem;padding:.55rem .4rem 1.2rem;display:flex}.brand-mark{width:2.7rem;height:2.7rem;color:var(--plum);background:linear-gradient(145deg,#ffd9df,#f0a7b7);border-radius:1rem;place-items:center;font-family:Georgia,serif;font-size:1.4rem;font-weight:800;display:grid}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{color:#ffffff8c;margin-top:.15rem;font-size:.72rem}.side-nav{gap:.28rem;padding-right:.2rem;display:grid;overflow-y:auto}.side-nav button{color:#ffffffb0;width:100%;box-shadow:none;text-align:left;background:0 0;border-radius:.9rem;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.side-nav button span{text-align:center;width:1.6rem;font-size:1rem}.side-nav button:hover,.side-nav button.active{color:#fff;box-shadow:none;background:#ffffff1a;transform:none}.side-nav button.active{background:linear-gradient(90deg,#f0a7b738,#ffffff14)}.sidebar-note{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin-top:auto;padding:1rem}.sidebar-note span{color:#f0a7b7}.sidebar-note p{color:#ffffff9e;margin:.35rem 0 0;font-size:.8rem;line-height:1.5}.content-shell{width:calc(100% - var(--sidebar-width));min-height:100vh;margin-left:var(--sidebar-width);z-index:2;position:relative}.content-topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--page), transparent 18%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;justify-content:space-between;align-items:center;height:4.4rem;padding:0 2rem;display:flex;position:sticky;top:0}.content-topbar>div{align-items:center;gap:.55rem;display:flex}.content-topbar p{color:var(--soft-plum);margin:0;font-size:.88rem}.topbar-dot{background:var(--rose);width:.55rem;height:.55rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--blush), transparent 35%);border-radius:50%}.soft-icon-button{width:2.5rem;height:2.5rem;color:var(--plum);border:1px solid var(--line);box-shadow:none;background:#ffffffc2;padding:0}.mobile-menu-button{display:none}.page-panel{width:min(1180px,100% - 3rem);margin:0 auto;padding:2.4rem 0 4rem;animation:.35s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-heading{max-width:760px;margin-bottom:1.6rem}.page-heading h1{color:var(--plum);letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,5vw,4.8rem);font-weight:500;line-height:1}.page-heading>p:last-child{color:var(--soft-plum);margin:.9rem 0 0;font-size:1.02rem;line-height:1.7}.home-panel{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-content:center;gap:1.4rem;min-height:calc(100vh - 4.4rem);display:grid;position:relative}.home-copy{align-self:center;padding:clamp(1rem,3vw,2rem)}.home-copy h1{max-width:720px;color:var(--plum);letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,6vw,6.4rem);font-weight:500;line-height:.98}.home-copy>p:not(.eyebrow){max-width:620px;color:var(--soft-plum);font-size:1.08rem;line-height:1.8}.home-card-stack{align-content:center;gap:1rem;display:grid}.home-note-card{min-height:220px;box-shadow:var(--shadow);border-radius:1.7rem;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;transform:rotate(1deg)}.home-note-card:nth-child(2){transform:rotate(-1deg)}.home-note-card span{letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:800}.home-note-card p{margin:1rem 0;font-family:Georgia,serif;font-size:1.75rem;line-height:1.25}.rose-card{background:linear-gradient(145deg, var(--plum), color-mix(in srgb, var(--plum), #8d4668 42%));color:#fff}.rose-card p,.rose-card span{color:#fff}.rose-card button{width:fit-content;color:var(--plum);background:#fff}.cream-card{background:linear-gradient(145deg, var(--cream), #fff);min-height:150px;color:var(--plum)}.mini-countdown{align-items:end;gap:.6rem;display:flex}.mini-countdown strong{font-family:Georgia,serif;font-size:4rem;font-weight:500}.mini-countdown p{margin:0 0 .7rem;font-family:inherit;font-size:1rem}.quick-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.quick-card{min-height:95px;color:var(--plum);border:1px solid var(--line);background:#ffffffb3;border-radius:1.25rem;justify-content:flex-start;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 12px 30px #4f1b3614}.quick-card span{background:var(--blush);border-radius:1rem;place-items:center;width:2.8rem;height:2.8rem;display:grid}.two-column,.three-column,.letters-layout,.memory-intro-grid,.focus-layout,.capsule-layout,.settings-layout,.favorites-grid{gap:1rem;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.soft-card,.game-card,.capsule-card,.timeline article{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.45rem;padding:1.3rem;box-shadow:0 16px 45px #4f1b3614}.soft-card h3,.capsule-card h3,.timeline h3{color:var(--plum);margin:0 0 .75rem;font-size:1.15rem}.soft-card p,.capsule-card p,.timeline p{color:var(--soft-plum);line-height:1.65}.featured-card,.affirmation-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--blush), transparent 18%), transparent 12rem), var(--panel)}.tiny-badge{background:var(--blush);width:fit-content;color:var(--plum);border-radius:999px;padding:.42rem .68rem;font-size:.76rem;font-weight:800;display:inline-flex}.big-soft-text{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.7rem);color:var(--plum)!important;line-height:1.25!important}.message-paper{background:linear-gradient(145deg, var(--cream), #fff);border-radius:1rem;align-items:center;min-height:120px;padding:1rem;font-family:Georgia,serif;font-size:1.25rem;display:flex;color:var(--plum)!important}.sticky-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.sticky-note{min-height:130px;color:var(--plum);background:linear-gradient(145deg,#fff0b7,#ffe1e7);border-radius:1.1rem;align-items:center;padding:1rem;display:flex;transform:rotate(-1deg);box-shadow:0 12px 28px #4f1b3614}.sticky-note:nth-child(2n){background:linear-gradient(145deg, var(--lavender), #fff);transform:rotate(1deg)}.pill-button{color:var(--plum);border:1px solid var(--line);box-shadow:none;background:#fff;padding:.58rem .75rem}.pill-button.active{color:#fff;background:var(--plum)}.game-card{background:radial-gradient(circle at top left, var(--lavender), transparent 18rem), var(--panel);grid-template-columns:280px 1fr;align-items:center;gap:1.2rem;display:grid}.game-copy h2{color:var(--plum);margin:0;font-family:Georgia,serif;font-size:2rem;font-weight:500}.memory-game-board{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.memory-game-card{background:linear-gradient(145deg, var(--blush), var(--lavender));min-height:105px;color:var(--plum);border-radius:1.2rem;font-size:2rem}.memory-game-card.open{background:#fff}.memory-game-card.matched{background:linear-gradient(145deg, var(--mint), #fff);opacity:.8}.score-number{font-family:Georgia,serif;font-size:3.4rem;color:var(--plum)!important;margin:.2rem 0 .8rem!important}.check-list,.note-list{gap:.65rem;margin:1rem 0;display:grid}.check-list label,.list-row{border:1px solid var(--line);background:#ffffff8f;border-radius:.95rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem;display:flex}.check-list label{justify-content:flex-start}.check-list input,.list-row input{width:auto;accent-color:var(--rose)}.align-start{align-items:flex-start}.list-row p{color:var(--soft-plum);margin:.3rem 0 0;line-height:1.5}.list-row small{margin-top:.2rem;display:block}.done-task{color:color-mix(in srgb, var(--soft-plum), transparent 25%);text-decoration:line-through}.flower-garden{min-height:85px;color:var(--soft-plum);margin:1rem 0;font-size:1.7rem;line-height:1.7}.letters-layout{grid-template-columns:310px minmax(0,1fr);align-items:start}.letter-picker{gap:.65rem;display:grid}.letter-choice{width:100%;min-height:72px;color:var(--plum);border:1px solid var(--line);box-shadow:none;text-align:left;background:#ffffffb3;border-radius:1rem;justify-content:flex-start;align-items:center;gap:.75rem;padding:.9rem;display:flex}.letter-choice span{background:var(--blush);border-radius:.9rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.letter-choice.active{background:var(--plum);color:#fff}.envelope-stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 20%, var(--blush), transparent 16rem), #ffffff8f;border-radius:1.5rem;place-items:center;min-height:520px;padding:2rem;display:grid;overflow:hidden}.envelope{perspective:900px;width:min(520px,100%);height:300px;position:relative}.envelope-back,.envelope-front,.envelope-flap{border-radius:1rem;position:absolute;inset:0}.envelope-back{background:#f2b8c7;box-shadow:0 24px 55px #4f1b362e}.envelope-front{z-index:4;background:linear-gradient(32deg,#e99eb2 0 49%,#0000 50%),linear-gradient(-32deg,#f5c1ce 0 49%,#0000 50%)}.envelope-flap{z-index:5;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(145deg,#ffd9e1,#efadc0);height:58%;transition:transform .75s}.letter-sheet{z-index:3;background:#fffaf4;border-radius:.8rem;min-height:270px;padding:1.5rem;transition:transform .8s .15s;position:absolute;bottom:9%;left:7%;right:7%;transform:translateY(0);box-shadow:0 15px 35px #4f1b3626}.letter-sheet h2{color:var(--plum);margin:.8rem 0;font-family:Georgia,serif;font-size:2rem;font-weight:500}.letter-sheet p{color:var(--soft-plum);line-height:1.7}.envelope-stage.open .envelope-flap{z-index:2;transform:rotateX(180deg)}.envelope-stage.open .letter-sheet{transform:translateY(-190px)}.open-letter-button{margin-top:8.5rem}.saved-letter{border:1px solid var(--line);background:linear-gradient(145deg, var(--cream), #fff);border-radius:1rem;padding:1rem}.saved-letter p{color:var(--plum);font-family:Georgia,serif;font-size:1.15rem;line-height:1.6}.memory-intro-grid{grid-template-columns:1fr 1fr}.mini-polaroids{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.mini-polaroids article{background:linear-gradient(145deg, var(--blush), var(--lavender));border:8px solid #fff;border-bottom-width:26px;border-radius:.4rem;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:1rem;display:flex;transform:rotate(-1deg);box-shadow:0 14px 30px #4f1b361a}.mini-polaroids article:nth-child(2n){transform:rotate(1deg)}.mini-polaroids span{font-size:2.4rem}.mini-polaroids p{color:var(--plum);text-align:center;font-weight:700}.timeline{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.timeline article{border-left:5px solid var(--rose)}.timeline article>span{color:var(--rose);text-transform:uppercase;font-size:.78rem;font-weight:800}.photo-upload-row{grid-template-columns:1fr auto;gap:.7rem;display:grid}.file-button{justify-content:center;align-items:center;display:inline-flex}.file-button input{display:none}.photo-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.photo-card{border:1px solid var(--line);background:#fff;border-radius:1.2rem;padding:.8rem;box-shadow:0 16px 35px #4f1b3617}.photo-card img{aspect-ratio:1;object-fit:cover;border-radius:.9rem;width:100%}.photo-card p{color:var(--plum);font-family:Georgia,serif;font-size:1.05rem}.empty-photo-card{grid-column:1/-1}.focus-layout{border:1px solid var(--line);background:radial-gradient(circle at 20% 20%, var(--blush), transparent 18rem), #ffffffa3;border-radius:1.6rem;grid-template-columns:minmax(0,1fr) 320px;align-items:center;min-height:480px;padding:2rem}.clock-face{aspect-ratio:1;background:radial-gradient(circle, #fffffff2 0 57%, transparent 58%), conic-gradient(var(--rose), var(--lavender), var(--mint), var(--rose));border-radius:50%;align-content:center;place-items:center;width:min(360px,100%);margin:auto;display:grid;box-shadow:0 24px 60px #4f1b3626}.clock-face span{color:var(--rose);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:800}.clock-face strong{color:var(--plum);font-family:Georgia,serif;font-size:clamp(3.5rem,7vw,6rem);font-weight:500}.focus-controls{gap:.7rem;display:grid}.capsule-layout{grid-template-columns:340px 1fr;align-items:start}.capsule-maker{position:sticky;top:6rem}.capsule-list{gap:.8rem;display:grid}.capsule-card.locked{background:radial-gradient(circle at top right, var(--lavender), transparent 15rem), var(--panel)}.capsule-card.open{background:radial-gradient(circle at top right, var(--mint), transparent 15rem), var(--panel)}.favorites-grid{grid-template-columns:repeat(2,1fr)}.favorite-photo-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.favorite-photo-grid img{aspect-ratio:1;object-fit:cover;border-radius:.8rem;width:100%}.settings-layout{grid-template-columns:1.35fr .65fr}.theme-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.theme-button{text-align:left;border:2px solid #0000;border-radius:1.1rem;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:120px;padding:1rem;display:flex}.theme-button span{opacity:.75;margin-top:.2rem;font-size:.75rem}.theme-button.active{border-color:currentColor}.theme-blush{color:#43142f;background:linear-gradient(145deg,#ffd9df,#fff5f0)}.theme-lavender{color:#38244d;background:linear-gradient(145deg,#eadcff,#fbf8ff)}.theme-mint{color:#23493b;background:linear-gradient(145deg,#dff3e8,#f7fff9)}.theme-cream{color:#4d3426;background:linear-gradient(145deg,#ffe0ca,#fffaf2)}body.compact-mode .page-panel{padding-top:1.5rem}body.compact-mode .soft-card,body.compact-mode .game-card,body.compact-mode .capsule-card{border-radius:1.15rem;padding:1rem}body.compact-mode .home-note-card{min-height:165px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1050px){:root{--sidebar-width:215px}.three-column,.theme-grid{grid-template-columns:repeat(2,1fr)}.home-copy h1{font-size:clamp(3rem,6vw,5rem)}}@media (width<=820px){.entry-card,.home-panel,.two-column,.three-column,.letters-layout,.memory-intro-grid,.focus-layout,.capsule-layout,.settings-layout,.favorites-grid,.game-card{grid-template-columns:1fr}.entry-card{min-height:auto}.entry-logo{margin-bottom:2rem}.sidebar{width:min(285px,100% - 3rem);transition:transform .25s;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.content-shell{width:100%;margin-left:0}.mobile-menu-button{z-index:40;border-radius:.9rem;place-items:center;width:2.8rem;height:2.8rem;padding:0;display:grid;position:fixed;top:.9rem;left:.9rem}.content-topbar{padding-left:4.5rem}.page-panel{width:min(100% - 1.3rem,1180px)}.quick-grid,.photo-grid,.timeline{grid-template-columns:repeat(2,1fr)}.capsule-maker{position:static}.open-letter-button{margin-top:7rem}}@media (width<=560px){.entry-page{padding:.7rem}.entry-card{border-radius:1.4rem;padding:1.2rem}.entry-copy h1{font-size:clamp(2.5rem,12vw,4rem)}.entry-form-wrap{padding:1.25rem}.content-topbar{height:4rem;padding-right:.8rem}.page-panel{padding-top:1.3rem}.page-heading h1,.home-copy h1{font-size:clamp(2.6rem,12vw,4rem)}.quick-grid,.photo-grid,.timeline,.mini-polaroids,.theme-grid,.memory-game-board,.favorite-photo-grid{grid-template-columns:repeat(2,1fr)}.inline-form,.photo-upload-row{grid-template-columns:1fr}.home-note-card{min-height:170px}.envelope-stage{min-height:500px;padding:1rem}.envelope{height:240px}.letter-sheet{min-height:235px;padding:1rem}.letter-sheet h2{font-size:1.45rem}.envelope-stage.open .letter-sheet{transform:translateY(-170px)}.open-letter-button{margin-top:9rem}.focus-layout{padding:1rem}.clock-face{width:min(290px,100%)}.list-row{flex-direction:column;align-items:flex-start}}