.jar-main{max-width:1110px;margin:auto;padding:58px 50px 70px;color:#30372b}.jar-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.jar-heading .eyebrow,.jar-intro .eyebrow,.jar-year-garden .eyebrow,.jar-review-invite .eyebrow{color:#a1834e;font-size:8px;letter-spacing:1.7px}.jar-heading h1{font-family:var(--display);font-size:41px;letter-spacing:-2px;font-weight:550;margin:15px 0 12px}.jar-heading p{font-size:13px;color:#7d8573;margin:0}.jar-year-picker{display:grid;gap:8px;font-size:9px;color:#7b856e;letter-spacing:.6px}.jar-year-picker select{appearance:none;background:#fffdf6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%23757f69'/%3E%3C/svg%3E") right 15px center/12px no-repeat;border:1px solid #d8ddce;padding:11px 38px 11px 17px;border-radius:25px;font:500 13px var(--sans);color:#30372b;cursor:pointer}.jar-year-picker select:focus-visible{outline:2px solid #a1834e;outline-offset:4px}.jar-stage{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding:45px 0 65px}.jar-object{display:grid;place-items:center;min-height:340px}.gratitude-jar{width:248px;height:320px;position:relative;isolation:isolate}.jar-halo{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#e4d3a957,transparent 68%);left:50%;top:45%;transform:translate(-50%,-50%);z-index:-2}.jar-shadow{position:absolute;left:1%;bottom:0;width:98%;height:23px;border-radius:50%;background:#65735125;filter:blur(10px);z-index:-1}.jar-lid{position:absolute;top:12px;left:6px;right:6px;height:36px;border-radius:50% 50% 17% 17%/34% 34% 25% 25%;background:repeating-linear-gradient(1deg,#bda17c22 0 1px,transparent 1px 5px),linear-gradient(100deg,#d9c39e,#c2a67f 55%,#e2cfab);box-shadow:inset 0 4px 3px #f9e5bd88,inset 0 -4px 4px #98784925,0 4px 7px #4a452423;z-index:4}.jar-glass{position:absolute;top:39px;bottom:16px;left:7px;right:7px;border:1px solid #a6b49a80;border-bottom:5px solid #a9b89c70;border-radius:25px 25px 43px 43px/25px 25px 29px 29px;background:linear-gradient(100deg,#ffffffb3,#eceddd14 15%,#e3eadc50 75%,#fffaf475 92%,#bec9ae65);box-shadow:inset 7px 0 12px #ffffffb5,inset -4px -3px 12px #a7b69a25,2px 10px 17px -15px #455a3a60;overflow:hidden}.jar-glass:after{content:'';position:absolute;inset:9px 5px;border:1px solid #fff8;border-radius:17px 17px 32px 32px/20px;pointer-events:none}.jar-papers{position:absolute;inset:5px 4px 8px;overflow:hidden;border-radius:20px 20px 35px 35px}.jar-papers i{position:absolute;width:58px;height:20px;left:var(--x);bottom:var(--y);transform:translateX(-50%) rotate(var(--r));border-radius:2px;background:linear-gradient(0deg,#0000000d,transparent 30%),var(--paper-color);box-shadow:1px 3px 5px #665a3520;animation:tuck-paper .6s var(--ease) var(--delay) both}.jar-papers i:after{content:'';position:absolute;left:5px;right:5px;top:40%;height:1px;background:#83714220;box-shadow:0 4px #83714212}.jar-label{position:absolute;left:14%;right:14%;top:32%;height:101px;border-radius:3px;background:#f4ecd5e8;box-shadow:0 2px 3px #52421b08;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-2deg);z-index:2}.jar-label>span{font-size:6px;letter-spacing:1.6px;color:#8b825f}.jar-label strong{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-1.6px;color:#4d5843;margin:7px 0 5px}.jar-label strong span{color:#b39459}.jar-label em{font-family:Georgia,serif;font-size:8px;font-style:italic;letter-spacing:.3px;color:#8f8060}.jar-shine{position:absolute;top:10px;left:15px;width:7px;bottom:17px;border-radius:70%;background:#fff7;filter:blur(1px);z-index:3}.jar-small{width:176px;height:222px}.jar-small .jar-lid{height:25px;top:8px}.jar-small .jar-glass{top:28px;bottom:10px;border-radius:20px 20px 30px 30px}.jar-small .jar-label{height:72px;top:31%}.jar-small .jar-label strong{font-size:22px;margin:4px 0}.jar-small .jar-label>span{font-size:4px;letter-spacing:1px}.jar-small .jar-label em{font-size:6px}.jar-small .jar-papers i{width:40px;height:14px}.jar-small .jar-halo{width:260px;height:260px}.jar-intro h2{font-family:var(--display);font-size:34px;font-weight:500;line-height:1.25;letter-spacing:-1.5px;margin:15px 0 19px;max-width:350px}.jar-intro>p{font-size:14px;color:#7b846e;line-height:1.85;max-width:340px;margin:0}.jar-counts{display:flex;gap:37px;margin:28px 0}.jar-counts strong{display:block;font-family:var(--display);font-size:31px;font-weight:500;letter-spacing:-1px}.jar-counts span{font-size:9px;color:#7b846e;display:block;margin-top:7px}.jar-intro>.button{font-size:12px;min-height:49px;padding:14px 23px}.jar-intro>.jar-begin{display:flex;width:max-content;margin-top:13px;font-size:11px}.jar-caption{font-size:9px;color:#8a927f;display:block;margin-top:11px}.jar-year-garden{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;border-top:1px solid #dedfd5;padding:41px 0 47px;align-items:center}.jar-year-garden h2{font-family:var(--display);font-weight:500;font-size:25px;letter-spacing:-1px;margin:12px 0 16px}.jar-year-garden p{font-size:12px;color:#7b846e;line-height:1.8;max-width:330px;margin-bottom:14px}.jar-kind-note{font-size:10px;color:#8f937f}.jar-calendar{display:grid;grid-template-columns:repeat(26,1fr);gap:6px;max-width:390px}.jar-calendar i{display:block;aspect-ratio:1;border-radius:50%;background:#dce2d2}.jar-calendar i.kept{background:#c4a15d;box-shadow:0 0 0 1px #b5935620}.jar-calendar i.future{background:#eceee5}.jar-calendar-legend{display:flex;align-items:center;gap:7px;font-size:8px;color:#89917f;margin-top:14px}.jar-calendar-legend i{width:6px;height:6px;background:#c4a15d;border-radius:50%}.jar-review-invite{display:flex;gap:32px;justify-content:space-between;align-items:center;background:#eaeddf;border-radius:14px;padding:30px 35px}.jar-review-invite h2{font-family:var(--display);font-size:25px;letter-spacing:-1px;font-weight:500;margin:10px 0 15px}.jar-review-invite p{font-size:12px;line-height:1.8;color:#77816a;margin:0}.jar-review-invite .button{font-size:11px;min-height:47px;padding:14px 20px;flex-shrink:0}.jar-review-invite .button:disabled{color:#77816a;background:#d9dfca;box-shadow:none;transform:none;white-space:normal;max-width:160px;line-height:1.6}.jar-privacy-note{font-size:10px;color:#858d79;text-align:center;margin:25px 0 0;line-height:1.8}.jar-completion-link{display:flex;width:100%;align-items:center;gap:14px;text-align:left;background:#e7eadb;border:1px solid #d9dfcb;border-radius:13px;padding:16px 19px;color:#657356;font-size:11px;margin:0 0 24px}.jar-completion-link svg{width:24px;height:24px}.jar-completion-link small{display:block;font-size:9px;margin-top:6px;color:#8a947b}
.jar-memory-dialog,.jar-review-dialog{color:#30372b;background:#f8f6f1;border:1px solid #dce0d2;padding:40px 35px 28px;width:min(570px,calc(100% - 32px));max-height:90dvh;border-radius:25px;overflow-y:auto}.jar-memory-dialog::backdrop,.jar-review-dialog::backdrop{background:#30372b66;backdrop-filter:blur(8px)}.jar-memory-dialog .eyebrow,.jar-review-dialog>.eyebrow{font-size:8px;color:#9b8050;letter-spacing:1.5px;justify-content:center;text-align:center}.jar-memory-dialog h2,.jar-review-dialog h2{font-family:var(--display);font-size:33px;font-weight:500;letter-spacing:-1.4px;line-height:1.25;margin:18px 0 24px;text-align:center}.memory-paper{background:#f1e4b9;padding:30px 27px 25px;border-radius:3px 12px 3px 14px;box-shadow:0 9px 18px -13px #77613240;transform:rotate(-1deg);text-align:center;position:relative}.memory-paper>span{color:#b59a60;font-size:23px}.memory-paper blockquote{font:22px/1.6 Georgia,serif;margin:18px 0 24px;white-space:pre-wrap;overflow-wrap:anywhere;color:#596047}.memory-paper p{font-size:9px;color:#928461;line-height:1.6;margin:0}.memory-paper.unfold{animation:unfold-memory .5s var(--ease)}.memory-actions{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;margin-top:27px}.memory-actions .button{font-size:11px;min-height:47px}.memory-actions .text-link{font-size:11px;color:#7b846e;min-height:30px}.jar-share-fallback{margin-top:20px;border-top:1px solid #dce0d2;padding-top:20px}.jar-share-fallback label{display:block;font-size:11px;color:#7b846e;margin-bottom:10px}.jar-share-fallback textarea{width:100%;font:12px/1.8 var(--sans);resize:vertical;border:1px solid #dce0d2;border-radius:10px;background:#fffdf7;padding:15px;color:#48523d}.jar-share-fallback .text-link{font-size:11px;margin-top:10px}.jar-review-dialog{width:min(640px,calc(100% - 28px));padding:48px 38px 24px}.review-progress{display:flex;gap:7px;margin:0 auto 26px;max-width:260px}.review-progress i{height:3px;flex:1;background:#dee3d3;border-radius:5px}.review-progress i.done{background:#b89a5c}.jar-review-dialog h2{max-width:430px;margin:15px auto 20px}.review-cover{text-align:center}.review-cover .gratitude-jar{margin:0 auto 13px}.review-cover>strong{font-family:var(--display);font-size:50px;font-weight:500;letter-spacing:-2px;display:block;line-height:1.2}.review-cover>p,.review-intro{color:#7b846e;font-size:13px;line-height:1.9;text-align:center}.review-intro{margin:15px auto 25px}.review-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce0d2;padding-top:17px;margin-top:26px}.review-navigation .text-link{font-size:11px;min-height:37px}.review-navigation button:disabled{opacity:.35;cursor:default}.review-navigation>span{font-size:9px;color:#919984}.review-months{display:grid;grid-template-columns:repeat(12,1fr);gap:9px;max-width:480px;margin:40px auto 10px}.review-months>div{display:flex;flex-direction:column;align-items:center;gap:8px}.month-column{height:135px;width:100%;display:flex;align-items:flex-end;justify-content:center}.month-column i{width:100%;max-width:21px;background:#e0e4d7;border-radius:15px 15px 4px 4px;min-height:3px}.month-column i.kept{background:linear-gradient(#c8ad72,#a8b290)}.review-months span{font-size:8px;color:#7b846e}.review-months b{font-weight:400;font-size:9px;color:#97a087}.review-footnote{font-size:10px;line-height:1.8;color:#929983;text-align:center;margin:17px auto 0;max-width:440px}.review-ritual-counts{display:flex;justify-content:center;gap:30px;margin:32px 0 38px;color:#7b846e;font-size:12px}.review-first{background:#f1e7c8;text-align:center;border-radius:10px 3px 14px 3px;padding:30px 28px;margin:30px 0 20px;transform:rotate(-1deg)}.paper-pin{font-size:27px;color:#af955c}.review-first blockquote{font:24px/1.65 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;color:#5e664e}.review-first>p{font-size:10px;color:#948564}.review-memories{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:26px 0}.review-memories article{padding:20px 20px 21px;border-radius:4px 12px 5px 10px;background:color-mix(in srgb,var(--memory-paper) 36%,#faf7ee);align-self:start}.review-memories article:nth-child(2n){margin-top:20px}.review-memories span{font-size:8px;color:#7b846e}.review-memories p{font:15px/1.7 Georgia,serif;margin:15px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.keepsake-preview{text-align:center;border:1px solid #d5dcc8;background:#eef0e5;border-radius:13px;padding:25px 20px;margin:25px 10px}.keepsake-preview>.eyebrow{font-size:7px;color:#9b8050;justify-content:center}.keepsake-preview strong{display:block;font-family:var(--display);font-size:65px;font-weight:500;letter-spacing:-4px;margin:10px 0}.keepsake-preview p{font-size:11px;color:#68765c}.keepsake-preview>span:last-child{font:12px Georgia,serif;color:#8a947b}.keepsake-actions{display:flex;align-items:center;gap:9px;flex-direction:column}.keepsake-actions .button{min-height:48px;font-size:11px}.keepsake-actions .text-link{font-size:11px;color:#7b846e}.jar-website-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:10px;padding-bottom:95px}.jar-website-art{display:grid;place-items:center;background:radial-gradient(ellipse,#e8e5d4,transparent 65%);min-height:410px}.jar-website-art .gratitude-jar{transform:scale(1.13)}.jar-website-section h2{font-family:var(--display);font-size:45px;line-height:1.2;letter-spacing:-2px;font-weight:550;margin:20px 0}.jar-website-section h2 span{color:#8f9a7f}.jar-website-section p{color:var(--muted);font-size:14px;line-height:1.9;max-width:370px}.jar-website-section .text-link{margin-top:13px}
@keyframes tuck-paper{from{opacity:0;translate:0 -22px}to{opacity:1;translate:0 0}}@keyframes unfold-memory{from{opacity:.2;transform:translateY(12px) rotate(2deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}
@media(max-width:800px){.jar-main{padding:42px 30px 55px}.jar-heading h1{font-size:35px}.jar-stage{gap:30px;padding:40px 0 45px}.gratitude-jar{width:220px;height:290px}.jar-object{min-height:300px}.jar-intro h2{font-size:28px}.jar-intro>p{font-size:12px}.jar-counts{gap:29px;margin:24px 0}.jar-counts strong{font-size:27px}.jar-year-garden{gap:34px}.jar-calendar{gap:5px}.jar-review-invite{padding:25px;gap:22px}.jar-review-invite h2{font-size:23px}.jar-review-invite .button{font-size:10px;padding:12px 16px}.jar-website-section{gap:35px}.jar-website-section h2{font-size:35px}.jar-website-section p{font-size:12px}.jar-website-art .gratitude-jar{transform:scale(1.02)}.jar-small{width:176px;height:222px}}
@media(max-width:700px){.app-header{height:auto;min-height:114px;padding-top:14px;padding-bottom:10px}.app-nav{width:100%;justify-content:center;gap:2px}.app-nav button{padding:10px 12px;font-size:11px;min-height:40px}.jar-main{padding:33px 24px 40px}.jar-heading{gap:12px;align-items:flex-end}.jar-heading .eyebrow{font-size:7px;letter-spacing:1px}.jar-heading h1{font-size:30px;letter-spacing:-1.5px;margin:12px 0 9px}.jar-heading p{font-size:11px;max-width:205px;line-height:1.7}.jar-year-picker{font-size:8px;gap:7px}.jar-year-picker select{font-size:11px;padding:10px 29px 10px 13px;background-position:right 10px center}.jar-stage{display:flex;flex-direction:column;gap:25px;padding:20px 0 36px}.jar-object{min-height:290px}.gratitude-jar{width:215px;height:282px}.jar-intro{text-align:center;width:100%}.jar-intro>.eyebrow{justify-content:center}.jar-intro h2{font-size:28px;margin:12px auto 15px;max-width:330px}.jar-intro>p{max-width:325px;margin:auto;font-size:13px;line-height:1.85}.jar-counts{justify-content:center;margin:22px 0;gap:38px}.jar-intro>.jar-begin{margin:12px auto 0}.jar-intro>.button{font-size:11px;padding:13px 22px}.jar-caption{font-size:9px;line-height:1.6}.jar-year-garden{display:block;padding:30px 0}.jar-year-garden h2{font-size:23px}.jar-year-garden p{font-size:12px}.jar-kind-note{font-size:10px}.jar-year-garden>div+div{margin-top:25px}.jar-calendar{gap:6px;max-width:none}.jar-calendar-legend{font-size:9px}.jar-review-invite{display:block;padding:25px;border-radius:15px}.jar-review-invite h2{font-size:23px;line-height:1.35}.jar-review-invite .button{margin-top:21px;max-width:none;min-height:45px;font-size:11px}.jar-review-invite .button:disabled{max-width:none}.jar-privacy-note{font-size:9px;padding:0 7px}.jar-memory-dialog{padding:39px 24px 25px}.jar-memory-dialog h2{font-size:29px}.memory-paper{padding:25px 20px}.memory-paper blockquote{font-size:20px}.jar-review-dialog{padding:43px 23px 20px;border-radius:21px}.jar-review-dialog h2{font-size:29px;letter-spacing:-1.2px}.jar-review-dialog>.eyebrow{font-size:6px;letter-spacing:1px}.review-progress{margin-bottom:23px;max-width:210px}.jar-small{width:163px;height:206px}.jar-small .jar-label{height:68px}.review-cover>strong{font-size:43px}.review-cover>p,.review-intro{font-size:12px}.review-months{gap:5px;margin-top:30px}.month-column{height:120px}.review-months span{font-size:7px}.review-months b{font-size:8px}.review-ritual-counts{font-size:11px;gap:20px;margin-bottom:27px}.review-first{padding:24px 21px}.review-first blockquote{font-size:22px}.review-memories{gap:12px}.review-memories article{padding:17px 14px}.review-memories p{font-size:14px}.review-memories span{font-size:7px}.review-navigation{gap:12px}.review-navigation .text-link{font-size:10px}.review-footnote{font-size:9px}.keepsake-preview{margin:20px 0}.keepsake-preview strong{font-size:57px}.keepsake-preview p{font-size:10px}.keepsake-actions .button{font-size:10px}.jar-website-section{grid-template-columns:1fr;gap:25px;padding-top:0;padding-bottom:65px}.jar-website-art{min-height:330px}.jar-website-art .gratitude-jar{transform:scale(1.12)}.jar-website-section>div:last-child{text-align:center}.jar-website-section .eyebrow{justify-content:center;font-size:7px}.jar-website-section h2{font-size:37px}.jar-website-section p{margin-left:auto;margin-right:auto;font-size:13px}.jar-website-section .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.jar-papers i,.memory-paper.unfold{animation:none}.jar-website-art .gratitude-jar{transform:none}}