:root{--paper:#e9d9b8;--ink:#44382e;--blue:#789bb8}*{box-sizing:border-box}body{margin:0;background:#211a18;color:#e5d8c3;font-family:Georgia,'Noto Serif KR','Batang',serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");z-index:5}.desk{max-width:1060px;margin:auto;padding:28px 22px 18px}.masthead,.topline,.drawer-top,.page-head,.book-nav,footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.masthead{padding-bottom:26px}.tiny,.eyebrow{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:1.5px;color:#baa78e}.right{display:flex;gap:16px;align-items:center}.text-button{background:none;border:0;color:#c6b49c;cursor:pointer;font-size:12px}.lock-panel{width:min(100%,490px);margin:6vh auto 13vh;padding:48px 36px 52px;text-align:center;border:1px solid #755b46;background:linear-gradient(130deg,#4c382e,#33251f);box-shadow:0 20px 60px #08060570, inset 0 0 0 7px #2b211c}.cover-flower{color:#a6bbd1;font-size:64px;text-shadow:0 0 20px #819eb455}.lock-panel h1{font-size:48px;letter-spacing:8px;font-weight:400;margin:14px 0}.intro{font-size:14px;color:#c7b49a;margin:0 0 38px}.lock-panel label{display:block;text-align:left;font-size:12px;color:#cfbda2;margin-bottom:9px}.unlock-row{display:flex;gap:8px}.unlock-row input{flex:1;min-width:0;background:#211915;border:1px solid #8d715a;color:#eee1cf;padding:13px;font:inherit;letter-spacing:1px}.unlock-row button,.book-nav button{background:#a38c70;border:0;color:#201915;padding:12px 16px;cursor:pointer;font:inherit}.hint{font-size:12px;color:#c1a98f;min-height:20px}.hidden{display:none!important}.topline{margin-bottom:14px}.book{display:grid;grid-template-columns:1fr 1fr;min-height:520px;box-shadow:0 25px 55px #0705048c;transform:rotate(-.25deg)}.page{color:var(--ink);padding:36px 38px;position:relative;overflow:hidden;background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent 0 29px,#856d4a13 30px 31px),radial-gradient(ellipse at 14% 18%,#9e774a12,transparent 54%);transition:background-color .5s}.page-left{border-radius:6px 0 0 6px;border-right:2px solid #9f8868}.page-right{border-radius:0 6px 6px 0;box-shadow:inset 13px 0 18px -13px #4e3b2e75}.page-head{font-size:11px;color:#877256;letter-spacing:1.2px;border-bottom:1px solid #b5a181;padding-bottom:16px}.leaf{font-size:20px;color:#678fae}.page h2{font-size:24px;font-weight:400;margin:32px 0}.ruled{font-size:16px;line-height:2.25;min-height:225px}.ruled p{margin:0 0 12px}.postscript{font-style:italic;font-size:14px;color:#795d4d;min-height:45px}.seal{position:absolute;bottom:30px;right:35px;width:58px;height:58px;border:3px double #52647b;border-radius:49% 51% 47% 53%;background:radial-gradient(circle at 32% 28%,#617c99,#273e5a 80%);box-shadow:2px 4px 5px #36291f66;color:#d7c6a2;font-size:31px;cursor:pointer;transform:rotate(-11deg)}.seal:hover{transform:rotate(-11deg) scale(1.08)}.side-title{font-size:19px;margin-top:40px}.botanical{width:180px;max-width:100%;margin:20px auto 0;filter:sepia(.17)}.aside-note{font-size:14px;line-height:2.1;color:#715d49}.aside-foot{position:absolute;bottom:42px;right:35px;color:#826b54}.book-nav{margin-top:20px}.book-nav button{min-width:105px;background:transparent;border:1px solid #8c775f;color:#e0ceb3}.book-nav button:disabled{opacity:.35;cursor:default}#indexLabel{font-size:12px;color:#bba58b}.seal-hint{text-align:center;color:#b4a08a;font-size:12px;margin-top:25px}.drawer-section{margin:35px auto 0;max-width:760px;background:#3e2d24;border:8px ridge #75543c;box-shadow:0 16px 40px #0d0807}.drawer-top{padding:15px 20px;border-bottom:1px solid #75553e}.drawer-inside{background:repeating-linear-gradient(90deg,#261c17,#261c17 45px,#291e19 46px);min-height:200px;padding:25px}.drawer-intro{font-size:14px;color:#bca98f}.flower-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.flower-card{background:#d6c3a3;color:#4d3c30;min-height:150px;padding:14px 10px;text-align:center;transform:rotate(var(--tilt));box-shadow:2px 5px 9px #110c0b70}.flower-card svg{height:72px;width:80px}.flower-card p{font-size:12px;margin:6px 0}.flower-card small{font-size:10px;color:#77614b}.flower-card.pressed svg{filter:sepia(.35) saturate(.7)}.flower-card.faded svg{filter:grayscale(.55) sepia(.35);opacity:.6}footer{font-size:11px;color:#a18d75;margin-top:75px;border-top:1px solid #5e493b;padding:18px 0}.wear-1 .page{--paper:#e1cea8}.wear-2 .page{--paper:#d6be94}.wear-3 .page{--paper:#c8ad83}.wear-4 .page{--paper:#bfa17a}.wear-3 .page:after,.wear-4 .page:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 97% 94%,#68472d44,transparent 27%),radial-gradient(circle at 0 5%,#80562d29,transparent 22%)}.reveal{animation:appear .45s ease}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:680px){.desk{padding:18px 12px}.masthead{padding-bottom:18px}.book{display:block;min-height:0}.page{min-height:360px;padding:24px}.page-left{border-right:0;border-bottom:2px solid #9f8868;border-radius:5px 5px 0 0;padding-bottom:98px}.page-right{min-height:240px;border-radius:0 0 5px 5px}.page-right .botanical{width:100px;margin:0 auto}.side-title{margin-top:17px}.aside-note{margin:0}.aside-foot{bottom:18px}.ruled{min-height:150px;font-size:14px}.seal{bottom:20px}.lock-panel{padding:32px 20px;margin-top:5vh}.lock-panel h1{font-size:38px}}

/* Every journal entry closes with Ren's handwritten-style signature and forget-me-not wax seal. */
.page-left{padding-bottom:120px}
.entry-signoff{position:absolute;right:32px;bottom:24px;display:flex;align-items:center;gap:17px;z-index:2}
.signature{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-size:23px;font-style:italic;letter-spacing:.13em;color:#51463f;transform:rotate(-5deg);white-space:nowrap;text-shadow:1px 1px 1px #6a5b4822}
.entry-signoff .seal{position:static;display:flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;padding:7px}
.seal svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px #17283b)}
@media(max-width:680px){.page-left{padding-bottom:120px}.entry-signoff{right:20px;bottom:19px}.signature{font-size:20px}}

/* Personal MP3 player, linking to the author's unlisted YouTube playlist. */
.music-player{width:min(100%,330px);margin:34px auto 10px;padding:15px;border:2px solid #66676a;border-radius:18px;background:linear-gradient(140deg,#35383b,#202226);box-shadow:0 12px 25px #0b0908a0,inset 0 1px 2px #8d929355;color:#d8dedf;font-family:ui-monospace,monospace}.music-caption{display:block;font-size:9px;letter-spacing:1.5px;color:#b0b9bb;margin:0 0 12px}.music-display{background:#a5b9b0;border:3px inset #687f76;border-radius:4px;display:flex;align-items:center;gap:14px;color:#2a423a;padding:16px 12px}.music-note{font-size:29px}.music-display strong{display:block;font-size:16px;font-weight:500;letter-spacing:1px}.music-display small{display:block;font-size:9px;margin-top:6px}.music-play{display:block;margin:14px auto 1px;padding:11px 14px;text-align:center;background:#d6dce0;border-radius:20px;color:#222b30;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:1px}.music-play:hover,.music-play:focus-visible{background:#fff;outline:2px solid #829eb6;outline-offset:2px}