@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#26312e;background:#f7f4ef;font-family:Manrope,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2ed;background:#15201d}*{box-sizing:border-box}body{background:#f7f4ef;min-width:320px;margin:0}[data-theme=dark] body{background:#15201d}button,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #b86b51}.app{background:#fffdfa;grid-template-columns:minmax(280px,360px) minmax(0,720px);max-width:1080px;min-height:100dvh;margin:auto;display:grid;box-shadow:0 0 50px #29393116}[data-theme=dark] .app{box-shadow:none;background:#1a2723}.inbox{min-height:100dvh;padding-top:env(safe-area-inset-top);background:#f7f4ef;border-right:1px solid #dedcd6;flex-direction:column;display:flex}[data-theme=dark] .inbox{background:#15201d;border-color:#31443d}.inbox-header,.thread-header{justify-content:space-between;align-items:center;min-height:84px;padding:18px 20px;display:flex;position:relative}.eyebrow{color:#7b837e;letter-spacing:.12em;margin:0 0 3px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font-size:27px}h2{letter-spacing:-.04em}.header-actions{gap:8px;display:flex}.icon-button{width:44px;height:44px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:#e9e7e1}[data-theme=dark] .icon-button:hover{background:#293932}.icon-button svg,.send svg,.about svg{width:20px;height:20px}.icon-button.accent,.send{color:#fffdfa;background:#29433d}.icon-button.accent:hover,.send:hover{background:#37564e}.conversation-list{flex:1;padding:4px 10px;overflow:auto}.conversation{width:100%;min-height:76px;color:inherit;text-align:left;background:0 0;border-radius:15px;align-items:center;gap:12px;padding:11px 10px;display:flex;position:relative}.conversation:hover,.conversation.selected{background:#e9e7e1}[data-theme=dark] .conversation:hover,[data-theme=dark] .conversation.selected{background:#293932}.avatar{color:#f8eddd;background:#b86b51;border-radius:16px;flex:none;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:21px;display:grid}.avatar.small{border-radius:13px;width:35px;height:35px;font-size:17px}.conversation-copy{flex:1;min-width:0}.conversation-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation strong{font-size:14px}time,.preview{color:#79817b;font-size:12px}.preview{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.unread{background:#b86b51;border-radius:50%;width:8px;height:8px}.about{min-height:54px;margin:0 14px calc(12px + env(safe-area-inset-bottom));color:#65716b;text-align:left;background:0 0;align-items:center;gap:10px;font-size:12px;display:flex}.thread{min-height:100dvh;padding-top:env(safe-area-inset-top);background:#fffdfa;flex-direction:column;display:flex;position:relative}[data-theme=dark] .thread{background:#1a2723}.thread-header{border-bottom:1px solid #ece9e2}[data-theme=dark] .thread-header{border-color:#31443d}.back{margin-left:-10px;display:none}.thread-name{white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.thread-name strong,.thread-name span{display:block}.thread-name strong{font-size:13px}.thread-name div>span{color:#7b837e;margin-top:1px;font-size:10px}.action-menu{z-index:2;background:#fffdfa;border:1px solid #dedcd6;border-radius:14px;min-width:175px;padding:6px;position:absolute;top:62px;right:18px;box-shadow:0 15px 30px #1a27232e}.action-menu button{width:100%;color:inherit;text-align:left;background:0 0;border-radius:9px;padding:12px;font-size:13px}.action-menu button:hover{background:#f2f0eb}.action-menu .danger,.danger{color:#b35145}[data-theme=dark] .action-menu{background:#22332d;border-color:#40574e}.message-list{scroll-behavior:smooth;flex:1;padding:24px clamp(18px,5vw,46px);overflow-y:auto}.day-label{text-align:center;color:#929993;margin:0 0 22px;font-size:11px}.message-row{flex-direction:column;margin-bottom:14px;display:flex}.message-row.me{align-items:flex-end}.message-row.mori{align-items:flex-start}.bubble{background:#f0eee9;border-radius:18px 18px 18px 5px;max-width:min(82%,500px);padding:11px 13px 7px}.me .bubble{color:#fff;background:#29433d;border-radius:18px 18px 5px}.bubble p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.message-meta{color:#8a918c;margin-top:3px;font-size:9px;display:block}.me .message-meta{color:#d9e6df}.retry{color:#b35145;background:0 0;margin:6px 4px 0;font-size:11px;text-decoration:underline}.typing{background:#f0eee9;border-radius:18px 18px 18px 5px;gap:4px;padding:14px 16px;display:flex}.typing i{background:#78837c;border-radius:50%;width:5px;height:5px;animation:1s infinite alternate bounce}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes bounce{to{opacity:.5;transform:translateY(-4px)}}.composer{padding:12px clamp(16px, 4vw, 32px) calc(12px + env(safe-area-inset-bottom));background:#fffdfa;border-top:1px solid #ece9e2;align-items:flex-end;gap:9px;display:flex}.composer textarea{resize:none;max-height:120px;color:inherit;background:#f7f5f0;border:1px solid #d8d7d1;border-radius:17px;flex:1;padding:11px 14px;font-size:14px;line-height:1.45}.composer textarea::placeholder{color:#919892}.send{border-radius:15px;flex:none;place-items:center;width:43px;height:43px;display:grid}.send:disabled{opacity:.35;cursor:not-allowed}[data-theme=dark] .bubble,[data-theme=dark] .typing{background:#293932}[data-theme=dark] .composer,[data-theme=dark] .composer textarea{background:#1a2723;border-color:#40574e}.empty-thread,.boot{text-align:center;flex:1;place-content:center;justify-items:center;padding:30px;display:grid}.empty-thread h2{margin:14px 0 6px;font-size:22px}.empty-thread p,.boot p,.empty-messages span{color:#77817c;font-size:13px}.mark{color:#f8eddd;background:#29433d;border-radius:20px;place-items:center;width:54px;height:54px;font:30px Georgia,serif;display:grid}.primary,.secondary,.destructive{border-radius:13px;min-height:44px;padding:0 17px;font-size:13px}.primary{color:#fffdfa;background:#29433d;margin-top:12px}.secondary{color:#34453e;background:#ece9e2}.destructive{color:#fff;background:#b35145}.empty-messages{text-align:center;color:#49554f;padding:45px 0}.empty-messages p{margin-bottom:3px}.modal-layer{z-index:10;background:#17241f66;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.install-sheet,.confirm-sheet{background:#fffdfa;border-radius:25px;width:min(100%,430px);padding:25px;position:relative;box-shadow:0 20px 70px #17241f55}.install-sheet .mark{margin-bottom:19px}.install-sheet h2,.confirm-sheet h2{margin:5px 0 10px;font-size:22px}.install-sheet p:not(.eyebrow),.confirm-sheet p{color:#64716a;font-size:13px;line-height:1.7}.close{position:absolute;top:12px;right:14px}.confirm-sheet>div{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}[data-theme=dark] .install-sheet,[data-theme=dark] .confirm-sheet{background:#22332d}.boot{min-height:100dvh}.boot p{margin:13px 0 0}.love-splash{--rose:#b76f50;color:#8f7065;isolation:isolate;background:#f7f0e5;width:100%;min-height:100dvh;padding:0;transition:opacity .7s,transform .7s,filter .7s;display:block;position:relative;overflow:hidden}.love-splash:before{content:"";z-index:-5;background:#f7f0e5;position:absolute;inset:0}.love-splash.is-leaving{opacity:0;filter:brightness(1.08)blur(1px);transform:scale(1.02)}.paper-grain{z-index:-1;opacity:.1;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:absolute;inset:0}@media (width>=600px){.love-splash{width:min(56.25dvh,430px);min-height:100dvh;margin-inline:auto}}.morning-light{z-index:-4;opacity:0;filter:blur(16px);background:radial-gradient(at 18% 12%,#fffdf7 0,#fff8ef94 26%,#0000 55%);animation:1.4s ease-out .15s both page-awaken;position:absolute;inset:-30% -10%}.silk{z-index:-3;filter:blur(20px);opacity:.32;border-radius:50%;width:120vw;height:45vh;position:absolute}.silk-one{background:linear-gradient(110deg,#0000 18%,#f8cfae90 47%,#f0d6e792 65%,#0000 83%);animation:10s ease-in-out infinite alternate silk-flow-one;top:3%;left:-47%;transform:rotate(-20deg)}.silk-two{background:linear-gradient(110deg,#0000 18%,#efd2c389 44%,#eadcf49c 64%,#0000 82%);animation:12s ease-in-out infinite alternate silk-flow-two;bottom:10%;right:-52%;transform:rotate(22deg)}.leaf-shadow{z-index:-2;opacity:.095;filter:blur(.4px);background:repeating-radial-gradient(at 100% 100%,#0000 0 12px,#ba9e8466 13px 15px,#0000 16px 27px);width:260px;height:400px;position:absolute}.leaf-left{top:20%;left:-155px;transform:rotate(18deg)}.leaf-right{bottom:9%;right:-180px;transform:scaleX(-1)rotate(25deg)}.floating-specks{z-index:-1;pointer-events:none;position:absolute;inset:0}.floating-specks i{aspect-ratio:1;opacity:0;background:#efd7b3;border-radius:50%;width:3px;animation:6s ease-in-out infinite speck-float;position:absolute;box-shadow:0 0 8px #f5cfa4}.floating-specks i:first-child{animation-delay:2.5s;top:30%;left:19%}.floating-specks i:nth-child(2){animation-delay:3.1s;top:23%;left:75%}.floating-specks i:nth-child(3){animation-delay:3.9s;top:68%;left:68%}.floating-specks i:nth-child(4){animation-delay:3.3s;top:74%;left:26%}.floating-specks i:nth-child(5){animation-delay:4.4s;top:18%;left:52%}.lock-clock{top:calc(10% + env(safe-area-inset-top));z-index:1;opacity:0;color:#8f7065;justify-items:center;gap:5px;animation:.8s .35s both page-awaken;display:grid;position:absolute;left:50%;transform:translate(-50%)}.lock-clock time{color:#8f7065;letter-spacing:-.07em;font-variant-numeric:tabular-nums;text-shadow:0 1px #fff9f1,0 2px 9px #c28a7440;order:2;font-family:Georgia,Times New Roman,STSong,Songti SC,serif;font-size:clamp(82px,22vw,108px);font-weight:600;line-height:.8}.lock-clock span{color:#8f7065;letter-spacing:.05em;white-space:nowrap;order:1;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;font-weight:600}.love-title{text-align:center;opacity:0;width:calc(100% - 24px);height:220px;margin:0;animation:1s .5s both title-space;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.memo-stack{opacity:0;width:min(84vw,340px);height:190px;margin:0;animation:.9s .7s forwards memo-arrive;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memo-note{transform-origin:50%;width:100%;display:block;position:absolute;top:50%;left:50%;overflow:visible}.memo-note-back{transform:translate(-55%,-48%)rotate(-8deg)}.memo-note-front{z-index:1;transform:translate(-45%,-51%)rotate(6deg)}.memo-paper{fill:#fffaf0;stroke:#b99a87;stroke-width:1.35px;stroke-linejoin:round;filter:drop-shadow(0 7px 7px #9c786022)}.memo-note-back .memo-paper{fill:#f8eee0;stroke:#c2a28b}.memo-edge{fill:none;stroke:#d8bdaa;stroke-width:.7px;stroke-linecap:round;opacity:.72}.memo-line{fill:none;stroke:#9e8879;stroke-width:1.35px;stroke-linecap:round;opacity:.72;stroke-dasharray:130;stroke-dashoffset:130px}.memo-line-one{animation:.8s 1.1s forwards pen-line}.memo-line-two{animation:.7s 1.45s forwards pen-line}.love-writing{z-index:3;width:min(100%,370px);display:block;position:absolute;top:calc(51% + 122px);left:50%;overflow:visible;transform:translate(-50%,-50%)}.writing-guide{fill:none;stroke:var(--rose);stroke-width:1.15px;stroke-linecap:round;stroke-dasharray:780;stroke-dashoffset:780px;opacity:.85;filter:drop-shadow(0 1px 1px #fffaf2);animation:1.35s cubic-bezier(.35,.05,.2,1) .9s forwards pen-line}.written-names{fill:var(--rose);stroke:var(--rose);stroke-width:.12px;opacity:0;letter-spacing:1px;filter:drop-shadow(0 1px 1px #fffaf2);font-family:Allura,Parisienne,Snell Roundhand,Apple Chancery,cursive;font-size:88px;animation:1.4s .95s forwards names-written}.name-heart{fill:none;stroke:var(--rose);stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;font-family:Allura,Parisienne,Snell Roundhand,Apple Chancery,cursive;font-size:62px}.entry-control{left:50%;bottom:calc(42px + env(safe-area-inset-bottom));opacity:0;width:calc(100% - 40px);max-width:330px;margin:0;animation:.8s 2.1s forwards control-arrive;position:absolute;transform:translate(-50%,8px)}.entry-control>p{color:#aa8e82;text-align:center;letter-spacing:.06em;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:15px}.slide-rail{--slide-progress:0;touch-action:none;background:#f2f0e8c9;border:1px solid #d8d6ce;border-radius:999px;height:58px;position:relative;box-shadow:inset 0 2px 5px #b9b5aa20,0 4px 12px #c9a18212}.slide-rail:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #fffdf8aa;position:absolute;inset:3px}.rail-label{z-index:1;color:#9d9a91;letter-spacing:.18em;text-transform:lowercase;pointer-events:none;place-items:center;padding-left:38px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;display:grid;position:absolute;inset:0}.rail-fill{z-index:0;width:calc((100% - 8px) * var(--slide-progress));border-radius:inherit;opacity:.55;background:#edc4ae;transition:width .15s ease-out;position:absolute;inset:4px auto 4px 4px}.entry-slider{--slide-progress:0;z-index:2;top:4px;left:calc(4px + (100% - 58px) * var(--slide-progress));background:var(--rose);color:#fffaf2;cursor:grab;touch-action:none;border:0;border-radius:50%;width:50px;height:50px;padding:0;transition:left .15s ease-out,transform .3s,box-shadow .3s;position:absolute;box-shadow:0 3px 9px #bd765b44}.entry-slider:active{cursor:grabbing;transform:scale(1.04);box-shadow:0 4px 10px #bd765b66}.slider-arrow{margin-top:-5px;font-family:Arial,sans-serif;font-size:42px;font-weight:200;line-height:1;display:block;transform:scaleX(.72)}.entry-hint{color:#b7a095;text-align:center;letter-spacing:.07em;margin-top:9px;font-size:8px;display:block}@keyframes memo-arrive{0%{opacity:0;transform:translate(-50%,calc(7px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes page-awaken{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes title-space{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes heart-soft-glow{0%,to{opacity:.75}50%{opacity:1}}@keyframes pen-line{to{stroke-dashoffset:0}}@keyframes names-written{0%{opacity:0;clip-path:inset(0 100% 0 0)}30%{opacity:1}to{opacity:1;clip-path:inset(0)}}@keyframes control-arrive{to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.love-splash *,.love-splash:before{opacity:1;transition:none!important;animation:none!important}.writing-guide,.writing-tail{stroke-dashoffset:0}.written-names{clip-path:none}}@media (width<=680px){.app{min-height:100dvh;display:block}.inbox,.thread{min-height:100dvh}.thread,.thread-open .inbox{display:none}.thread-open .thread{display:flex}.back{display:grid}.inbox-header,.thread-header{min-height:76px}.thread-name{left:50%}.message-list{padding-top:18px}.conversation-list{padding-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}