:root{--paper:#f7faf6;--paper-deep:#edf3ee;--ink:#26352e;--muted:#6d7b73;--leaf:#668a75;--leaf-dark:#365746;--line:#d4e0d7;--rose:#dbaeb5;--sky:#9bcbd9;--shadow:0 18px 55px rgba(42,64,52,.14);--ease:cubic-bezier(.22,.8,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Songti SC","STSong","Noto Serif SC",serif;letter-spacing:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.gate{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px}.window-scene{position:absolute;inset:0;background:linear-gradient(165deg,#8dbdce 0%,#c8c9d3 40%,#edb3aa 68%,#efa982 100%);overflow:hidden}.sky-glow{position:absolute;inset:0;background:radial-gradient(circle at 70% 42%,rgba(255,236,202,.78),transparent 26%),linear-gradient(to bottom,transparent 47%,rgba(35,62,49,.22));animation:breathe 10s ease-in-out infinite alternate}.cloud{position:absolute;border-radius:50%;filter:blur(22px);background:rgba(245,249,248,.27);animation:drift 30s linear infinite}.cloud-a{width:58vw;height:15vw;top:12%;left:-28%}.cloud-b{width:44vw;height:12vw;top:28%;left:48%;animation-duration:38s}.window-frame{position:absolute;inset:0;border:clamp(18px,5vw,60px) solid rgba(248,245,233,.35);border-bottom:0}.window-frame:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:clamp(8px,1.4vw,18px);background:rgba(242,239,226,.5)}.curtain{position:absolute;top:-5%;bottom:-5%;width:28%;background:linear-gradient(90deg,rgba(248,246,235,.92),rgba(255,255,248,.3));filter:drop-shadow(0 12px 24px rgba(36,49,42,.15));transform-origin:top}.curtain-left{left:-9%;clip-path:polygon(0 0,100% 0,62% 49%,89% 100%,0 100%);animation:curtain 6s ease-in-out infinite alternate}.curtain-right{right:-9%;clip-path:polygon(0 0,100% 0,62% 49%,89% 100%,0 100%);transform:scaleX(-1);animation:curtainR 7s ease-in-out infinite alternate}.desk{position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(175deg,#bca68c,#88715f);box-shadow:0 -10px 35px rgba(42,47,41,.18)}
.open-book{position:absolute;left:50%;bottom:6%;width:min(72vw,720px);height:min(22vw,220px);transform:translateX(-50%) perspective(900px) rotateX(57deg);filter:drop-shadow(0 22px 18px rgba(33,39,34,.25))}.open-book i{position:absolute;top:0;width:51%;height:100%;background:linear-gradient(110deg,#eff1e8,#fffef8 60%);border-radius:4px 20px 20px 4px}.open-book i:nth-child(1){left:0;transform:skewY(2deg);box-shadow:inset -16px 0 25px rgba(66,74,66,.09)}.open-book i:nth-child(2),.open-book i:nth-child(3){right:0;transform:skewY(-2deg);box-shadow:inset 16px 0 25px rgba(66,74,66,.08)}.open-book i:nth-child(3){transform-origin:left;animation:turn 5s var(--ease) infinite}.open-book span{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);letter-spacing:.35em;white-space:nowrap}.veil{position:absolute;inset:0;background:rgba(21,34,28,.23);backdrop-filter:blur(2px)}
.gate-content{position:relative;z-index:2;width:min(470px,100%);color:#fff;text-align:center;text-shadow:0 2px 22px rgba(24,34,29,.38)}.page-mark{width:64px;height:54px;margin:0 auto 24px;position:relative}.page-mark i{position:absolute;inset:12px 5px 0;background:rgba(255,255,248,.92);clip-path:polygon(0 14%,47% 28%,50% 100%,53% 28%,100% 0,94% 86%,51% 100%,6% 92%)}.page-mark:after{content:"";position:absolute;width:38px;height:28px;right:5px;top:5px;background:rgba(255,255,248,.72);clip-path:polygon(0 100%,100% 0,84% 100%);transform-origin:left bottom;animation:markTurn 4s ease-in-out infinite}.page-mark.small{width:45px;height:40px;margin:0;flex:0 0 auto}.gate h1{font-size:clamp(30px,6vw,42px);font-weight:400;letter-spacing:.32em;padding-left:.32em;margin:0 0 22px}.gate-copy{line-height:2.05;margin:0 0 26px}.gate-copy small{display:block;margin-top:10px;opacity:.84}.login-form{display:flex;gap:10px;width:min(370px,100%);margin:auto}.login-form input{min-width:0;flex:1;padding:13px 14px;border:1px solid rgba(255,255,255,.58);border-radius:4px;background:rgba(255,255,255,.15);color:#fff;outline:none;backdrop-filter:blur(9px)}.login-form input::placeholder{color:rgba(255,255,255,.78)}.login-form input:focus{box-shadow:0 0 0 3px rgba(255,255,255,.15)}
.button{border:0;border-radius:4px;padding:12px 17px}.button.primary{background:var(--leaf-dark);color:#fff;box-shadow:0 8px 20px rgba(35,55,45,.16)}.gate .button.primary{background:#f7f8f2;color:var(--ink)}.button.secondary{background:var(--paper-deep);color:var(--ink)}.text-button{border:0;background:transparent;color:inherit;padding:14px;opacity:.72}.form-message{min-height:22px;margin:10px 0 0;font-size:13px}.handwriting{font-family:"KaiTi","STKaiti",cursive}
.opening{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:28px;background:#101914;color:#edf5ef;transition:opacity 1s var(--ease)}.opening.closing{opacity:0;pointer-events:none}.opening-light{position:absolute;inset:0;background:radial-gradient(circle at 65% 40%,rgba(180,208,193,.16),transparent 26%),linear-gradient(145deg,#14251e,#0e1713 67%,#25352b)}.skip-button{position:absolute;z-index:2;right:20px;top:20px;padding:12px;border:0;background:transparent;color:#d8e4dc;opacity:.72}.opening-copy{position:relative;text-align:center;line-height:2.3;font-size:clamp(16px,4vw,21px)}.opening-copy p{opacity:0;transform:translateY(10px);animation:reveal 2s var(--ease) forwards}.opening-copy p:nth-child(2){animation-delay:2.1s}.opening-copy p:nth-child(3){animation-delay:4.5s}.opening-copy p:nth-child(4){animation-delay:7s}.memory-opening{position:relative;width:min(430px,100%);text-align:center;opacity:0;animation:reveal 1.5s forwards}.memory-image{height:280px;margin-bottom:22px;border-radius:3px;background:linear-gradient(170deg,#8ebfd3,#eac3c8 45%,#f0aa89 75%,#536c61);box-shadow:0 18px 60px rgba(0,0,0,.3)}.memory-opening h2{font-weight:400}.memory-opening p:last-child{line-height:1.8;color:#c8d8cf}
.home{min-height:100svh}.hero{min-height:66svh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,7vw,80px);color:#fff;background:linear-gradient(165deg,#91bfce,#d3c9d5 45%,#ecb3aa 69%,#eaa47e 85%,#61796c);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 36%,rgba(255,236,200,.48),transparent 28%),linear-gradient(to top,rgba(26,47,36,.51),transparent 55%);animation:breathe 11s ease-in-out infinite alternate}.topbar{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,58px)}.wordmark{color:#fff;text-decoration:none;letter-spacing:.23em}.nav-actions{display:flex;gap:8px}.round-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px)}.hero-copy{position:relative;z-index:1;max-width:690px}.hero-copy h1{font-size:clamp(43px,9vw,80px);font-weight:400;letter-spacing:.12em;margin:7px 0 8px}.hero-copy>p:last-child{font-size:clamp(16px,2.4vw,20px);line-height:1.8}.eyebrow{font-family:system-ui,sans-serif;font-size:12px;letter-spacing:0;color:inherit;opacity:.72;margin:0}.memory-reminder{position:relative;z-index:3;width:min(900px,calc(100% - 32px));margin:-25px auto 0;padding:19px 22px;display:flex;align-items:center;gap:17px;background:var(--paper);border-radius:6px;box-shadow:var(--shadow)}.memory-reminder strong{font-weight:400}.memory-reminder p{font-size:13px;color:var(--muted);margin:4px 0 0}
.archive{width:min(960px,calc(100% - 32px));margin:auto;padding:65px 0 110px}.archive-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:42px}.archive-header h2{font-size:clamp(28px,4.5vw,42px);font-weight:400;margin:7px 0 9px}.archive-header>div>p:last-child{color:var(--muted);margin:0}.view-switch{display:flex;background:#e8eee9;border-radius:5px;padding:3px;white-space:nowrap}.view-switch button{border:0;background:transparent;padding:9px 12px;border-radius:3px}.view-switch .active{background:#fff;box-shadow:0 2px 8px rgba(45,66,54,.1)}
.river{position:relative;padding-left:43px}.river:before{content:"";position:absolute;left:12px;top:9px;bottom:16px;width:1px;background:var(--line)}.entry-card{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:36px;align-items:center;margin-bottom:62px}.entry-card:before{content:"";position:absolute;left:-36px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 6px #eaf1ec}.entry-main{border:0;background:transparent;text-align:left;padding:0}.entry-main time{font:12px system-ui,sans-serif;color:var(--muted)}.entry-main h3{font-size:clamp(21px,3vw,29px);font-weight:400;margin:8px 0 10px}.entry-main p{color:var(--muted);line-height:1.8;margin:0;white-space:pre-wrap}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.meta span{font:12px system-ui,sans-serif;color:var(--muted);background:var(--paper-deep);padding:5px 8px;border-radius:3px}.entry-media{aspect-ratio:4/3;border:0;padding:0;background:linear-gradient(165deg,#a4cdd8,#e1c2ca 48%,#efa987 75%,#5a7466);border-radius:4px;overflow:hidden;box-shadow:0 10px 28px rgba(52,71,61,.14)}.entry-media img,.entry-media video{width:100%;height:100%;display:block;object-fit:cover}.status-dot{display:inline-block;margin-left:8px;font:11px system-ui,sans-serif;color:var(--muted)}
.year-view{display:grid;gap:12px}.year-row{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:18px;padding:19px 21px;border-left:6px solid var(--leaf);border-radius:3px;background:var(--paper-deep)}.year-row:nth-child(even){border-color:var(--rose);margin-left:14px}.year-row h3,.year-row p{margin:0}.year-row h3{font-weight:400}.year-row p,.year-row span{color:var(--muted);font-size:13px}.empty-state{text-align:center;padding:50px 15px;color:var(--muted)}.empty-state h3{color:var(--ink);font-weight:400;font-size:25px}.empty-page{width:90px;height:105px;margin:auto;background:#fff;border-radius:2px 10px 10px 2px;box-shadow:8px 9px 0 #e7eee8,0 18px 30px rgba(46,68,56,.12);transform:rotate(3deg)}
.compose-button{position:fixed;z-index:8;right:22px;bottom:22px;border:0;border-radius:26px;background:var(--leaf-dark);color:#fff;padding:8px 16px 8px 8px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 30px rgba(32,57,44,.3)}.compose-button span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:24px}.compose-button b{font-weight:400}
dialog{border:0;color:var(--ink)}dialog::backdrop{background:rgba(23,35,29,.43);backdrop-filter:blur(4px)}.sheet{width:min(760px,calc(100% - 24px));max-height:calc(100svh - 30px);border-radius:7px;padding:0;background:var(--paper);box-shadow:var(--shadow)}.sheet form{padding:26px}.sheet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.sheet-header h2{font-weight:400;font-size:29px;margin:5px 0 0}.icon-close{border:0;background:transparent;font:31px system-ui,sans-serif;color:var(--muted);padding:0 7px}.sheet label,.settings label{display:grid;gap:8px;margin-bottom:18px;font-size:14px}.sheet input,.sheet textarea,.sheet select,.settings input{width:100%;border:1px solid var(--line);border-radius:4px;background:#fff;padding:12px 13px;outline:none}.sheet textarea{resize:vertical}.sheet input:focus,.sheet textarea:focus,.sheet select:focus,.settings input:focus{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(102,138,117,.12)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auto-row{display:flex;align-items:center;gap:12px;margin:-4px 0 18px}.auto-row span,.hint{font:12px system-ui,sans-serif;color:var(--muted)}.media-section{margin:6px 0 24px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.upload-button{display:block!important;margin:0!important;padding:9px 12px;background:var(--paper-deep);border-radius:4px}.media-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.media-item{position:relative;aspect-ratio:1;background:#e6ede8;border-radius:4px;overflow:hidden}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.media-item audio{width:100%;position:absolute;bottom:8px}.media-item button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:28px;height:28px;background:rgba(24,35,29,.72);color:#fff}.sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:20px}.sheet-footer>div{display:flex;gap:9px}.reader{width:min(850px,calc(100% - 24px));max-height:calc(100svh - 30px);padding:0;border-radius:7px;background:var(--paper)}.reader-close{position:sticky;float:right;top:12px;right:12px;z-index:2}.reader article{padding:45px clamp(22px,7vw,80px) 65px}.reader h2{font-size:clamp(30px,6vw,50px);font-weight:400;margin:10px 0 18px}.reader .reader-text{font-size:17px;line-height:2;white-space:pre-wrap}.reader-media{display:grid;gap:12px;margin:28px 0}.reader-media img,.reader-media video{width:100%;max-height:70svh;object-fit:contain;background:#edf2ee}.reader-media audio{width:100%}.reader .history{margin-top:45px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted)}.reader-actions{display:flex;gap:9px;margin-top:30px}.settings{width:min(480px,calc(100% - 24px));border-radius:7px;padding:26px;background:var(--paper)}.settings p{color:var(--muted);line-height:1.7}.settings .sheet-footer{justify-content:space-between}
@keyframes drift{to{transform:translateX(105vw)}}@keyframes breathe{to{opacity:.75;transform:scale(1.04)}}@keyframes curtain{to{transform:rotate(2deg) translateX(3%)}}@keyframes curtainR{to{transform:scaleX(-1) rotate(2deg) translateX(3%)}}@keyframes turn{0%,55%,100%{transform:rotateY(0) skewY(-2deg)}75%{transform:rotateY(-155deg) skewY(2deg)}}@keyframes markTurn{50%{transform:rotateY(-42deg) rotateZ(-4deg)}}@keyframes reveal{to{opacity:1;transform:none}}
@media(max-width:680px){.gate{padding:18px}.login-form{flex-direction:column}.gate .primary{width:100%}.curtain{width:40%}.open-book{width:84vw;height:31vw}.hero{min-height:62svh}.archive{padding-top:55px}.archive-header{align-items:flex-start;flex-direction:column}.entry-card{grid-template-columns:1fr;gap:18px}.entry-media{order:-1}.field-grid{grid-template-columns:1fr;gap:0}.sheet{width:100%;max-height:95svh;margin:5svh 0 0;border-radius:12px 12px 0 0}.sheet form{padding:20px}.sheet-footer{align-items:stretch;flex-direction:column}.sheet-footer>div{display:grid;grid-template-columns:1fr 1fr}.media-list{grid-template-columns:repeat(2,1fr)}.year-row{grid-template-columns:64px 1fr}.year-row span{grid-column:2}.opening-copy{font-size:16px}.compose-button b{display:none}.compose-button{padding:8px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}