@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/prompt-thai-300-normal-qs9oCq2b.woff2) format("woff2"),url(/assets/prompt-thai-300-normal-CDWjDcdW.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-thai-400-normal-BrkKv8cO.woff2) format("woff2"),url(/assets/prompt-thai-400-normal-DJypnfr3.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-thai-500-normal-C18pDUoL.woff2) format("woff2"),url(/assets/prompt-thai-500-normal-D7YNqUJD.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-thai-600-normal-MrdfU7zR.woff2) format("woff2"),url(/assets/prompt-thai-600-normal-CYPViXds.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-400-normal-BQ9zjSN8.woff2) format("woff2"),url(/assets/prompt-latin-400-normal-CxU4ec_r.woff) format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-500-normal-CxzxEHZc.woff2) format("woff2"),url(/assets/prompt-latin-500-normal-B1edBDQ9.woff) format("woff")}:root{font-family:Prompt,sans-serif;color:#283943;background:#fff;font-synthesis:none;font-weight:400;--blue:#1f77df;--muted:#637b91;--border:#c7ddf7;--sky:#dbf0ee;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #335cb3;outline-offset:4px}button{touch-action:manipulation}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.4;font-weight:500}h2{font-size:20px;font-weight:500}p{line-height:1.7;color:var(--muted);font-size:14px}.small{font-size:12px}.app{min-height:100svh;background:linear-gradient(#dbf0ee 0 44%,#edf6fc 73%,#fff)}.screen{width:min(100%,438px);min-height:100svh;margin:auto;padding:24px;position:relative;text-align:center}.home{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:30px;padding-bottom:40px}.logo{width:154px;height:30px;object-fit:contain;align-self:flex-start}.home-hero{width:100%;height:306px;object-fit:contain}.home h1{color:var(--blue)}.primary,.secondary{border:0;border-radius:50px;min-height:44px;padding:10px 20px;width:100%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:500;line-height:1.4}.primary:hover{background:#1765c4}.secondary{background:#fff;border:2px solid var(--blue);color:var(--blue)}.link{border:0;background:transparent;color:var(--blue);padding:8px;min-height:44px;text-decoration:underline;text-underline-offset:3px}.preview-banner{background:#fff8dc;color:#6d5420;text-align:center;padding:6px 12px;font-size:12px;position:relative;z-index:10}.feeling-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:20px 0}.feeling-card{background:transparent;border:1px solid transparent;border-radius:20px;min-width:0;padding:8px 2px;color:#283943;font-size:14px}.feeling-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.feeling-card:hover,.feeling-card:focus-visible{background:#ffffffb3;border-color:var(--border)}@media(min-width:768px){.screen{width:min(100%,704px);padding:40px 24px}.home{gap:30px;justify-content:center;min-height:100svh}.home-hero{height:380px;width:440px;max-width:100%}.home>.primary{max-width:400px}.feeling-card img{max-height:170px}.feeling-grid{max-width:560px;margin:28px auto}h1{font-size:28px}}@media(min-width:1024px){.screen{width:768px;padding:28px 40px}.home{gap:20px}.home-hero{height:300px}.app{background:radial-gradient(ellipse at 50% 20%,#dbf0ee 0,#eaf6f5 45%,#f7fbff 80%,#fff)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.home-nav,.navigation{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.home{padding:0;min-height:calc(100svh - 80px)}.menu-button{border:0;background:transparent;color:var(--blue);font-size:28px;min-width:44px;min-height:44px}.navigation{margin-bottom:32px;font-size:12px;color:var(--muted)}.progress>div{display:flex;justify-content:center;gap:6px}.progress i{width:22px;height:4px;border-radius:8px;background:#bed5e6}.progress i.current{background:var(--blue)}.progress span{font-size:10px}.screen h1{color:var(--blue)}.checkin>p,.sky>p{margin-top:12px}.feeling-art{position:relative}.hover-art{position:absolute;inset:0;opacity:0}.feeling-card:hover .hover-art{opacity:1}.feeling-card:hover .feeling-art>img:first-child{opacity:0}.feeling-context{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted);margin-top:16px}.feeling-context img{width:32px}.star-field{position:relative;height:370px;width:100%;margin:12px auto}.floating-star{position:absolute;width:64px;height:64px;padding:0;background:transparent;border:0;border-radius:50%;animation:float-star 20s linear infinite;transform:translate(-50%,-50%)}.floating-star img,.sent-star img{width:100%;height:100%;object-fit:contain}.floating-star.selected{outline:2px solid var(--blue);box-shadow:0 0 25px #fff;background:#ffffff80}.sky-actions{position:relative;z-index:2;max-width:360px;margin:auto}.sky-scenery{height:110px;position:relative;pointer-events:none;overflow:hidden;margin:12px -24px -24px}.sky-mascot{height:110px;position:absolute;left:0;z-index:1}.scenery-cloud{position:absolute;width:190px;bottom:-20px}.cloud-0{left:20%}.cloud-1{left:55%;bottom:0}.cloud-2{left:85%}.paper{position:relative;width:min(100%,360px);aspect-ratio:1;margin:24px auto}.paper>img{width:100%;height:100%;object-fit:contain}.paper>p{position:absolute;inset:26% 20% 25%;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.65;color:#354f69}.reader{max-width:420px;margin:auto}.reader>.primary{margin-top:20px}.reader>.link{display:block;margin:auto}.paper-companion{height:90px;display:block;margin:-35px 0 0 auto;position:relative}.write{text-align:left;max-width:440px;margin:auto}.write>p{margin:12px 0 24px}.write>label{font-size:14px;color:var(--muted)}.emotion-strip{display:flex;overflow-x:auto;gap:12px;padding:8px 4px 16px;margin:0 -4px 20px;scrollbar-width:thin;scrollbar-color:#8bb7dd transparent}.emotion-strip button{flex:0 0 92px;border:0;background:transparent;padding:0;color:#637b91;font-size:12px}.emotion-strip img{width:68px;height:68px;display:block;margin:auto}.emotion-strip span{display:block;padding:6px 2px;border-radius:30px;border:1px solid var(--border);background:#ffffff80}.emotion-strip .chosen span{background:var(--blue);color:#fff;border-color:var(--blue)}.text-field{border:1px solid var(--border);border-radius:20px;background:#fff;margin:12px 0 16px;padding:16px}.text-field textarea{display:block;border:0;resize:vertical;width:100%;min-height:150px;background:transparent;font-size:14px;line-height:1.8;color:#354f69}.text-field span{display:block;text-align:right;font-size:12px;color:var(--muted)}.write>.primary{margin-top:20px}.folding .fold-layer{position:absolute;inset:0}.fold-layer .paper{margin:0;width:100%}.fold-screen{padding-top:100px}.sent-field{position:relative;height:430px;overflow:hidden}.sent-star{position:absolute;bottom:0;left:50%;width:80px;height:80px;padding:0;background:transparent;border:0;border-radius:50%;transform:translate(-50%);filter:drop-shadow(0 0 12px #fff)}.sent-mascot{height:120px;display:block;margin:-70px 0 12px;position:relative;pointer-events:none}.jar-scene{position:relative;width:min(100%,330px);height:350px;margin:36px auto 16px}.jar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.jar-stars{position:absolute;inset:18% 15% 10%}.jar-star{position:absolute;width:58px;height:58px;background:transparent;border:0;padding:0}.jar-star img{width:100%;height:100%;object-fit:contain}.jar-companion{position:absolute;bottom:-10px;left:-12px;width:100px;pointer-events:none}.saved-count{color:var(--blue)}.jar-screen>.primary{margin-top:24px}.jar-screen>.secondary{margin-top:12px}.modal{border:1px solid var(--border);border-radius:24px;background:#f8fcff;width:min(420px,calc(100vw - 32px));max-height:85svh;overflow:auto;padding:20px;color:#283943}.modal::backdrop{background:#263f5a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.modal h2{font-size:18px;color:var(--blue)}.modal>.primary{margin-top:20px}.login-mascot{width:130px;display:block;margin:auto}.menu-list{display:grid;gap:14px}.message-list{display:grid;gap:12px;margin:16px 0}.message-card{display:flex;align-items:center;gap:10px;text-align:left;padding:16px 12px;background:#fff;border:1px solid var(--border);border-radius:16px;width:100%;color:#354f69}.message-card>img{width:40px}.message-card>span{min-width:0}.message-card strong{display:block;font-size:14px;font-weight:400;overflow-wrap:anywhere;white-space:pre-wrap}.message-card small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.empty{padding:40px 12px}.empty img{width:120px}.empty p{margin:12px 0}.report-options{border:0;padding:0;display:grid;gap:8px;margin-top:12px}.report-options label{display:flex;gap:8px;align-items:center;min-height:44px;font-size:14px}.alert{background:#fff0ef;color:#8c312c;padding:12px;border-radius:12px;position:relative;z-index:20;font-size:14px}.notice,.loading{background:#fff;border-radius:12px;padding:12px;margin-bottom:12px}.quiet{font-size:12px;color:var(--muted)}.admin{text-align:left}.admin>.secondary{margin:16px 0}.review-card{background:#fff;border:1px solid var(--border);padding:20px;border-radius:20px;margin:16px 0;overflow-wrap:anywhere}.review-content{color:#283943;margin:12px 0;white-space:pre-wrap}.badge{font-size:12px;background:#e9f2ff;color:var(--blue);border-radius:20px;padding:4px 10px}.review-card small{font-size:10px;color:var(--muted)}.review-card label{display:block;font-size:12px;margin-top:16px}.review-card textarea{display:block;width:100%;min-height:70px;border:1px solid var(--border);border-radius:8px;padding:10px}.review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.review-actions button{width:auto;font-size:12px;flex:1}.report-flag{color:#a34236}.screen{min-height:calc(100svh - 30px)}@keyframes float-star{0%{transform:translate(-50%,-50%) rotate(-3deg);opacity:1}40%{transform:translate(calc(-50% + 24px),calc(-50% - 20px)) rotate(3deg);opacity:1}80%{transform:translate(calc(-50% - 12px),calc(-50% - 8px)) rotate(-3deg);opacity:1}95%{opacity:.25}to{transform:translate(-50%,-50%) rotate(-3deg);opacity:1}}@media(min-width:768px){.navigation{margin-bottom:40px}.checkin{padding-top:30px}.sky{max-width:540px;margin:auto}.star-field{height:430px}.floating-star{width:80px;height:80px}.jar-screen{max-width:420px;margin:auto}.jar-scene{height:380px}.reader{padding-top:16px}.paper{width:360px}.home{min-height:calc(100svh - 110px)}}@media(max-width:359px){.screen{padding:16px}.paper>p{font-size:12px}.floating-star{width:54px;height:54px}.home{gap:18px}.home-hero{height:250px}.jar-star{width:48px;height:48px}}.home-hero,.feeling-art,.paper>img,.floating-star img,.sent-star img,.jar-image,.jar-star img,.jar-companion,.paper-companion,.sky-mascot,.sent-mascot,.scenery-cloud,.login-mascot,.emotion-strip img,.message-card>img,.feeling-context img{mix-blend-mode:multiply}.turnstile{margin:18px auto 4px;width:100%;min-height:70px}.turnstile>div{width:100%}.turnstile p,.captcha-missing,.local-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px}.captcha-missing{padding:10px;background:#fff0ef;color:#8c312c;border-radius:10px}.local-note{margin:14px auto 0;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:12px;max-width:360px}.legal{text-align:left;max-width:560px;margin:auto}.legal h1{margin-bottom:6px}.legal h2{color:#26313c;font-size:17px;margin:26px 0 8px}.legal p{font-size:14px;line-height:1.8}.menu-list>a.link{display:flex;align-items:center;justify-content:center;text-decoration:underline}.menu-list>.badge{justify-self:center}.app-home{background:linear-gradient(to bottom,#dbf0ee 348.89px,#e4effb00 712.125px),#fff;overflow-x:clip}.screen.page-home{width:100%;max-width:390px;min-height:844px;padding:30px 24px 137px}.page-home .home{min-height:0;padding:0;gap:24px;justify-content:flex-start}.page-home .home-nav{height:30px;flex:none}.page-home .logo{width:154.074px;height:30px}.page-home .preview-menu{position:fixed;bottom:0;right:0;z-index:31;min-height:28px;height:28px;font-size:22px;background:#fff8dc;border-radius:8px 0 0}.app-home>.preview-banner{position:fixed;bottom:0;right:0;padding:6px 42px 6px 12px;border-radius:8px 0 0;z-index:30;font-size:10px;max-width:100%}.entry-art{position:relative;width:100%;height:306px;flex:none}.entry-art>img{position:absolute;object-fit:contain;pointer-events:none}.entry-cloud-left{left:-10.234%;top:65px;width:118px;height:74px}.entry-cloud-right{left:83.626%;top:141px;width:94px;height:59px}.entry-cloud-bottom{left:-4.678%;top:258px;width:99px;height:62px}.entry-mascot{left:12.573%;top:52px;width:75.439%;height:248.947px}.entry-gold{left:74.3%;top:20px;width:37.527px;height:35.985px;transform:rotate(15deg)}.entry-pink{left:3.9%;top:154px;width:27.062px;height:26.033px;transform:rotate(-16deg)}.entry-blue{left:91.4%;top:231px;width:25.159px;height:24.226px;transform:rotate(12deg)}.entry-copy{display:flex;flex-direction:column;gap:16px;width:100%;align-items:center}.page-home .entry-copy h1{font-size:36px;line-height:40px;font-weight:600;color:#26313c;letter-spacing:-1px;white-space:nowrap}.entry-copy>p{font-size:14px;line-height:24px;font-weight:300;color:#637b91}.entry-copy .entry-cta{height:56px;min-height:56px;padding:8px 12px;font-size:20px;line-height:24px;gap:8px;font-weight:500}.entry-cta>img{width:24px;height:24px;object-fit:contain}.entry-cta>span{margin-left:8px}.entry-copy>hr{width:100%;height:1px;background:#c7ddf7;border:0;margin:0;flex:none}.entry-send{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;background:#e4effb;padding:16px;border:0;border-radius:24px;color:#26313c}.entry-send>span{font-size:14px;line-height:24px;font-weight:500;letter-spacing:-.35px}.entry-send>strong{font-size:16px;line-height:20px;font-weight:500;color:#1f77df}@media(max-width:359px){.screen.page-home{padding-left:16px;padding-right:16px}.page-home .entry-copy h1{font-size:30px;letter-spacing:-1px}.entry-copy>p{font-size:12px}.entry-send>span{font-size:12px}.entry-copy .entry-cta{font-size:18px}}@media(min-width:768px){.app-home{min-height:100svh;background:linear-gradient(to bottom,#dbf0ee 41.338%,#e4effb00 84.375%),#fff;display:flex;align-items:center;justify-content:center}.screen.page-home{max-width:480px;min-height:0;padding:40px 24px 80px}.page-home .entry-art{width:342px}.entry-copy,.page-home .home-nav{max-width:400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app{overflow-x:clip}.preview-banner{position:fixed!important;bottom:0;right:0;z-index:50;font-size:10px!important;max-width:100%;border-radius:8px 0 0;pointer-events:none}.page-home .entry-copy h1{font-weight:600}.page-home .home{width:100%}.entry-mascot{animation:mascot-drift 6s ease-in-out infinite}.entry-cloud-left,.entry-cloud-right,.entry-cloud-bottom{animation:cloud-travel 12s linear infinite}.entry-cloud-left{animation-delay:-2s}.entry-cloud-right{animation-delay:-8s}.entry-cloud-bottom{animation-delay:-5s}@keyframes mascot-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cloud-travel{0%{transform:translate(-420px)}to{transform:translate(420px)}}.scene-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.scene-foreground{position:absolute;left:-8%;bottom:-32px;width:116%;height:auto;z-index:3}.page-sky,.page-sent,.page-read,.page-write,.page-preview,.page-fold{width:100%;max-width:390px;min-height:844px;padding:24px;overflow:hidden;background:linear-gradient(#dbf0ee 0% 41%,#f8fcff 85%,#fff)}.page-sky .scene-decoration,.page-sent .scene-decoration{z-index:0}.page-sky>.navigation,.page-sky>.alert,.page-sky>.loading,.page-sky>.notice{position:relative;z-index:5}.navigation{height:40px;font-size:16px;margin-bottom:40px;position:relative}.navigation .progress{position:absolute;left:50%;transform:translate(-50%);width:110px;pointer-events:none}.progress>div{gap:8px}.progress i{width:10px;height:10px;border-radius:50%;background:#c7ddf7}.progress i.current{background:#1f77df}.progress span{font-size:14px;line-height:24px;white-space:nowrap}.sky{position:relative}.scene-foreground{pointer-events:none}.page-sky>.scene-foreground,.page-sent>.scene-foreground{left:0;bottom:0;width:100%;height:auto}.sent-screen{z-index:auto!important}.sent-screen>.secondary{position:relative;z-index:6}.paper,.emotion-strip img{mix-blend-mode:multiply}.sky>h1{font-size:24px;line-height:30px;color:#26313c;white-space:nowrap}.sky>p{font-weight:500;margin-top:12px;line-height:24px}.feeling-context{height:46px;border:1px solid #c7ddf7;border-radius:24px;background:#fff;padding:8px 12px;gap:8px;margin-top:12px;color:#26313c;font-weight:500;font-size:12px;text-align:left}.feeling-context img{width:30px;height:30px;object-fit:contain}.star-field{height:420px;margin:36px 0 0;overflow:visible}.floating-star{width:100px;height:100px;top:440px;transform:none;animation:star-rise 7.2s linear infinite;animation-delay:var(--star-delay);border-radius:0;z-index:1}.floating-star img{mix-blend-mode:normal}.floating-star.selected{outline:none;background:none;box-shadow:none;z-index:2}.floating-star.selected img{transform:scale(1.18);filter:drop-shadow(3px 0 0 white) drop-shadow(-3px 0 0 white) drop-shadow(0 3px 0 white) drop-shadow(0 -3px 0 white) drop-shadow(0 5px 5px #637b914d)}@keyframes star-rise{0%{transform:translate(0);opacity:0}12%{opacity:1}45%{transform:translate(12px,-220px);opacity:1}78%{opacity:1}to{transform:translate(-8px,-620px);opacity:0}}.wind{position:absolute;width:95px;height:87px;pointer-events:none;opacity:.7}.wind-0{left:0;top:40%}.wind-1{left:68%;top:55%}.wind-2{left:30%;top:76%}.sky-actions{position:relative;margin-top:36px;z-index:6;min-height:80px;display:flex;flex-direction:column;align-items:center}.sky-actions .primary,.sky-actions .secondary{width:160px;min-height:40px;height:40px;padding:8px;background:#fff;border:2px solid #1f77df;color:#1f77df;font-size:16px}.sky-actions>.link{font-size:14px;padding:8px}.page-read .navigation{margin-bottom:0}.read-sequence{padding-top:92px}.read-art{height:410px;display:flex;justify-content:center;align-items:flex-start}.read-art>.paper{width:250px;flex:none;margin:0;transform-origin:50% 30%}.paper>img{mix-blend-mode:normal}.paper>p{font-size:14px;line-height:23px;inset:30% 20% 16%;color:#637b91}.read-actions{position:relative;z-index:3;text-align:center}.read-actions>.primary{background:#36cbc5;height:40px;min-height:40px;width:280px;max-width:100%;margin:24px auto 12px;font-size:16px}.read-actions>.link{display:block;margin:auto;color:#36bfc1}.reader-source{font-size:12px;line-height:16px}.read-actions>.quiet{font-size:11px;color:#637b91}.page-write .navigation,.page-preview .navigation{margin-bottom:32px;font-size:16px}.write{text-align:center}.write h1{font-size:24px;line-height:30px}.write>p{font-size:14px;font-weight:500;margin:24px 0}.write>label{display:block;font-weight:500}.write #feelings-label{color:#1f77df;font-size:16px;line-height:20px}.emotion-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:8px 0 24px;overflow:visible}.emotion-strip button{min-width:0;width:auto;font-size:14px}.emotion-strip img{width:28px;height:28px;margin:0 auto 4px;mix-blend-mode:normal}.emotion-strip span{border:2px solid #1f77df;color:#1f77df;background:#fff;height:40px;display:flex;align-items:center;justify-content:center;padding:4px 0}.text-field{height:180px;border:2px solid #1f77df;border-radius:24px;padding:20px;margin:16px 0 24px;text-align:left}.text-field textarea{height:112px;min-height:0;resize:none;font-size:16px;line-height:24px;padding:0}.text-field span{line-height:16px;margin-top:8px}.write>.primary,.page-preview .reader>.primary{width:320px;max-width:100%;height:40px;min-height:40px;margin:16px auto;font-size:16px;padding:8px}.write>.small{font-size:11px;margin:12px 0;color:#637b91}.page-preview .reader{padding:0}.page-preview h2{font-size:16px;line-height:20px}.page-preview .paper{width:320px;max-width:100%;margin:16px auto}.page-preview .reader>.small{font-size:12px;line-height:16px}.page-preview .reader>.link{font-size:16px}.fold-screen{padding-top:72px}.fold-screen h1{font-size:24px;line-height:30px}.fold-art .paper{width:320px;max-width:100%;margin:16px auto}.sent-screen{position:relative;z-index:2;padding-top:4px}.sent-screen h1{font-size:24px;line-height:30px}.sent-screen>p{font-size:14px;line-height:24px;margin-top:12px}.success-field{height:590px;position:relative;margin:20px 0}.success-star{position:absolute;width:100px;height:100px;animation:mascot-drift 7.2s ease-in-out infinite;pointer-events:none}.own-star-position{position:absolute;width:120px;height:120px}.sent-star{position:relative;inset:auto;width:120px;height:120px;transform:none;filter:drop-shadow(3px 0 0 white) drop-shadow(-3px 0 0 white) drop-shadow(0 3px 0 white) drop-shadow(0 -3px 0 white) drop-shadow(0 5px 5px #637b914d)}.sent-star img{mix-blend-mode:normal}.sent-screen>.secondary{width:287px;max-width:100%;height:40px;min-height:40px;margin:0 auto;font-size:16px;padding:8px}.star-modal{background:transparent;border:0;border-radius:0;padding:0;overflow:visible;width:min(447px,100vw - 16px);box-shadow:none;max-height:90svh}.star-modal::backdrop{background:#263b3c99;-webkit-backdrop-filter:none;backdrop-filter:none}.star-modal .modal-header{margin:0;display:contents}.star-modal h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.star-modal .modal-header>.link{position:absolute;top:100%;left:50%;transform:translate(-50%);color:#fff;font-size:14px;text-decoration:none}.star-modal .paper{width:100%;margin:0}.star-modal .paper>p{font-size:14px}.own-star-position{animation:mascot-drift 7.2s ease-in-out infinite}.star-modal .paper{mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){.own-star-position{animation:none!important}}@media(min-width:768px){.page-sky,.page-sent,.page-read,.page-write,.page-preview,.page-fold{max-width:480px;min-height:max(844px,100svh);padding:24px 40px}.star-field{height:420px}.page-sent .success-field{height:590px}.scene-foreground{bottom:-36px}.page-home .entry-art{overflow:visible}}@media(max-width:359px){.page-sky,.page-sent,.page-read,.page-write,.page-preview,.page-fold{padding:24px 16px}.sky>h1,.write h1,.fold-screen h1{font-size:22px}.feeling-context{font-size:10px}.floating-star{width:88px;height:88px}.page-home .entry-send>span{font-size:11px}.paper>p{font-size:12px}.read-art>.paper{width:210px}.read-art{height:360px}.emotion-strip button{font-size:12px}}@media(prefers-reduced-motion:reduce){.entry-mascot,.entry-cloud-left,.entry-cloud-right,.entry-cloud-bottom,.floating-star,.success-star{animation:none!important}.floating-star{transform:none;opacity:1}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.15s!important}}:root{--page-background:linear-gradient(to bottom,#dbf0ee 41.338svh,rgba(228,239,251,0) 84.375svh),#fff}.app,.app-home{background:var(--page-background)}.screen.page-sky,.screen.page-sent,.screen.page-read,.screen.page-write,.screen.page-preview,.screen.page-fold{background:transparent}.screen{isolation:isolate}.paper,.emotion-strip img{mix-blend-mode:normal}.scene-decoration,.page-sky .scene-decoration,.page-sent .scene-decoration{z-index:-1}.read-art,.fold-art{position:relative;z-index:1}.scene-background{object-fit:fill;object-position:top center}.scene-decoration{left:calc(50% - 50vw);right:auto;width:100vw}.entry-art{container-type:inline-size}.entry-cloud-left,.entry-cloud-right,.entry-cloud-bottom{left:0;animation:cloud-pass 30s linear infinite}.entry-cloud-left{animation-delay:-3s}.entry-cloud-right{animation-delay:-17s}.entry-cloud-bottom{animation-delay:-25s}@keyframes cloud-pass{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100cqw);opacity:0}}.scene-cloud-lane{position:absolute;inset:14% 0 auto;height:90px;container-type:inline-size}.scene-cloud-lane.second{top:38%}.scene-cloud-lane img{width:140px;height:90px;animation:cloud-pass 30s linear infinite;animation-delay:-8s}.scene-cloud-lane.second img{animation-delay:-23s}.page-sky>.scene-foreground,.page-sent>.scene-foreground{left:50%;width:100vw;max-width:none;height:196px;bottom:0;transform:translate(-50%);overflow:visible}.page-sky,.page-sent{overflow:visible}.scene-foreground .sky-companion{position:absolute;left:max(0px,calc(50% - 195px));bottom:50px;width:180px;height:145px;object-fit:contain}.cloud-bank{position:absolute;inset:60px -20px 0;background:url(/assets/entry-cloud-bottom.svg) left top/190px 120px repeat-x}.cloud-bank:after{content:"";position:absolute;inset:90px 0 0;background:#f0f7ff}.page-sky .sky-actions,.sent-screen>.secondary{z-index:6}.page-sky{min-height:max(844px,100svh)}.jar-scene{width:min(100%,330px);height:auto;aspect-ratio:353/423}.jar-image{object-fit:contain}.jar-stars{inset:25% 14% 12%}.jar-star{width:22%;height:auto;aspect-ratio:1}.jar-companion{width:130px;height:auto;aspect-ratio:199/180;left:-14px;bottom:-8px}.text-field textarea:focus,.text-field textarea:focus-visible{outline:none;box-shadow:none}.text-field:focus-within{border-color:#335cb3}@media(prefers-reduced-motion:reduce){.entry-cloud-left,.entry-cloud-right,.entry-cloud-bottom,.scene-cloud-lane img{animation:none!important;opacity:1;transform:none}.entry-cloud-left{left:-10.234%}.entry-cloud-right{left:83.626%}.entry-cloud-bottom{left:-4.678%}.scene-cloud-lane img{position:absolute;left:-50px}.scene-cloud-lane.second img{left:auto;right:-50px}}