body.guestbook-route{background:#e6e7df;}
.guestbook-route>.header,.guestbook-route>.footer{display:none;}
.guestbook-route>main{max-width:none;padding:0;}
.guestbook-shell{height:100svh;min-height:500px;display:flex;flex-direction:column;padding:0 clamp(16px,4vw,70px);background:radial-gradient(ellipse at 50% 42%,#f1f1eb 0%,#e6e7df 72%);}
.book-header{height:64px;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(1160px,100%);margin:auto;}
.book-header h1{font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;margin:0;color:#737866;}
.book-exit{justify-self:start;font-size:20px;color:#65715b;padding:10px;line-height:1;margin-left:-10px;}
.book-save-state{justify-self:end;width:5px;height:5px;border-radius:50%;background:transparent;}
.book-save-state[data-state="pending"]{background:#a28f6e;}.book-save-state[data-state="saving"]{background:#788364;animation:saving 1s ease-in-out infinite;}
.book-scene{position:relative;width:min(1160px,100%);min-height:0;flex:1;margin:4px auto 0;perspective:1800px;isolation:isolate;display:flex;}
.book-object{position:relative;width:100%;height:100%;}
.guestbook-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;z-index:3;box-shadow:0 38px 50px -34px #383e3660,0 3px 5px #252b2320;border-radius:3px 6px 6px 3px;outline-offset:8px;}
.book-edge{position:absolute;top:0;left:3px;width:calc(100% - 6px);height:calc(100% - 4px);transform:translateY(5px);border-radius:4px;background:repeating-linear-gradient(#dadbd2 0px,#dadbd2 1px,#eeeee7 1px,#eeeee7 3px);box-shadow:0 2px 0 #89917d;z-index:1;}
.book-edge-two{left:6px;width:calc(100% - 12px);transform:translateY(8px);z-index:0;}
.book-leaf{position:relative;min-width:0;height:100%;background:#f6f5ee;overflow:hidden;}
.book-leaf:first-child{border-radius:3px 0 0 3px;background-image:linear-gradient(90deg,transparent 87%,#75745e04 94%,#4a4a3b16 100%);}
.book-leaf:last-child{border-radius:0 6px 6px 0;background-image:linear-gradient(90deg,#42443715 0%,#75745e03 6%,transparent 16%);}
.book-leaf:before{content:'';position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.book-binding{position:absolute;top:0;left:50%;width:1px;height:100%;background:#77776540;z-index:4;pointer-events:none;}
.book-leaf canvas,.page-background,.page-mark,.page-mark svg{position:absolute;inset:0;width:100%;height:100%;}
.page-background{pointer-events:none;}.book-leaf canvas{display:block;touch-action:none;cursor:crosshair;}.book-leaf canvas.eraser{cursor:cell;}.book-leaf canvas:focus-visible{outline:1px solid #899177;outline-offset:-6px;}
.legacy-mark{position:absolute;inset:8%;display:flex;flex-direction:column;justify-content:center;gap:18px;}.legacy-mark svg{width:100%;max-height:70%;}.legacy-mark p{font-size:22px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;}.legacy-mark small{font-size:12px;}
.book-footer{width:min(1160px,100%);display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px auto;flex-shrink:0;}
.book-pagination{display:flex;gap:13px;align-items:center;color:#707766;}.book-pagination .mono{font-size:10px;min-width:62px;text-align:center;}
.book-page-button{border:1px solid #bbc0b1;background:transparent;width:36px;height:36px;border-radius:50%;font-size:18px;color:#535d47;transition:background .2s,transform .2s;}.book-page-button:hover:not(:disabled){background:#f1f3e9;transform:translateY(-1px);}.book-page-button:disabled{opacity:.25;cursor:default;}
.drawing-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}.drawing-toolbar button{background:transparent;border:1px solid transparent;font-size:10px;padding:8px;border-radius:3px;color:#616c52;}.drawing-toolbar button[aria-pressed="true"]{background:#f4f5ed;border-color:#c5cdb7;color:#283022;}.drawing-toolbar button:disabled{opacity:.35;}
.drawing-tools,.drawing-inks,.drawing-widths,.drawing-history{display:flex;align-items:center;gap:4px;}.drawing-inks{gap:7px;padding-inline:10px;border-inline:1px solid #cdd3c1;}
.drawing-toolbar .ink-swatch{width:24px;height:24px;background:var(--swatch);border:4px solid #e6e7df;border-radius:50%;padding:0;}.drawing-toolbar .ink-swatch[aria-pressed="true"]{background:var(--swatch);outline:1px solid #889277;border-color:#e6e7df;}.drawing-widths button{width:28px;height:30px;display:grid;place-items:center;padding:0;}.drawing-widths i{display:block;background:currentColor;border-radius:50%;}
.book-status{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);max-width:min(550px,calc(100% - 40px));padding:10px 16px;border:1px solid #cdd3c1;background:#f6f5ee;box-shadow:0 8px 24px #40483818;z-index:10;color:#737d64;font-size:10px;text-align:center;line-height:1.5;}.book-status button{border:0;background:none;text-decoration:underline;color:inherit;}
.turn-forward .book-leaf:last-child{transform-origin:left center;animation:book-forward .22s ease-in forwards;z-index:5;}.turn-back .book-leaf:first-child{transform-origin:right center;animation:book-back .22s ease-in forwards;z-index:5;}
@keyframes book-forward{to{transform:rotateY(-70deg);filter:brightness(.91);}}@keyframes book-back{to{transform:rotateY(70deg);filter:brightness(.91);}}@keyframes saving{50%{opacity:.3;}}
@media(max-width:900px){.book-footer{gap:12px;}.drawing-toolbar{gap:8px;}.drawing-history{gap:0;}.drawing-inks{padding-inline:6px;}}
@media(max-width:900px){
 .guestbook-shell{padding-inline:14px;min-height:500px;}.book-header{height:54px;}.book-scene{max-width:480px;margin-top:0;}.guestbook-spread{grid-template-columns:1fr;}.book-binding{left:0;background:linear-gradient(90deg,#545b4530,transparent);width:7px;}.book-leaf:first-child,.book-leaf:last-child{border-radius:2px 5px 5px 2px;background-image:linear-gradient(90deg,#747a6010,transparent 9%);}
 .book-footer{max-width:480px;margin:18px auto 14px;flex-direction:column;gap:14px;}.drawing-toolbar{justify-content:center;gap:8px;}.drawing-history{width:100%;justify-content:center;}.drawing-toolbar button{padding:7px;}.drawing-inks{gap:6px;}.book-pagination{gap:18px;}.book-status{bottom:150px;}
 .turn-forward .book-leaf,.turn-back .book-leaf{transform-origin:left center;}
 .header .navigation{flex:1;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;}
}
@media(prefers-reduced-motion:reduce){.turn-forward .book-leaf,.turn-back .book-leaf,.book-save-state{animation:none;}.book-page-button{transition:none;}}