@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Caveat:wght@400;500;700&family=Ma+Shan+Zheng&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,ul,ol,li,button,input,textarea{margin:0;padding:0;border:none}b,strong{font-weight:700;display:inline-block}a,a:visited,a:active,button{color:inherit;text-decoration:none;display:inline-block;touch-action:manipulation}button,select{text-transform:none;cursor:pointer;background:none}button:focus,input:focus{outline:none}img,video{max-width:100%;vertical-align:middle;border-style:none}ol,ul{list-style:none}:root{--col-numb: 15;--grid-val: calc(100 / var(--col-numb));--color-bg: #fafafa;--color-loader: #d45054;--color-primary: #68142b;--color-dark: #2c2e2c;--color-accent: #f0ffa4;--color-navigator: #fe7589;--color-shadow: #2c2e2c40}@media screen and (min-width:48em){:root{--col-numb: 32}}html,body{width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden}body{color:var(--color-dark);background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:max(12px,3.2vw);line-height:1.25}@media screen and (min-width:640px){body{font-size:max(22px,.952381vw)}}@media screen and (min-width:768px){body{font-size:max(12px,.833333vw)}}h1,h2,h3,h4,h5,h6{font-family:Libre Baskerville,Georgia,serif;color:var(--color-primary)}#root{width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:clip scroll}.font-display{font-family:Libre Baskerville,Georgia,serif}.font-body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.fs-xl{font-size:max(12px,9.33333vw);line-height:1}@media screen and (min-width:640px){.fs-xl{font-size:max(22px,7.02381vw)}}@media screen and (min-width:768px){.fs-xl{font-size:max(12px,6.14583vw)}}.fs-lg{font-size:max(12px,6.4vw);line-height:1.2}@media screen and (min-width:640px){.fs-lg{font-size:max(22px,2.38095vw)}}@media screen and (min-width:768px){.fs-lg{font-size:max(12px,2.08333vw)}}.fs-md{font-size:max(12px,4.8vw);line-height:1.44}@media screen and (min-width:640px){.fs-md{font-size:max(22px,1.78571vw)}}@media screen and (min-width:768px){.fs-md{font-size:max(12px,1.5625vw)}}.fs-sm{font-size:max(12px,3.2vw);line-height:1.5}@media screen and (min-width:640px){.fs-sm{font-size:max(22px,1.19048vw)}}@media screen and (min-width:768px){.fs-sm{font-size:max(12px,1.04167vw)}}.fs-xs{font-size:max(12px,3.73333vw);line-height:1.28571}@media screen and (min-width:640px){.fs-xs{font-size:max(22px,1.07143vw)}}@media screen and (min-width:768px){.fs-xs{font-size:max(12px,.9375vw)}}.mm-shadow{filter:drop-shadow(4px 4px var(--color-shadow));transition:filter .5s cubic-bezier(.215,.61,.355,1)}@media(hover:hover){.mm-shadow:hover{filter:drop-shadow(0 0 transparent)}}.mm-pressable{transition:filter .5s cubic-bezier(.215,.61,.355,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.mm-pressable:active{transform:translate(3px,3px);filter:drop-shadow(0 0 transparent)}.audio-hint-bubble{min-width:176px;max-width:220px;padding:8px 12px;border:1px solid rgba(104,20,43,.12);background:#faf9f7ad;color:#68142bd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #2c2e2c14;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .32s ease}.audio-hint-bubble--centered{transform:translateY(-50%) translate(6px)}.audio-hint-bubble--bottom{transform:translate(6px)}.audio-hint-bubble.is-visible{opacity:1}.audio-hint-bubble__text{display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;line-height:1.45;letter-spacing:.02em}@keyframes audio-hint-float-centered{0%{transform:translateY(-50%) translate(6px)}50%{transform:translateY(calc(-50% - 3px)) translate(0)}to{transform:translateY(-50%) translate(6px)}}@keyframes audio-hint-float-bottom{0%{transform:translate(6px) translateY(0)}50%{transform:translate(0) translateY(-3px)}to{transform:translate(6px) translateY(0)}}.audio-hint-bubble--centered.is-visible{animation:audio-hint-float-centered 2.1s ease-in-out infinite}.audio-hint-bubble--bottom.is-visible{animation:audio-hint-float-bottom 2.1s ease-in-out infinite}.audio-wave-icon__wave{opacity:.9;transition:opacity .22s ease,filter .22s ease}.audio-wave-icon.is-active .audio-wave-icon__wave{opacity:1;filter:drop-shadow(0 0 1.6px rgba(104,20,43,.18))}.rotate{display:none;position:fixed;top:0;left:0;width:100vw;height:100svh;background:var(--color-loader);z-index:200;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--color-primary);padding:0 calc(var(--grid-val) * .5vw)}@media screen and (max-width:47.99em)and (orientation:landscape){.rotate{display:flex}}.fade-enter{opacity:0}.fade-enter-active{transition:opacity .5s cubic-bezier(.645,.045,.355,1)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s cubic-bezier(.645,.045,.355,1)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#68142b40;border-radius:2px}.blog-content,.write-editor{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.85;color:#2c2e2c}.blog-content p,.write-editor p{margin-bottom:1.25em}.blog-content h1,.write-editor h1{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(22px,2.8vw,32px);font-style:italic;font-weight:700;color:#68142b;line-height:1.2;margin:2em 0 .75em}.blog-content h2,.write-editor h2{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(18px,2.2vw,26px);font-style:italic;font-weight:700;color:#68142b;line-height:1.25;margin:1.75em 0 .65em}.blog-content h3,.write-editor h3{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(15px,1.6vw,20px);font-weight:700;color:#2c2e2c;margin:1.5em 0 .5em}.blog-content blockquote,.write-editor blockquote{border-left:3px solid rgba(104,20,43,.3);margin:1.5em 0;padding:.25em 0 .25em 1.25em;font-style:italic;color:#2c2e2cb3}.blog-content ul,.write-editor ul{list-style:disc;padding-left:1.5em;margin-bottom:1.25em}.blog-content ol,.write-editor ol{list-style:decimal;padding-left:1.5em;margin-bottom:1.25em}.blog-content li,.write-editor li{margin-bottom:.4em}.blog-content img,.write-editor img{max-width:100%;margin:1.5em 0;display:block}.blog-content img[data-lazy-blog-image=true]{opacity:0;transition:opacity .35s ease;background:#68142b0f}.blog-content img[data-lazy-blog-image=true].is-loaded{opacity:1}.blog-content figure,.write-editor figure{margin:1.5em 0}.blog-content figure img,.write-editor figure img{margin:0}.blog-content figcaption,.write-editor figcaption{margin-top:.75em;text-align:center;font-size:13px;line-height:1.6;color:#2c2e2c8c}.write-editor figcaption{position:relative}.write-editor figure.is-empty figcaption:before{content:"Write a caption…";position:absolute;left:0;right:0;top:0;color:#2c2e2c47;pointer-events:none}.blog-content hr,.write-editor hr{border:none;border-top:1px solid rgba(44,46,44,.12);margin:2.5em 0}.blog-content a{color:#68142b;text-decoration:underline}.write-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#2c2e2c4d;pointer-events:none;float:left;height:0}.scrapbook-paper{background-color:#f6efde;background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(50,96,85,.12) 31px,rgba(50,96,85,.12) 32px),radial-gradient(circle at 20% 30%,rgba(212,80,84,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(50,96,85,.04) 0%,transparent 50%)}.scrapbook-paper:before{content:"";position:absolute;left:56px;top:0;bottom:0;width:1px;background:#d4505459;pointer-events:none}@media(max-width:640px){.scrapbook-paper:before{left:28px}}.handwriting-cn{font-family:Ma Shan Zheng,Caveat,cursive}.handwriting-en,.handwriting{font-family:Caveat,Ma Shan Zheng,cursive}.scrapbook-entry{position:relative;padding:56px 24px 80px;margin:0 auto;max-width:720px}.scrapbook-photo{position:relative;display:block;background:#fdfbf4;padding:12px 12px 44px;box-shadow:0 2px 4px #2c2e2c14,0 8px 24px #2c2e2c1f;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.scrapbook-photo:hover{transform:rotate(0) scale(1.02)!important;box-shadow:0 4px 8px #2c2e2c1a,0 16px 36px #2c2e2c2e;z-index:2}.scrapbook-photo img{display:block;width:100%;height:100%;object-fit:cover;background:#3260550f}.scrapbook-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);width:72px;height:22px;background:#d4505452;box-shadow:inset 0 0 0 1px #ffffff40;clip-path:polygon(4% 30%,96% 10%,100% 80%,0% 90%);pointer-events:none}.scrapbook-tape--alt{background:#32605552;transform:translate(-50%) rotate(3deg);width:64px;height:20px}.scrapbook-caption{font-family:Caveat,Ma Shan Zheng,cursive;font-size:22px;line-height:1.5;color:#326055;white-space:pre-wrap;word-break:break-word}.scrapbook-date{font-family:Caveat,cursive;font-size:16px;color:#32605599;letter-spacing:.04em}.scrapbook-fab{position:fixed;right:20px;bottom:132px;z-index:30;width:52px;height:52px;border-radius:50%;background:#326055;color:#f6efde;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 6px 18px #2c2e2c40;transition:transform .25s ease,box-shadow .25s ease}.scrapbook-fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2c2e2c52}.scrapbook-up-arrow{position:fixed;top:50%;left:24px;z-index:30;width:38px;height:38px;border-radius:50%;background:#326055d9;color:#f6efde;border:none;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;box-shadow:0 6px 18px #2c2e2c38;animation:scrapbook-up-float 2s ease-in-out infinite;transition:background .25s ease,box-shadow .25s ease}.scrapbook-up-arrow:hover{background:#326055;box-shadow:0 10px 24px #2c2e2c52}@keyframes scrapbook-up-float{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}@media(max-width:640px){.scrapbook-up-arrow{left:14px;width:34px;height:34px;font-size:18px}}.journal-desk{position:fixed;inset:0;overflow-y:auto;background:radial-gradient(ellipse at 50% 30%,rgba(96,84,70,.35),transparent 70%),radial-gradient(ellipse at 50% 110%,rgba(0,0,0,.5),transparent 60%),#332d27}.journal-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:20px 36px 10px}.journal-card{position:relative;font-family:Caveat,Ma Shan Zheng,cursive;font-size:19px;font-weight:700;color:#4a473f;background:#dcdacf;padding:6px 20px 7px;box-shadow:0 3px 8px #0006;transition:transform .2s}.journal-card:before{content:"";position:absolute;top:-7px;left:50%;margin-left:-20px;width:40px;height:12px;background:#d6d2c499;box-shadow:0 1px 2px #0003;transform:rotate(-2deg)}.journal-card:hover{transform:translateY(-3px)!important}.journal-heading{position:absolute;top:-13px;left:50%;transform:translate(-50%) rotate(-.8deg);z-index:8;font-family:Caveat,Ma Shan Zheng,cursive;font-size:21px;font-weight:700;color:#4a473f;background:#dcdacf;padding:2px 22px;box-shadow:0 2px 6px #0006}.journal-book-wrap{position:relative;max-width:1020px;margin:3vh auto 10vh;padding:0 16px}.journal-book{position:relative;perspective:1800px;background:linear-gradient(135deg,#2a2320,#1c1714);border-radius:10px;padding:14px 16px;box-shadow:0 30px 60px #0000008c,0 6px 18px #0006}.journal-elastic{position:absolute;top:-4px;bottom:-4px;right:40px;width:9px;background:linear-gradient(90deg,#15110e,#302a24 55%,#0d0a08);border-radius:4px;z-index:5;box-shadow:2px 0 5px #00000080}.journal-spread{display:grid;grid-template-columns:1fr 1fr;min-height:540px;animation:journal-turn .5s ease}@keyframes journal-turn{0%{opacity:.35}to{opacity:1}}.journal-page{position:relative;padding:44px 40px 56px;background:radial-gradient(ellipse at 20% 10%,rgba(140,118,84,.07),transparent 55%),radial-gradient(ellipse at 85% 90%,rgba(120,100,70,.08),transparent 50%),repeating-linear-gradient(94deg,transparent 0 26px,rgba(90,86,76,.03) 26px 27px),#eae8e0;color:#3a3835}.journal-page--left{border-radius:4px 1px 1px 4px;box-shadow:inset -22px 0 28px -22px #3c2d1e8c}.journal-page--left:before{content:"";position:absolute;top:8px;bottom:8px;left:-5px;width:5px;background:repeating-linear-gradient(180deg,#d8d6cc 0 9px,#c9c7bc 9px 11px,#e3e1d7 11px 22px,#cfcdc2 22px 24px);border-radius:2px 0 0 2px;opacity:.85}.journal-page--right{border-radius:1px 4px 4px 1px;box-shadow:inset 22px 0 28px -22px #3c2d1e8c}.journal-page:after{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:inherit;clip-path:polygon(0 0,4% 70%,9% 20%,15% 85%,22% 35%,30% 90%,38% 30%,47% 80%,55% 25%,63% 88%,71% 40%,79% 85%,86% 30%,93% 75%,100% 20%,100% 0);filter:brightness(.82)}.journal-page--right:before{content:"";position:absolute;bottom:10%;right:8%;width:74px;height:66px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 56%,rgba(122,96,56,.1) 60%,rgba(122,96,56,.16) 66%,transparent 70%),radial-gradient(circle at 46% 54%,transparent 60%,rgba(122,96,56,.07) 70%,transparent 76%);transform:rotate(8deg);pointer-events:none}.journal-date-tag{display:inline-block;font-family:Caveat,Ma Shan Zheng,cursive;font-size:19px;color:#55514a;border-bottom:1.5px solid rgba(85,81,74,.5);padding-bottom:1px;transform:rotate(-1.2deg)}.journal-title{position:relative;font-family:Caveat,Ma Shan Zheng,cursive;font-size:clamp(30px,3.4vw,42px);font-weight:700;color:#35302b;margin-top:34px;line-height:1.15;transform:rotate(-.6deg)}.journal-underline{display:block;width:min(78%,240px);height:8px;color:#6b625699;margin-top:2px}.journal-doodle{position:absolute;bottom:72px;left:36px;width:230px;color:#4a453e9e;transform:rotate(-3deg)}.journal-doodle-svg{width:100%;height:auto}.journal-doodle img{width:100%;height:auto;opacity:.9;-webkit-user-select:none;user-select:none}.journal-pageno{position:absolute;top:-14px;right:72px;z-index:10;display:flex;align-items:center;gap:4px}.journal-pageno-num{font-family:Caveat,cursive;font-size:19px;font-weight:700;color:#3c3935;background:#efede5;padding:1px 14px 2px;box-shadow:0 2px 6px #00000073;transform:rotate(-1deg)}.journal-admin{position:absolute;bottom:18px;right:28px;display:flex;gap:14px}.journal-admin button{font-family:Caveat,cursive;font-size:18px;color:#a4442f;background:none;border:none;cursor:pointer;opacity:.75;transform:rotate(-1deg)}.journal-admin button:hover{opacity:1;text-decoration:underline}.journal-body{font-family:Caveat,Ma Shan Zheng,cursive;font-size:clamp(20px,1.6vw,24px);line-height:1.75;color:#403a34;white-space:pre-wrap;max-height:60vh;overflow-y:auto;padding-right:10px;transform:rotate(.3deg);scrollbar-width:thin;scrollbar-color:rgba(96,80,58,.35) transparent}.journal-muted{font-family:Caveat,cursive;font-size:22px;color:#8d8475;margin-top:60px;transform:rotate(-1deg)}.journal-sheet{position:absolute;top:14px;bottom:14px;width:calc(50% - 16px);z-index:9;pointer-events:none;background:linear-gradient(90deg,rgba(90,86,76,.12),transparent 18%,transparent 82%,rgba(90,86,76,.1)),#ece9e1;backface-visibility:visible}.journal-sheet--next{right:16px;transform-origin:left center;animation:journal-flip-next .55s cubic-bezier(.45,.05,.35,1) forwards;border-radius:1px 4px 4px 1px}.journal-sheet--prev{left:16px;transform-origin:right center;animation:journal-flip-prev .55s cubic-bezier(.45,.05,.35,1) forwards;border-radius:4px 1px 1px 4px}@keyframes journal-flip-next{0%{transform:rotateY(0);opacity:1;box-shadow:-8px 6px 24px #0000}45%{box-shadow:-26px 12px 30px #00000038}85%{opacity:1}to{transform:rotateY(-178deg);opacity:0;box-shadow:8px 6px 18px #0000001f}}@keyframes journal-flip-prev{0%{transform:rotateY(0);opacity:1;box-shadow:8px 6px 24px #0000}45%{box-shadow:26px 12px 30px #00000038}85%{opacity:1}to{transform:rotateY(178deg);opacity:0;box-shadow:-8px 6px 18px #0000001f}}.journal-corner{color:#d9d6cb;background:none;border:none;cursor:pointer;padding:2px;line-height:0;transition:transform .15s;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.journal-corner:hover{transform:scale(1.25)}.journal-corner:disabled{opacity:.25;cursor:default}.journal-tabs{position:absolute;right:calc(100% - 26px);left:auto;top:44px;z-index:7;display:flex;flex-direction:column;width:128px;max-height:76%;overflow-y:auto;scrollbar-width:none;background:linear-gradient(170deg,#d0cec4,#bebcb1);box-shadow:0 8px 22px #00000073;padding:0 0 12px;transform:rotate(-.6deg)}.journal-tabs-clip{position:absolute;top:-9px;right:16px;width:9px;height:26px;border:2.2px solid #8e8a80;border-radius:5px/8px;border-bottom:none}.journal-tabs-header{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-align:center;color:#e6e4da;background:#45413a;padding:6px 0;margin-bottom:8px;box-shadow:0 2px 4px #00000040}.journal-tab{position:relative;font-family:Caveat,Ma Shan Zheng,cursive;font-size:17px;color:#4a473f;background:none;border:none;cursor:pointer;padding:5px 10px 9px;text-align:center;white-space:nowrap;overflow:hidden;transition:color .15s}.journal-tab:after{content:"";position:absolute;left:22%;right:22%;bottom:5px;height:3px;border-top:1.2px solid rgba(74,71,63,.5);border-bottom:1px solid rgba(74,71,63,.3);transform:rotate(-.7deg)}.journal-tab:hover{color:#1f1d19}.journal-tab.is-active{color:#a4442f;font-weight:700}.journal-tab.is-active:before{content:">";position:absolute;left:10px;top:6px;font-size:14px;color:#a4442f}.journal-margin{position:absolute;width:34px;color:#4a453ebf;pointer-events:none}.journal-margin--a{top:26px;right:30px;transform:rotate(10deg)}.journal-margin--b{bottom:30px;left:34px;transform:rotate(-8deg);width:40px}.journal-hint{text-align:right;font-family:Caveat,cursive;font-size:17px;color:#d8cfbc80;margin:10px 8px 0;transform:rotate(-.5deg)}.journal-fab{position:fixed;right:20px;bottom:132px;z-index:30;width:52px;height:52px;border-radius:50%;background:#a4442f;color:#f5efe0;font-size:24px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000073;transition:transform .2s,box-shadow .2s}.journal-fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000080}.journal-drawer-backdrop{position:fixed;inset:0;z-index:50;background:#14100d8c;display:flex;align-items:center;justify-content:center;padding:24px}.journal-drawer{width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;background:repeating-linear-gradient(94deg,transparent 0 26px,rgba(90,86,76,.03) 26px 27px),#eae8e0;padding:28px;box-shadow:0 24px 60px #00000080}.journal-drawer-title{font-family:Caveat,Ma Shan Zheng,cursive;font-size:30px;font-weight:700;color:#35302b;background:transparent;border:none;outline:none;border-bottom:1.5px dashed rgba(96,80,58,.4);padding:4px 2px 8px}.journal-drawer-body{font-family:Caveat,Ma Shan Zheng,cursive;font-size:21px;line-height:1.7;color:#403a34;background:transparent;border:none;outline:none;resize:none;margin-top:18px;min-height:320px;flex:1}.journal-drawer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.journal-drawer-cancel,.journal-drawer-save{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:9px 20px;cursor:pointer;border:none}.journal-drawer-cancel{background:transparent;color:#6b6256}.journal-drawer-save{background:#a4442f;color:#f5efe0}.journal-drawer-save:disabled{opacity:.6}@media(max-width:760px){.journal-spread{grid-template-columns:1fr;min-height:0}.journal-page{padding:32px 24px 48px}.journal-page--left{border-radius:4px 4px 0 0;box-shadow:inset 0 -16px 20px -18px #3c2d1e80;padding-bottom:120px}.journal-page--right{border-radius:0 0 4px 4px;box-shadow:none}.journal-body{max-height:none}.journal-tabs{position:static;flex-direction:row;max-height:none;width:auto;max-width:100%;overflow-x:auto;margin-bottom:10px;padding:0 0 4px;transform:none;align-items:center}.journal-tabs-header{margin:0;padding:6px 10px}.journal-tabs-clip{display:none}.journal-pageno{top:-12px;right:10px}.journal-margin,.journal-elastic,.journal-sheet{display:none}.journal-doodle{position:static;margin-top:24px}.journal-pageno{top:10px;right:12px}.journal-admin{bottom:12px;right:18px}}