:root{--paper:#f8f5ed;--paper-light:#fffdf7;--ink:#314f58;--muted:#667b7e;--line:#d9e1da;--blue:#edf4f5;--blue-deep:#4d737d;--blush:#f6e9e3;--coral:#bc7968;--green:#648477;--serif:"Songti SC","STSong","SimSun","Noto Serif CJK SC",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{width:18px;height:18px;flex:none}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}button{color:inherit}::selection{background:#d8e7e6}[hidden]{display:none!important}:focus-visible{outline:3px solid #839ea5;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-grain{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#8c988a .55px,transparent .55px);background-size:5px 5px;z-index:-1}.site-shell{width:min(1180px,calc(100% - 96px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:120px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:42px;height:46px;border:1px solid #abc2c6;border-radius:16px 16px 6px 6px;color:var(--blue-deep);font-size:28px;position:relative}.brand-mark:after{content:"";position:absolute;left:6px;right:6px;bottom:6px;border-bottom:1px solid #abc2c6}.brand-name{font-family:var(--serif);font-size:22px;letter-spacing:.08em;line-height:1.3}.brand-name small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.17em;margin-top:7px;color:var(--muted)}.header-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:.08em}.tiny-star{font-size:27px;color:var(--coral)}.lock-button{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--line);padding:9px 16px;border-radius:8px;font-size:12px}.lock-button:hover{background:#edf1ed}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:9px;letter-spacing:.2em;color:var(--blue-deep);font-weight:500}.eyebrow>span:first-child:not([id]){display:inline-block;width:20px;border-top:1px solid #8aa3a8}.private-gate{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;min-height:710px;padding:60px 0 64px}.landing-copy{position:relative;z-index:2}.landing-copy h1{font-family:var(--serif);font-size:clamp(40px,4.5vw,58px);font-weight:500;line-height:1.5;letter-spacing:.04em;margin:18px 0 17px}.landing-copy h1 em{font-style:normal;color:var(--coral);position:relative}.landing-copy h1 em:after{content:"";height:8px;position:absolute;bottom:2px;left:-4px;right:-4px;background:#f1d5c6;transform:rotate(-3deg);z-index:-1}.heading-star{color:#bf9c7c;font-family:Georgia,serif;font-size:43px;display:inline-block;margin-left:12px;transform:translateY(-9px) rotate(10deg)}.landing-lead{color:var(--muted);font-size:15px;letter-spacing:.055em;line-height:2}.login-paper{margin-top:32px;width:min(370px,100%);padding:22px 24px;background:rgba(255,253,248,.77);border:1px solid var(--line);border-radius:3px 3px 20px 3px;position:relative;box-shadow:0 12px 26px -22px #52666b40}.login-paper:before{content:"";position:absolute;width:65px;height:20px;top:-10px;right:25px;background:#e7e4d6ae;transform:rotate(6deg)}.login-heading{font-family:var(--serif);font-size:21px;letter-spacing:.05em}.login-heading>span{color:var(--coral);padding-right:6px}.login-note{font-size:12px;color:var(--muted);margin:5px 0 16px}.login-form>label{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}.password-wrap{position:relative}.password-wrap input{width:100%;padding:12px 44px 12px 12px;border:1px solid #cfdedc;border-radius:5px;background:#f8fbf8;color:var(--ink);height:45px;min-width:0;font-size:12px}.password-wrap input::placeholder{color:#8a9997}.password-toggle{position:absolute;right:3px;top:3px;bottom:3px;width:37px;background:transparent;border:0;display:grid;place-items:center;color:#809191}.button{border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;line-height:1.5;min-height:46px;padding:12px 20px;transition:background .18s,transform .18s,border-color .18s;text-align:center;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--blue-deep);color:#fffdf7;box-shadow:0 6px 15px -12px #273e4a}.button-primary:hover:not(:disabled){background:#3f646f}.button-soft{background:#f8fbf8;border-color:#c9d9d9;color:var(--blue-deep)}.button-soft:hover:not(:disabled){background:#e9f0ee;border-color:#a8c1c3}.login-submit{display:flex;width:100%;justify-content:space-between;margin-top:12px;font-size:13px}.login-submit>span:last-child{font-size:19px}.form-error{color:#9d4c43;font-size:12px;line-height:1.7;margin-top:12px;padding:8px 11px;background:#fff0e9;border:1px solid #ead3c8;border-radius:4px;overflow-wrap:anywhere}.connection-note{font-size:10px;color:var(--muted);margin-top:10px;min-height:16px}.landing-bottom{color:var(--muted);font-family:var(--serif);font-size:13px;letter-spacing:.04em;margin:26px 0 0}.landing-bottom>span{display:inline-block;margin-right:10px;color:var(--coral)}
.landing-art{position:relative;min-height:610px;width:100%;isolation:isolate}.art-halo{position:absolute;inset:46px 6px 52px 12px;background:#e5eff1;border-radius:47% 50% 43% 48%;transform:rotate(-9deg);z-index:-1}.art-halo:before{content:"";position:absolute;inset:17px;border:1px dashed #b6ccd0;border-radius:inherit}.art-postcard{position:absolute;left:30px;top:60px;width:238px;height:199px;padding:22px 24px;background:#fffdf8;transform:rotate(-7deg);border:1px solid #e0dace;box-shadow:5px 8px 0 #b9c9cb20}.postcard-top{font-size:8px;letter-spacing:.18em;color:#8c9690}.postcard-line{margin:11px 0 16px;width:80px;border-top:1px solid #d8ded6}.art-postcard p{font-family:var(--serif);font-size:24px;line-height:1.7;letter-spacing:.08em}.postcard-heart{position:absolute;bottom:18px;right:20px;color:var(--coral);font-size:35px}.postmark{position:absolute;right:8px;top:24px;border:1px solid #a6b7b7;outline:1px solid #a6b7b7;outline-offset:-8px;border-radius:50%;width:124px;height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(12deg);color:#7d9398;opacity:.9}.postmark span{font-size:7px;letter-spacing:.1em}.postmark strong{font-family:Georgia,serif;font-size:15px;font-weight:400}.character{position:absolute;bottom:79px;width:47%;max-width:248px;z-index:3}.character img{width:100%;height:375px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 1px #839da820) drop-shadow(0 0 5px #ffffff);transition:transform .4s}.character:hover img{transform:translateY(-5px) rotate(-1deg)}.character-amiya{left:13px;transform:rotate(-4deg)}.character-sora{right:1px;bottom:90px;transform:rotate(3deg)}.character-sora img{height:388px}.character figcaption{font-size:10px;width:max-content;padding:3px 11px;background:#fffdf6d9;border:1px solid #c9d6d3;border-radius:3px;position:relative;margin:5px auto 0;transform:rotate(2deg)}.character figcaption span{font-size:7px;color:var(--muted);letter-spacing:.12em;margin-left:6px}.envelope-decoration{position:absolute;bottom:60px;left:32%;width:180px;height:117px;background:#f2ded3;box-shadow:0 7px 14px -8px #54747b40;transform:rotate(-8deg);border:1px solid #dcbfaf;z-index:4;overflow:hidden;border-radius:2px}.envelope-fold{position:absolute;top:-69px;left:10px;width:158px;height:148px;background:#faebe1;transform:rotate(45deg);border-right:1px solid #dcbfaf;border-bottom:1px solid #dcbfaf;border-radius:0 0 10px 0}.envelope-seal{position:absolute;top:48px;left:76px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#c78877;color:#fff1e2;font-size:17px;border:2px solid #d79a86;box-shadow:0 2px 4px #935f4b20}.envelope-address{position:absolute;bottom:10px;left:15px;font-size:9px;letter-spacing:.1em;color:#a27461}.art-footnote{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-family:var(--serif);font-size:12px;color:var(--muted);letter-spacing:.06em}.art-doodle{position:absolute;color:var(--coral);font-family:Georgia,serif;z-index:2}.doodle-one{right:-5px;top:254px;font-size:56px;transform:rotate(10deg)}.doodle-two{left:-5px;bottom:200px;font-size:26px;color:#96b3b8;transform:rotate(10deg)}
.wish-journal{padding-top:32px}.journal-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;min-height:360px;background:linear-gradient(112deg,#eaf1f1 0%,#edf2ef 60%,#f0eee6 100%);border:1px solid #d6e1de;border-radius:12px;padding:38px 44px;overflow:hidden}.journal-hero:before{content:"";position:absolute;width:228px;height:228px;border:1px dashed #c6d5d2;border-radius:50%;left:-158px;top:-145px}.journal-hero-copy{position:relative;z-index:2}.journal-hero h1{font-family:var(--serif);font-size:clamp(34px,3.1vw,43px);font-weight:500;letter-spacing:.055em;line-height:1.6;margin:13px 0 13px}.journal-hero-copy>p:last-of-type{font-size:13px;color:var(--muted);letter-spacing:.025em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-actions .button{font-size:12px;min-height:44px;padding:11px 17px}.journal-hero-art{height:282px;position:relative;align-self:end;isolation:isolate}.journal-hero-art:before{content:"";position:absolute;left:9%;right:0;top:22px;bottom:-90px;background:#fcf9eeb0;border:1px solid #d7dfd7;border-radius:44% 48% 0 0;transform:rotate(6deg);z-index:-1}.hero-amiya,.hero-sora{position:absolute;bottom:-55px;height:285px;width:52%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 2px 1px #67808320)}.hero-amiya{left:-7%;transform:rotate(-5deg)}.hero-sora{right:-4%;height:297px;transform:rotate(3deg)}.hero-postmark{position:absolute;top:6px;left:38%;font-family:Georgia,serif;font-size:12px;font-style:italic;line-height:1.8;color:#7d9598;transform:rotate(-8deg);z-index:2}.hero-postmark strong{font-size:19px;font-weight:400;white-space:nowrap}.hero-postmark span{display:block;font-family:var(--serif);font-size:10px;margin-top:5px;white-space:nowrap;font-style:normal;color:#8c9181}.hero-spark{position:absolute;right:5px;top:60px;color:#b69473;font-size:34px}.journal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:31px 0 54px;padding:0 4px}.stat{position:relative;padding:7px 28px}.stat:first-child{padding-left:0}.stat:last-child{padding-right:0}.stat+.stat{border-left:1px solid #d9e0d9}.stat>span{font-size:12px;color:var(--muted);letter-spacing:.035em}.stat strong{display:block;font-family:Georgia,serif;font-size:37px;font-weight:400;line-height:1.3;margin:4px 0}.stat small{font-size:10px;color:var(--muted)}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-kicker{font-size:8px;letter-spacing:.19em;color:var(--muted)}.library-heading h2{font-family:var(--serif);font-size:29px;font-weight:500;letter-spacing:.07em;margin:7px 0 7px}.library-heading>div>p:last-child{font-size:12px;color:var(--muted)}.search-form{display:flex;align-items:center;gap:8px;width:267px;max-width:100%;background:#fffdf6b0;border:1px solid #d5dfd8;border-radius:6px;padding:0 10px;height:42px}.search-form>svg{width:15px;height:15px;color:#809396;flex:none}.search-form input{border:0;background:transparent;width:100%;min-width:0;color:var(--ink);outline:0;font-size:12px;height:100%}.search-form input::placeholder{color:#8a9690}.search-form:focus-within{outline:2px solid #a6bcbf;outline-offset:2px}.search-form button{background:transparent;border:0;width:27px;height:32px;flex:none;font-size:19px;color:#799295}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d5ded8;margin:25px 0 22px}.filter-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.filter-tab{background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;padding:13px 17px 12px;color:#72817e;white-space:nowrap;transition:color .15s,background .15s}.filter-tab:first-child{padding-left:7px;padding-right:20px}.filter-tab:hover{color:var(--ink);background:#ebefeb80}.filter-tab.is-active{color:var(--blue-deep);border-bottom-color:var(--blue-deep);font-weight:600}.filter-tab>span{color:var(--coral);font-size:14px;margin-left:3px}.sort-note{font-size:10px;color:var(--muted);white-space:nowrap}.sort-note>span{margin-left:10px}.results-note{font-size:11px;color:var(--muted);min-height:0;margin:0 0 15px}.results-note:empty{display:none}.wish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.wish-card{position:relative;min-height:259px;display:flex;flex-direction:column;padding:23px 23px 20px;background:var(--paper-light);border:1px solid #dae2d9;border-radius:3px 3px 12px 3px;box-shadow:0 6px 20px -18px #52656b65;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.wish-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px -20px #52656b80;border-color:#bfceca}.wish-card:before{content:"";height:3px;width:48px;background:#b7cfd1;position:absolute;top:0;left:23px}.wish-card.card-sealed{background:#faf3ee;border-color:#e2d8cd}.wish-card.card-sealed:before{background:#d7baa7}.wish-card.card-fulfilled{background:#f7faf3}.wish-card.card-fulfilled:before{background:#b4c6a9}.wish-card.card-archived{background:#f5f3ec;box-shadow:none}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.kind-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #d6e1df;background:#eef5f5;border-radius:4px;padding:3px 7px;font-size:9px;letter-spacing:.02em;color:var(--blue-deep);white-space:nowrap}.kind-pill.capsule{background:#f5e7dd;border-color:#e5d1c2;color:#9a735f}.card-sequence{font-family:Georgia,serif;font-size:10px;letter-spacing:.08em;color:#8b9790}.wish-card h3{font-family:var(--serif);font-size:22px;letter-spacing:.035em;font-weight:500;line-height:1.55;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title-button{padding:0;border:0;background:none;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit;display:block;width:100%;color:inherit}.card-title-button:hover{color:var(--coral)}.card-excerpt{font-size:12px;color:#6a7b78;line-height:1.85;margin:14px 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}.card-mood{font-size:10px;color:var(--muted);margin-top:auto;display:flex;align-items:center;gap:7px}.card-mood>span:first-child{color:var(--coral);font-family:Georgia,serif;font-size:15px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid #e0e5da}.card-date{font-size:9px;color:var(--muted);white-space:nowrap}.card-open{border:0;background:transparent;padding:3px 0;font-size:10px;color:var(--blue-deep);white-space:nowrap}.card-open:hover{color:var(--coral)}.card-tools{display:flex;gap:8px;align-items:center}.card-tool{border:0;background:transparent;color:#8b9891;padding:3px;display:grid;place-items:center;width:24px;height:25px;font-size:15px}.card-tool:hover{background:#e9eee6;color:#586f70;border-radius:3px}.capsule-center{position:relative;padding:17px 0 17px;display:flex;align-items:center;gap:13px;min-height:102px}.mini-envelope{position:relative;width:48px;height:36px;flex-shrink:0;background:#f0dace;border:1px solid #cfad98;border-radius:2px;overflow:hidden}.mini-envelope:before{content:"";position:absolute;top:-25px;left:5px;width:36px;height:40px;border-right:1px solid #cfad98;border-bottom:1px solid #cfad98;background:#f9eade;transform:rotate(45deg)}.mini-envelope span{position:absolute;left:18px;top:16px;font-family:Georgia,serif;font-size:13px;color:#ae7868}.capsule-countdown{font-family:var(--serif);font-size:21px;color:#966d5c;line-height:1.5}.capsule-countdown small{font-family:var(--sans);font-size:9px;color:#8c7e70;display:block;margin-top:4px;letter-spacing:.025em}.status-tag{font-size:9px;color:#758579;border:1px solid #dce3d4;border-radius:3px;padding:1px 5px}.status-tag.ready{color:#a77556;background:#fbf0dd;border-color:#e9d7b4}.status-tag.fulfilled{color:#64806a;background:#eaf2e6;border-color:#d2dfca}.sealed-caption{font-size:10px;color:#927d6c;margin-top:auto}.sealed-caption>span{margin-right:4px}.skeleton-card{min-height:259px;border-radius:3px 3px 12px 3px;border:1px solid #e0e4da;background:linear-gradient(100deg,#f6f5ed 25%,#fffcf5 45%,#f6f5ed 65%);background-size:200% 100%;animation:shimmer 1.6s infinite}.skeleton-card:before,.skeleton-card:after{content:"";display:block;margin:25px;width:120px;height:10px;background:#e5e8de;border-radius:3px}.skeleton-card:after{width:70%;height:45px;margin-top:40px;background:#ebeee5}.library-error{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;border:1px solid #e2cfc4;background:#fcf0e8;padding:17px 20px;border-radius:6px;font-size:12px}.library-error .text-button{white-space:nowrap}.text-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;color:var(--blue-deep);border:0;background:transparent;padding:6px 0;font-size:12px}.text-button:hover:not(:disabled){color:var(--coral)}.text-button svg{width:16px;height:16px}.empty-state{padding:53px 18px 56px;text-align:center;border:1px dashed #d6ddd1;background:#fbf9f280;border-radius:8px;min-height:320px}.empty-envelope{width:67px;height:48px;position:relative;border:1px solid #b5c9c8;background:#edf3f0;overflow:hidden;margin:0 auto 23px;transform:rotate(-6deg);border-radius:3px}.empty-envelope:before{content:"";width:45px;height:53px;background:#f8fcf5;border-right:1px solid #b5c9c8;border-bottom:1px solid #b5c9c8;position:absolute;top:-34px;left:10px;transform:rotate(45deg)}.empty-envelope>span{position:absolute;left:24px;top:18px;font-size:20px;color:#bb8a73}.empty-state h3{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:.04em;margin:9px 0 12px}.empty-state>p:last-of-type{font-size:12px;color:var(--muted);line-height:1.95}.empty-state .button{margin-top:22px;font-size:12px;min-height:42px}.pagination{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:28px}.pagination>span{font-family:Georgia,serif;font-size:12px;color:var(--muted)}.journal-tail{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:54px 0 35px;padding:26px 0 15px;border-top:1px solid var(--line)}.journal-tail>div{display:flex;align-items:center;gap:20px}.journal-tail>div>span{font-family:Georgia,serif;font-size:35px;color:var(--coral)}.journal-tail p{font-family:var(--serif);font-size:16px;letter-spacing:.055em;line-height:1.9}.journal-tail p>span{font-family:var(--sans);font-size:11px;letter-spacing:0;color:var(--muted)}.journal-tail>.text-button{font-size:11px;white-space:nowrap}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 32px;border-top:1px solid var(--line);color:var(--muted)}.site-footer>span{font-size:8px;letter-spacing:.12em}.site-footer>p{font-family:var(--serif);font-size:11px;letter-spacing:.04em}.site-footer>p>span{margin-left:9px;color:var(--coral)}.site-footer .footer-private{font-size:7px;letter-spacing:.15em}
.notebook-dialog{color:var(--ink);font-family:var(--sans);background:var(--paper-light);border:1px solid #d5dfd7;border-radius:9px;width:min(650px,calc(100% - 40px));padding:38px 40px 32px;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 80px #27464f25}.notebook-dialog::backdrop{background:#334f5666;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:13px;width:30px;height:30px;border:0;background:none;font-size:25px;line-height:1;color:#7c8c86;border-radius:50%}.dialog-close:hover{background:#e9eee6}.dialog-heading h2,.action-dialog h2{font-family:var(--serif);font-size:29px;line-height:1.55;font-weight:500;letter-spacing:.04em;margin:10px 0 8px}.dialog-heading>p:last-child{font-size:12px;color:var(--muted)}.wish-editor{margin-top:26px}.field-label{display:block;font-size:12px;line-height:1.6;color:var(--ink);margin:20px 0 9px;font-weight:500}.wish-editor>.field-label:first-child{margin-top:0}.field-label span{font-size:10px;font-weight:400;color:#88978b;margin-left:8px}.wish-editor input[type=text],.wish-editor input[type=date],.notebook-dialog textarea{width:100%;max-width:100%;display:block;background:#fafbf6;color:var(--ink);border:1px solid #d4ded6;border-radius:5px;padding:12px 13px;font-size:13px;line-height:1.8}.wish-editor input[type=text]{height:45px}.wish-editor input[type=date]{width:220px;min-height:45px}.wish-editor input::placeholder,.notebook-dialog textarea::placeholder{color:#8c9990}.notebook-dialog textarea{resize:vertical;min-height:114px}.field-help{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px;margin:6px 0 0}.field-help>span:last-child{white-space:nowrap;font-size:9px}.mood-fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.mood-fieldset legend{padding:0;margin:0 0 10px}.mood-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mood-options label{position:relative;cursor:pointer}.mood-options input{position:absolute;opacity:0;width:1px;height:1px}.mood-options span{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d9e1d7;border-radius:5px;background:#f6f8f1;padding:10px 4px;font-size:11px;color:#7b887d;transition:background .15s,border .15s}.mood-options span>b{font-family:Georgia,serif;font-size:16px;font-weight:400}.mood-options input:checked+span{background:#eaf1ef;border-color:#97b4b6;color:var(--blue-deep)}.mood-options input:focus-visible+span{outline:2px solid #9cb6bb;outline-offset:3px}.mood-options label:last-child input:checked+span{background:#f9ece6;border-color:#d5aea0;color:#a56c5d}.date-field{border-top:1px dashed #dedfd3;margin-top:23px;padding-top:2px}.capsule-rule{font-size:10px;line-height:1.8;color:#927d6c;background:#f8ece4;border-radius:4px;padding:10px 12px;margin-top:10px}.future-letter-details{margin-top:23px;border-top:1px solid #dfe4d8;padding-top:17px}.future-letter-details summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;list-style:none;color:var(--blue-deep)}.future-letter-details summary::-webkit-details-marker{display:none}.future-letter-details summary>span{font-size:9px;color:#88978b}.future-letter-details summary>b{margin-left:auto;font-size:16px;font-weight:400}.future-letter-details[open] summary>b{transform:rotate(45deg)}.future-letter-details textarea{margin-top:15px;background:#faf5ee}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #dde2d7;margin-top:25px;padding-top:21px}.editor-note{color:var(--muted);font-size:10px}.dialog-footer .button{font-size:12px;padding:11px 20px}.reader-dialog{padding:42px 42px 32px;width:min(670px,calc(100% - 40px));background-image:linear-gradient(90deg,transparent 0,transparent 25px,#eef0e721 25px,#eef0e721 26px,transparent 26px)}.reader-labels{display:flex;align-items:center;gap:10px;margin-bottom:18px}.reader-status{font-size:10px;color:var(--green)}.reader-dialog h2{font-family:var(--serif);font-size:32px;letter-spacing:.04em;line-height:1.55;font-weight:500;overflow-wrap:anywhere;padding-right:12px}.reader-meta{font-size:10px;color:var(--muted);margin:15px 0 27px;line-height:1.9}.reader-date-note{margin-bottom:25px;font-size:11px;line-height:1.8;background:#f6ece1;color:#927555;border:1px dashed #dac9b3;border-radius:5px;padding:13px 17px}.letter-section{margin-top:26px}.letter-section h3{font-family:var(--serif);font-size:17px;letter-spacing:.05em;font-weight:500;color:var(--blue-deep);margin-bottom:12px}.letter-content{font-size:14px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.future-letter-section{border-top:1px dashed #dbddd0;padding-top:24px}.future-letter-section h3{color:#a87960}.reflection-section{padding:21px 22px;background:#edf3e9;border:1px solid #dce4d4;border-radius:6px}.reflection-section h3{color:#66806a}.reflection-section .letter-content{font-size:13px}.reader-endmark{text-align:center;font-family:Georgia,serif;font-size:18px;color:#bfa78c;padding:29px 0 22px}.reader-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid #dee3d8;padding-top:21px}.reader-actions>.button{font-size:12px;padding:11px 15px;min-height:42px}.reader-actions>.text-button{margin-left:auto;padding:10px 4px;font-size:11px}.action-dialog{width:min(520px,calc(100% - 40px));padding:38px 35px 30px}.action-dialog h2{font-size:27px;margin-top:13px}.action-copy{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 23px}.action-dialog .field-label{font-size:11px}.action-buttons{display:flex;align-items:center;justify-content:end;gap:10px;margin-top:23px}.action-buttons .button{font-size:12px;padding:11px 17px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#3b626c;color:#fffdf4;border:1px solid #809fa5;box-shadow:0 8px 26px #1c35352b;font-size:12px;line-height:1.8;padding:12px 21px;border-radius:7px;z-index:20;max-width:calc(100% - 40px);width:max-content;overflow-wrap:anywhere}.notebook-dialog[open]{animation:dialog-appear .16s ease-out}body.modal-open{overflow:hidden}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes dialog-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.private-gate{min-height:780px}.landing-art{min-height:640px}.character img{height:410px}.character-sora img{height:425px}.art-postcard{top:70px}.landing-copy h1{font-size:62px}}
@media(max-width:1100px){.site-shell{width:calc(100% - 64px)}.private-gate{gap:18px;grid-template-columns:1fr 1fr}.landing-art{min-height:555px}.character{bottom:70px}.character img{height:326px}.character-sora img{height:339px}.postmark{right:0;width:108px;height:108px}.art-postcard{left:15px;top:57px;width:206px;height:179px}.art-postcard p{font-size:22px}.envelope-decoration{left:29%;width:161px;height:107px}.envelope-fold{left:5px}.envelope-seal{left:68px;top:45px}.art-footnote{font-size:10px}.journal-hero{padding:32px;grid-template-columns:1.3fr 1fr}.hero-postmark{left:29%}.hero-postmark strong{font-size:17px}.hero-amiya,.hero-sora{height:258px;bottom:-44px}.hero-sora{height:270px;right:-8%}.wish-grid{gap:17px}.wish-card{padding:21px 19px 18px}.wish-card h3{font-size:21px}.stat{padding:6px 22px}.sort-note{font-size:9px}.filter-tab{padding:13px 12px 12px}.brand-name{font-size:21px}}
@media(max-width:850px){.site-shell{width:calc(100% - 48px)}.site-header{min-height:98px}.private-gate{grid-template-columns:1fr 1fr;gap:8px;min-height:650px;padding-top:43px}.landing-copy h1{font-size:39px}.heading-star{font-size:31px;margin-left:4px}.landing-copy h1{letter-spacing:.015em}.landing-lead{font-size:13px}.login-paper{padding:20px;width:315px}.landing-art{min-height:514px}.art-postcard{width:175px;height:156px;left:7px;top:64px;padding:19px}.postcard-top{font-size:7px}.postcard-line{margin:10px 0}.art-postcard p{font-size:19px}.postcard-heart{font-size:25px}.postmark{width:93px;height:93px;right:2px;top:29px}.postmark strong{font-size:12px}.postmark span{font-size:6px}.character-amiya{left:0}.character-sora{right:-2px}.character img{height:285px}.character-sora img{height:295px}.character figcaption{font-size:9px;padding:2px 7px}.character figcaption span{font-size:6px;margin-left:3px}.envelope-decoration{width:144px;height:92px;left:27%;bottom:52px}.envelope-fold{width:130px;height:135px;top:-78px;left:6px}.envelope-seal{left:57px;top:34px;width:25px;height:25px}.envelope-address{font-size:8px;bottom:8px;left:10px}.art-footnote{font-size:9px}.doodle-one{font-size:38px;right:0;top:194px}.header-note{font-size:10px}.journal-hero{grid-template-columns:1.5fr 1fr;min-height:342px;padding:29px}.journal-hero h1{font-size:34px}.hero-actions{gap:8px}.hero-actions .button{padding:10px 13px;font-size:11px}.journal-hero-art{height:245px}.hero-postmark{left:26%;top:-5px;font-size:10px}.hero-postmark strong{font-size:14px}.hero-postmark span{font-size:8px}.hero-amiya,.hero-sora{height:237px;bottom:-34px;width:62%}.hero-amiya{left:-16%}.hero-sora{right:-18%;height:249px}.hero-spark{right:0;top:50px;font-size:28px}.wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-stats{margin-bottom:42px}.stat{padding:6px 17px}.stat>span{font-size:10px}.stat strong{font-size:32px}.stat small{font-size:8px}.sort-note{display:none}.library-heading h2{font-size:27px}.library-heading{gap:20px}.search-form{width:234px}.library-toolbar{margin-top:22px}.filter-tab{padding:13px 15px}.site-footer>span{font-size:7px}.site-footer .footer-private{display:none}.site-footer>p{font-size:10px}.journal-tail p{font-size:14px}.journal-tail p>span{font-size:10px}}
@media(max-width:650px){.site-shell{width:calc(100% - 40px)}.site-header{min-height:87px;gap:12px}.brand{gap:10px}.brand-mark{width:34px;height:39px;font-size:23px;border-radius:13px 13px 5px 5px}.brand-name{font-size:18px}.brand-name small{font-size:6px;letter-spacing:.12em;margin-top:5px}.header-note{font-size:9px;gap:5px;letter-spacing:0}.tiny-star{font-size:20px}.lock-button{font-size:10px;padding:8px 9px;gap:6px;border-radius:5px}.lock-button svg{width:14px;height:14px}.private-gate{grid-template-columns:1fr;gap:10px;padding:37px 0 27px;min-height:0}.landing-copy{max-width:460px;margin:auto;width:100%}.landing-copy .eyebrow{font-size:8px}.landing-copy h1{font-size:clamp(38px,8vw,50px);line-height:1.43;margin:17px 0}.landing-lead{font-size:13px;line-height:1.95}.heading-star{font-size:37px;margin-left:10px}.login-paper{width:100%;margin-top:25px;padding:21px 22px 18px}.login-heading{font-size:20px}.login-note{margin-bottom:14px}.password-wrap input{font-size:12px}.landing-bottom{margin-top:20px;font-size:12px}.landing-art{min-height:425px;max-width:430px;margin:9px auto 0}.art-halo{inset:24px 18px 43px}.art-postcard{left:19px;top:38px;width:184px;height:149px;padding:16px 19px}.art-postcard p{font-size:20px;line-height:1.6}.postcard-line{margin:8px 0 9px}.postmark{right:19px;top:13px;width:92px;height:92px}.character{width:43%;max-width:192px;bottom:51px}.character-amiya{left:23px}.character-sora{right:9px;bottom:61px}.character img{height:279px}.character-sora img{height:289px}.character figcaption{font-size:9px}.envelope-decoration{bottom:36px;left:32%;width:139px;height:85px}.envelope-fold{top:-80px;left:6px;width:125px}.envelope-seal{left:57px;top:31px;width:23px;height:23px;font-size:13px}.art-footnote{bottom:0;font-size:10px}.doodle-one{right:10px;top:175px;font-size:38px}.doodle-two{left:7px;bottom:134px;font-size:23px}.wish-journal{padding-top:23px}.journal-hero{display:block;padding:25px 23px 26px;min-height:330px;border-radius:8px}.journal-hero h1{font-size:clamp(27px,6.1vw,34px);letter-spacing:.04em;margin:13px 0 10px;line-height:1.6}.journal-hero-copy>p:last-of-type{font-size:11px;max-width:245px;line-height:1.85}.journal-hero .eyebrow{font-size:7px;gap:8px}.hero-actions{position:relative;margin-top:26px;gap:9px;display:flex;flex-wrap:wrap;max-width:250px}.hero-actions .button{min-height:40px;padding:10px 12px;font-size:10px;gap:8px}.hero-actions .button svg{width:14px;height:14px}.hero-actions .button-soft{background:#fbfbf2eb}.journal-hero-art{position:absolute;right:-18px;bottom:-10px;width:150px;height:200px;opacity:.84;pointer-events:none}.journal-hero-art:before{top:5px;left:2%;bottom:-15px;background:#faf7eb93}.hero-amiya,.hero-sora{height:172px;bottom:-4px;width:65%}.hero-amiya{left:-15%;transform:rotate(-6deg)}.hero-sora{right:-7%;height:183px}.hero-postmark{top:0;left:22%;font-size:8px}.hero-postmark strong{font-size:11px}.hero-postmark span{display:none}.hero-spark{font-size:23px;right:8px;top:47px}.journal-stats{grid-template-columns:repeat(2,1fr);margin:22px 0 36px;gap:22px 0;padding:0}.stat{padding:0 19px}.stat:first-child,.stat:nth-child(3){padding-left:2px;border-left:0}.stat>span{font-size:11px}.stat strong{font-size:32px;margin-top:3px}.stat small{font-size:9px}.library-heading{display:block}.library-heading h2{font-size:26px;margin:6px 0 6px}.library-heading>div>p:last-child{font-size:11px}.search-form{margin-top:20px;width:100%;height:42px}.library-toolbar{margin:17px 0 18px;overflow:visible}.filter-tabs{width:100%;justify-content:space-between;gap:0;flex-wrap:nowrap}.filter-tab{font-size:10px;padding:12px 5px 11px}.filter-tab:first-child{padding-left:0;padding-right:6px}.filter-tab:last-child{padding-right:0}.filter-tab>span{font-size:12px;margin-left:2px}.wish-grid{grid-template-columns:1fr;gap:16px}.wish-card{min-height:244px;padding:22px 23px 19px}.wish-card h3{font-size:23px}.card-excerpt{font-size:12px;-webkit-line-clamp:3;max-width:100%;margin:12px 0 14px}.card-footer{margin-top:14px}.card-open{font-size:11px}.card-date{font-size:10px}.card-topline{margin-bottom:14px}.kind-pill{font-size:9px}.card-mood{font-size:10px}.card-sequence{font-size:10px}.capsule-center{min-height:105px;padding:16px 0}.capsule-countdown{font-size:22px}.capsule-countdown small{font-size:10px}.sealed-caption{font-size:10px}.empty-state{padding:39px 18px 40px;min-height:295px}.empty-state h3{font-size:24px}.library-error{display:block;padding:14px 17px;font-size:11px}.library-error .text-button{margin-top:6px;font-size:11px}.journal-tail{display:block;margin:34px 0 22px;padding:22px 0 0}.journal-tail>div{gap:15px}.journal-tail p{font-size:14px}.journal-tail p>span{font-size:10px}.journal-tail>.text-button{margin:16px 0 0 45px;font-size:10px}.site-footer{padding:22px 0 24px;gap:14px;flex-wrap:wrap}.site-footer>span{font-size:6px;letter-spacing:.06em}.site-footer>p{font-size:9px;letter-spacing:.015em}.notebook-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);padding:31px 22px 24px;border-radius:8px}.dialog-close{right:11px;top:9px}.dialog-heading h2{font-size:25px;margin-top:13px}.dialog-heading .eyebrow{font-size:8px}.dialog-heading>p:last-child{font-size:11px}.wish-editor{margin-top:23px}.field-label{font-size:11px}.field-label span{font-size:9px;margin-left:5px}.wish-editor input[type=text],.wish-editor input[type=date],.notebook-dialog textarea{font-size:16px;padding:11px 12px}.wish-editor input::placeholder,.notebook-dialog textarea::placeholder{font-size:12px}.notebook-dialog textarea{line-height:1.85}.field-help{font-size:8px;gap:10px}.field-help>span:last-child{font-size:8px}.mood-options{gap:6px}.mood-options span{gap:6px;padding:9px 3px;font-size:10px}.mood-options span>b{font-size:15px}.capsule-rule{font-size:10px;padding:10px 11px}.future-letter-details summary{font-size:11px;gap:6px}.future-letter-details summary>span{font-size:9px}.dialog-footer{display:block;padding-top:17px}.dialog-footer>.button{width:100%;margin-top:11px;font-size:12px}.editor-note{font-size:9px}.reader-dialog{padding:35px 24px 25px}.reader-dialog h2{font-size:28px}.reader-meta{font-size:10px;margin:12px 0 23px}.reader-date-note{font-size:10px;padding:12px 14px}.letter-section h3{font-size:16px}.letter-content{font-size:13px;line-height:2}.reflection-section{padding:17px}.reader-actions{gap:8px}.reader-actions>.button{font-size:11px;padding:10px 13px}.reader-actions>.text-button{font-size:10px}.action-dialog{padding:33px 24px 25px}.action-dialog h2{font-size:25px}.action-copy{font-size:11px;margin-bottom:20px}.action-buttons{gap:8px}.action-buttons .button{font-size:11px;padding:10px 13px}.toast{font-size:11px;bottom:20px;padding:10px 15px}.pagination{gap:25px;margin-top:22px}.pagination .text-button{font-size:11px}}
@media(max-width:370px){.site-shell{width:calc(100% - 30px)}.brand-name{font-size:16px}.brand-name small{font-size:5px}.header-note{font-size:8px}.landing-copy h1{font-size:36px}.heading-star{font-size:28px;margin-left:7px}.private-gate{padding-top:30px}.landing-art{min-height:378px}.art-postcard{width:158px;height:133px;left:8px;top:38px}.art-postcard p{font-size:18px}.postmark{width:78px;height:78px;right:9px}.postmark span{font-size:5px}.postmark strong{font-size:10px}.character img{height:242px}.character-sora img{height:254px}.character-amiya{left:10px}.character-sora{right:4px}.envelope-decoration{left:31%;bottom:34px}.character figcaption span{display:none}.art-footnote{font-size:9px}.journal-hero{padding:23px 18px}.journal-hero h1{font-size:27px}.journal-hero-art{width:124px;right:-13px;opacity:.64}.hero-actions{max-width:230px}.hero-actions .button{font-size:10px}.lock-button>span{font-size:9px}.site-footer{justify-content:center}.filter-tab{font-size:9px}.filter-tab>span{font-size:10px}.mood-options span{font-size:9px;gap:5px}.future-letter-details summary{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover:not(:disabled),.wish-card:hover,.character:hover img{transform:none}}
@media(max-width:650px){.character-sora figcaption{transform:translateX(21px) rotate(2deg)}.password-wrap input{font-size:16px}.password-wrap input::placeholder{font-size:12px}}
.card-tool{width:38px;min-height:30px;height:auto;font-size:10px;letter-spacing:.04em;border-radius:4px}@media(max-width:650px){.card-tool{width:40px;min-height:40px}}