:root{--paper:#fcf6e3;--ink:#454735;--muted:#797b66;--line:#dcd9c4;--accent:#a5573c;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}button{background:none;border:0}a{text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.topbar{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:"Noto Serif SC",serif;font-size:19px;font-weight:600}.wordmark span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;display:block;margin-top:8px;font-weight:400}.topbar nav{display:flex;align-items:center;gap:35px;font-size:14px}.topbar nav button{font-size:14px}.music-icon{padding-right:7px;font-size:20px}.hero{position:relative;margin:0 2%;height:440px;overflow:hidden;background:#9ba7af}.hero>img,.hero>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero>canvas{opacity:0;transition:opacity 1s}.hero-top,.hero-bottom{position:absolute;left:3.2%;right:3.2%;display:flex;justify-content:space-between;align-items:center;color:#fffef0;text-shadow:0 1px 6px #38442b80;font-size:13px;letter-spacing:2px}.hero-top{top:25px}.hero-bottom{bottom:25px}.hero-bottom>span{font-size:11px;letter-spacing:3px}.hero-bottom button{color:inherit;border:1px solid #fff8;border-radius:25px;font-size:12px;padding:9px 16px;backdrop-filter:blur(9px)}.hero-bottom button span{margin-left:13px}.intro{max-width:1140px;margin:auto;padding:73px 25px 0}.eyebrow{font-size:11px;letter-spacing:2.7px;color:var(--muted)}h1,h2,h3,.intro>p{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-weight:400}h1{font-size:clamp(36px,4.3vw,59px);letter-spacing:3px;margin:22px 0 17px;line-height:1.5}.period{color:var(--accent)}.intro>p{font-size:22px;letter-spacing:6px;margin:0}.mobile-break{display:none}.intro-foot{display:flex;justify-content:space-between;align-items:center;margin-top:33px;padding-bottom:55px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.9}.little-sun{font-size:44px;color:#ac7450}.now{max-width:1140px;margin:auto;padding:65px 25px 74px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}h2{font-size:30px;letter-spacing:2px;margin:13px 0 0}.section-head p{font-size:14px;color:var(--muted);margin-bottom:5px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.chapter{min-width:0}.chapter-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);padding-bottom:17px;border-bottom:1px solid var(--line)}.chapter-label>span:last-child{font-size:10px;letter-spacing:1.5px}.book-art,.learning-art,.record-art{height:238px;margin-top:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e9ead8}.book{width:132px;height:183px;background:#575e4b;color:#f1ead2;box-shadow:7px 10px 13px #39422c25;border-left:5px solid #454d3b;transform:rotate(-8deg);padding:17px 14px;font-family:"Noto Serif SC",serif}.book>span{font-size:10px;letter-spacing:2px}.book strong{font-size:23px;line-height:1.7;font-weight:400;display:block;margin:12px 0}.book small{font-size:7px;letter-spacing:1.2px;line-height:1.5}.learning-art{background:#e9e3d3;flex-direction:column;align-items:flex-start;padding:28px 32px;gap:19px;font-family:monospace;color:#6f735c}.learning-art>span{font-size:12px}.agent-word{font-family:Georgia,serif;font-size:49px;letter-spacing:-2px;display:flex;align-items:center;gap:22px}.orbit{font-size:43px;color:#a46343;display:inline-block;animation:spin 35s linear infinite}.output{align-self:flex-end}.record-art{background:#ebdcca;position:relative}.record{width:186px;height:186px;border-radius:50%;background:repeating-radial-gradient(circle,#30342d 0px,#30342d 2px,#3d4037 3px,#30342d 4px);display:grid;place-items:center;transform:rotate(-15deg);box-shadow:5px 7px 13px #3d332326}.record>span{width:82px;height:82px;border-radius:50%;background:#c97b50;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;color:#fbebc8;font-size:18px;line-height:.95;text-align:center}.record small{font-family:Arial;font-size:6px;letter-spacing:.7px;margin-top:9px}.record-star{position:absolute;right:23px;top:22px;color:#98603e;font-size:44px}.chapter h3{font-size:22px;margin:25px 0 12px}.chapter p{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 19px}.chapter-note,.text-link{font-size:13px}.text-link{display:flex;justify-content:space-between}.moments{max-width:1090px;margin:0 auto 78px;border-top:1px solid var(--line);padding-top:57px;display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.moment-heading h2{line-height:1.8;margin-top:15px}.moment-heading p{font-size:14px;line-height:2;color:var(--muted)}.notebook{padding:27px 29px;background:#f3ecd6;border:1px solid #e7dfc8}label{display:flex;justify-content:space-between;font-size:14px}label span{font-size:12px;color:var(--muted)}textarea{resize:vertical;border:0;border-bottom:1px solid #d7d0bb;background:transparent;font:16px/2 "Noto Serif SC",serif;width:100%;padding:22px 0 16px;min-height:115px;color:var(--ink);border-radius:0}textarea::placeholder{color:#96917e}.note-actions{display:flex;align-items:center;justify-content:space-between;margin-top:19px;gap:10px}.note-actions>span{font-size:12px;color:var(--muted)}.note-actions button{font-size:13px;padding:8px 0}.note-actions button span{margin-left:12px}#notes{font-size:14px;line-height:1.9}#notes article{border-top:1px dashed #d3cbb4;margin-top:19px;padding-top:14px;display:flex;align-items:start;gap:15px}#notes article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0}#notes time{font-size:11px;color:var(--muted)}#notes article>div{flex:1}#notes article button{color:var(--muted);font-size:18px}footer{border-top:1px solid var(--line);padding:28px max(5%,calc((100vw - 1090px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:15px;line-height:2}.footer-sun{margin-left:20px;font-size:20px}#music-panel{position:fixed;z-index:10;right:30px;top:85px;width:365px;max-width:calc(100vw - 32px);padding:24px;background:var(--paper);border:1px solid var(--line);box-shadow:0 15px 55px #30352826}.panel-heading{display:flex;justify-content:space-between}.panel-heading h3{font-size:25px;margin:13px 0 7px}.panel-heading p{font-size:13px;color:var(--muted)}.panel-heading button{align-self:flex-start;font-size:24px}iframe{width:100%;border:0;margin-top:10px;border-radius:10px}.music-help{font-size:12px;line-height:1.8;color:var(--muted)}.pet-home{position:fixed;bottom:22px;right:25px;z-index:8;text-align:center}#pet{display:block;position:relative;margin:auto;width:86px;height:83px;padding:6px 7px}#pet img{width:70px;height:64px;object-fit:contain;image-rendering:pixelated;animation:breathe 3s ease-in-out infinite;position:relative;z-index:1}.pet-shadow{position:absolute;width:48px;height:7px;border-radius:50%;background:#4547351a;bottom:6px;left:20px}.pet-caption{font-size:11px;letter-spacing:1px;color:#7d735e}#pet-dialog{text-align:left;position:absolute;bottom:110px;right:0;width:266px;background:var(--paper);padding:21px;border:1px solid #d8d2bb;box-shadow:0 7px 30px #45473515;border-radius:3px}#pet-speech{font-family:"Noto Serif SC",serif;font-size:15px;line-height:1.9;margin:0 0 18px;padding-right:10px}.pet-close{position:absolute;right:8px;top:6px;font-size:18px;color:var(--muted)}.pet-options{display:flex;gap:6px}.pet-options button{font-size:12px;padding:7px;background:#eee6d0;border-radius:3px}#pet.happy img{animation:hop .38s ease-in-out 3}#pet.resting img{animation:none;transform:translateY(7px) rotate(-8deg)}@keyframes breathe{50%{transform:translateY(-4px)}}@keyframes hop{50%{transform:translateY(-17px) rotate(6deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero{height:510px;max-width:1536px;margin:auto}}@media(max-width:760px){.topbar{padding:23px 6%}.wordmark{font-size:16px}.wordmark span{font-size:8px}.topbar nav{gap:20px}.topbar nav>a{display:none}.hero{height:340px;margin:0 3%}.hero>img{object-position:57% center}.hero-top,.hero-bottom{left:6%;right:6%;font-size:11px}.hero-top>span:last-child{display:none}.hero-bottom>span{font-size:8px;letter-spacing:1px}.intro{padding:43px 7% 0}h1{font-size:35px;letter-spacing:1px}.intro>p{font-size:18px;letter-spacing:4px}.intro-foot{font-size:13px;gap:22px;padding-bottom:33px}.little-sun{font-size:32px}.now{padding:40px 7%}.section-head{display:block}.section-head p{margin-top:18px}.chapters{grid-template-columns:1fr;gap:39px}.chapter{display:grid;grid-template-columns:116px 1fr;column-gap:22px}.chapter-label{grid-column:1/-1;margin-bottom:17px}.book-art,.learning-art,.record-art{grid-row:2/5;height:150px;margin:0}.book{transform:scale(.68) rotate(-8deg);flex-shrink:0}.learning-art{padding:15px 10px;gap:12px}.agent-word{font-size:26px;gap:2px}.orbit{font-size:20px}.learning-art>span{font-size:9px}.record{width:106px;height:106px;flex-shrink:0}.record>span{width:50px;height:50px;font-size:12px}.record small{font-size:4px;margin-top:5px}.record-star{font-size:25px;right:1px;top:5px}.chapter h3{font-size:20px;margin:9px 0}.chapter p{font-size:13px;margin:0 0 10px}.text-link,.chapter-note{font-size:12px}.moments{margin:5px 7% 47px;padding-top:37px;grid-template-columns:1fr;gap:23px}.moment-heading h2{font-size:28px}.moment-heading h2 br{display:none}.notebook{padding:21px 18px}.note-actions{align-items:flex-start;flex-direction:column;gap:5px}footer{padding:22px 7% 100px;display:block}footer>span{display:block}.pet-home{right:15px;bottom:15px}#music-panel{right:16px;top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Typographic chapter plates. */
.book{width:auto;height:auto;border:0;box-shadow:none;transform:none;background:transparent;color:#57604b;padding:20px}.book>span{font-size:12px}.book strong{font-size:31px;line-height:1.65;letter-spacing:5px;margin:10px 0}.book small{font-size:9px}.record{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;transform:none}.record>span{width:auto;height:auto;border-radius:0;background:none;color:#9a5739;font-size:53px;letter-spacing:-2px;line-height:.92;text-align:left;align-items:start}.record small{font-size:10px;letter-spacing:2px;margin-top:17px}.record-star{font-size:30px}@media(max-width:760px){.book{padding:10px}.book strong{font-size:20px;letter-spacing:2px}.book>span{font-size:9px}.book small{font-size:6px}.record>span{font-size:31px;letter-spacing:-1px}.record small{font-size:6px;letter-spacing:.6px}.record-star{display:none}}
.click-ripple{position:fixed;z-index:1000;width:160px;height:160px;margin:-80px 0 0 -80px;pointer-events:none;border-radius:50%;border:1px solid rgba(131,151,139,.48);background:radial-gradient(circle,transparent 47%,rgba(180,201,184,.11) 65%,rgba(255,255,241,.32) 69%,transparent 73%);box-shadow:inset 0 0 13px rgba(255,255,245,.26),0 0 8px rgba(169,184,160,.09);animation:water-ripple 1.4s cubic-bezier(.16,.65,.3,1) forwards}.click-ripple::after{content:'';position:absolute;inset:19%;border:1px solid rgba(145,161,141,.28);border-radius:50%;box-shadow:0 0 5px rgba(255,255,241,.5)}@keyframes water-ripple{0%{transform:scale(.06);opacity:0}10%{opacity:.85}65%{opacity:.35}100%{transform:scale(1.25);opacity:0}}#note-status:empty{display:none}.note-actions:has(#note-status:empty){justify-content:flex-end}@media(prefers-reduced-motion:reduce){.click-ripple{display:none}}
/* Keep the focus treatment inside the writing area, clear of its label. */
.notebook{border-radius:10px;border-color:#e2dac2;box-shadow:0 3px 14px rgba(90,78,42,.025)}
#note-form label{align-items:baseline;gap:16px;line-height:1.7}
#note{display:block;margin-top:16px;padding:16px 18px;min-height:142px;border:1px solid #d5cdb4;border-radius:7px;background:rgba(255,253,243,.42);line-height:2;transition:border-color .2s,box-shadow .2s,background-color .2s}
#note:focus,#note:focus-visible{outline:none;outline-offset:0;border-color:#85896b;background:rgba(255,253,243,.72);box-shadow:0 0 0 3px rgba(133,137,107,.13)}
@media(forced-colors:active){#note:focus-visible{outline:2px solid Highlight;outline-offset:2px}}

.guestbook{padding:68px 0 48px;border-top:1px solid #e2dac2;scroll-margin-top:32px}.guestbook-hint,.guestbook-fallback{font-size:13px;line-height:1.9;color:#77745e}.guestbook-hint{margin:0 0 28px}.guestbook-fallback{margin-top:24px}.guestbook-fallback a{margin-left:8px}.giscus{min-height:180px}@media(max-width:760px){.guestbook{padding:44px 0 28px}.guestbook .section-head{align-items:start;gap:12px;flex-direction:column}.guestbook h2{font-size:26px}.topbar nav{gap:12px}}