.notebook-hit{position:absolute;left:0;top:330px;width:300px;height:350px;z-index:1;clip-path:polygon(0 0,52% 0,100% 100%,0 100%);background:transparent}.notebook-hit span{position:absolute;left:55px;top:105px;font-family:'Caveat',cursive;font-size:23px;color:#7d715d;opacity:0;transition:opacity .2s;transform:rotate(-18deg)}.notebook-hit:hover span,.notebook-hit:focus-visible span{opacity:1}.sound-toggle{position:absolute;left:calc(50% - 33px);top:704px;z-index:8;font-size:9px;color:#998d7b;border-bottom:1px solid #cfc2af;padding:4px}.notebook-spread{margin:25px;background:repeating-linear-gradient(transparent 0 26px,#b8c0b71a 26px 27px),#fffdf3;display:grid;grid-template-columns:1fr 1fr;box-shadow:inset 0 0 0 1px #e7e1d3;position:relative;min-height:290px}.notebook-spread:after{content:'';position:absolute;left:calc(50% - 10px);top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,#b5a68e25,transparent);pointer-events:none}.notebook-page{padding:30px}.notebook-page small{font-size:10px;text-transform:uppercase;color:#a2937c;letter-spacing:1px}.notebook-page h3{font-family:'Caveat',cursive;font-size:36px;line-height:1.15;font-weight:500;margin:22px 0;color:#71654f}.notebook-page p{font-size:12px;line-height:1.9;color:#92846b}.notebook-page .notebook-sketch{font-family:'Caveat',cursive;font-size:28px;color:#7d8e67;padding:25px 0}.notebook-navigation{display:flex;justify-content:space-between;align-items:center;padding:0 25px 25px;font-size:11px;color:#95856d}.notebook-navigation button{padding:9px 13px;border-radius:20px;background:#eeede1;font-size:11px}.notebook-navigation button:disabled{opacity:.35}#notebook-dialog{max-width:700px}#folder-projects.design-toolbox{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 25px}.design-toolbox button{padding:20px 12px!important;background:#fffcf6;border:1px solid #e4ddcf;border-radius:12px;transition:transform .25s}.design-toolbox button:hover{transform:translateY(-6px)}.design-toolbox button[aria-pressed=true]{border-color:#ad9571;background:#f3f1e7}.design-toolbox strong{font-weight:500;font-size:13px}.design-toolbox small{font-size:9px;color:#9a8b73}.tool-symbol{font-family:Arial,sans-serif;font-size:36px;color:#937aaf;min-height:48px}.tool-figma{display:grid;grid-template-columns:16px 16px;grid-template-rows:16px 16px 16px;width:32px;height:48px}.tool-figma i{background:#f36b54;border-radius:10px 0 0 10px}.tool-figma i:nth-child(2){background:#ff9384;border-radius:0 10px 10px 0}.tool-figma i:nth-child(3){background:#a16bf0}.tool-figma i:nth-child(4){background:#36b5e7;border-radius:50%}.tool-figma i:nth-child(5){background:#29c48b;border-radius:10px 0 10px 10px}.tool-description{padding:0 25px 30px;font-size:12px;line-height:1.8;color:#8d7d64}.tool-description strong{font-size:14px;font-weight:500;color:#635a48}.tool-description p{margin:6px 0}.lamp-light{background:radial-gradient(ellipse at 25% 25%,#ffe3a777,transparent 68%);width:850px;height:760px;left:-150px;top:60px}body.lamp-on .lamp img{filter:drop-shadow(0 3px 8px #eabd6966)}.page-turn{animation:page-turn .45s ease}@keyframes page-turn{45%{transform:perspective(900px) rotateY(-9deg)}}
@media(min-width:1500px){.sound-toggle{top:796px}}@media(max-width:1000px){.notebook-hit{width:230px}}@media(max-width:650px){.notebook-hit{top:505px;width:120px;height:235px}.notebook-hit span{left:5px;top:100px;font-size:16px}.sound-toggle{top:818px;font-size:8px}.notebook-spread{margin:17px;min-height:280px}.notebook-page{padding:18px 13px}.notebook-page h3{font-size:27px}.notebook-page p{font-size:10px}.notebook-page small{font-size:8px}.notebook-page .notebook-sketch{font-size:24px}.notebook-navigation{padding:0 17px 20px;gap:8px}.notebook-navigation button{font-size:10px;padding:8px 10px}#folder-projects.design-toolbox{padding:17px;gap:9px}.design-toolbox button{padding:14px 7px!important}.design-toolbox strong{font-size:11px}.design-toolbox small{font-size:8px}.tool-description{padding:0 17px 24px}.tool-symbol{font-size:30px}.tool-figma{transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.page-turn{animation:none}.design-toolbox button,.notebook-hit span{transition:none}}