/* Only the pot and the exposed notebook cover are interactive. */
.scene .desk-plant{left:2.5%;top:38%;width:9.2%;height:10%;border-radius:15% 15% 38% 38%}
.scene .desk-notebook{left:95%;top:79%;width:5%;height:7%;border-radius:2px;clip-path:polygon(0 0,100% 20%,100% 100%,0 55%)}
.scene .desk-plant:hover,.scene .desk-notebook:hover{transform:none;border-color:transparent;background:#eee6d20b;box-shadow:inset 0 0 9px #d8cbb630}
.plant-feedback{position:absolute;left:1%;top:34%;width:23%;z-index:4;pointer-events:none;text-align:center;white-space:nowrap;color:#e8e2b3;text-shadow:1px 1px 0 #26382c,-1px -1px 0 #26382c,0 2px 3px #000a;font:bold clamp(11px,1.05vw,17px)/1.4 var(--mono);letter-spacing:.02em;animation:plant-stat-rise 1.8s ease-out both}
@keyframes plant-stat-rise{0%{opacity:0;transform:translateY(7px)}12%,55%{opacity:1}100%{opacity:0;transform:translateY(-24px)}}
.notebook-dialog{border:0;background:transparent;color:#344239;width:min(850px,94vw);padding:28px 16px;max-height:94vh;overflow:auto;box-shadow:none}
.notebook-dialog::backdrop{background:#17241e99}
.notebook-close{position:absolute;right:7px;top:0;width:34px;height:34px;border:1px solid #8c8b71;background:#344239;color:#eee6d2;font:22px var(--mono);z-index:2}
.notebook-spread{display:grid;grid-template-columns:1fr 1fr;border:8px solid #334b42;border-radius:4px 9px 9px 4px;box-shadow:0 15px 40px #0008,1px 4px 0 #bfb294,3px 7px 0 #334b42;transform:rotate(-.8deg);animation:notebook-unfold .32s ease-out both}
.notebook-page{position:relative;min-width:0;min-height:435px;padding:34px 24px 42px;background-color:#e9dfc5;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#8495821a 32px 33px),radial-gradient(ellipse at 30% 20%,#fff8 0,transparent 65%);font:19px/1.55 'Segoe Print','Bradley Hand','Chalkboard SE',cursive}
.notebook-left{background-color:#e6dcc1;box-shadow:inset -15px 0 18px -13px #4d403878}
.notebook-right{box-shadow:inset 15px 0 18px -13px #4d403878}
.notebook-page:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:repeating-radial-gradient(ellipse at 17% 24%,#735f4226 0 1px,transparent 1px 5px);background-size:7px 9px}
.notebook-page h2{font:600 21px/1.4 'Segoe Print','Bradley Hand','Chalkboard SE',cursive;letter-spacing:.025em;margin:0 0 28px;transform:rotate(-1.5deg)}
.notebook-page ul{list-style:none;margin:0;padding:0}
.notebook-page li{position:relative;margin:0 0 19px;padding-left:25px;overflow-wrap:break-word}
.notebook-page li:before{content:'';position:absolute;left:0;top:.55em;width:13px;height:13px;border:1.5px solid #52604a;transform:rotate(-5deg)}
.notebook-page li:nth-child(2n){transform:rotate(.65deg)}
.notebook-page li:nth-child(3n){transform:rotate(-.6deg)}
.notebook-right ul{margin-top:36px}
.notebook-margin-note{font:16px/1.6 'Segoe Print','Bradley Hand','Chalkboard SE',cursive;margin:45px 8px 8px;transform:rotate(-3deg);color:#5c6453}
.notebook-page-number{position:absolute;bottom:13px;right:22px;font:12px var(--mono);opacity:.45}
@keyframes notebook-unfold{from{opacity:.25;transform:perspective(1000px) rotateX(9deg) rotate(-1.5deg) translateY(12px)}to{opacity:1;transform:rotate(-.8deg)}}
@media(max-width:1200px){.scene .desk-plant{top:25.333333vw;height:6.666667vw}.scene .desk-notebook{top:52.666667vw;height:4.666667vw}.plant-feedback{top:22.666667vw}}
@media(pointer:coarse) and (min-width:769px){.scene .desk-notebook{min-width:38px;min-height:44px}.scene .desk-plant{min-height:44px}}
@media(max-width:900px){.notebook-page{font-size:17px;padding:28px 20px 38px}.notebook-page h2{font-size:19px}.notebook-margin-note{font-size:15px}}
@media(max-width:768px){.scene .desk-plant,.scene .desk-notebook,.plant-feedback,.notebook-dialog{display:none}}
@media(prefers-reduced-motion:reduce){.plant-feedback,.notebook-spread{animation:none}}
.motion-paused .plant-feedback,.motion-paused .notebook-spread{animation:none}

.plant-feedback.plant-persistent-message{animation-duration:2.6s;width:22%;white-space:normal;overflow-wrap:break-word;font-size:clamp(10px,.95vw,15px);padding:0 5px;line-height:1.45}

/* Fit the complete physical notebook to the viewport, rather than scrolling it. */
.notebook-dialog{position:fixed;left:50%;top:50%;margin:0;max-width:none;width:min(760px,94vw);max-height:none;overflow:visible;outline:none;transform:translate(-50%,-50%) scale(var(--notebook-scale,1));transform-origin:center}