.arrival-note label{display:block;font:23px/1.2 var(--hand);margin-top:19px;color:#465e53}
.arrival-note input{display:block;width:100%;padding:9px 2px;margin-top:4px;border:0;border-bottom:1px dashed #7d846c;background:transparent;color:#2a504f;font:23px var(--hand)}
.visitor-invitation{display:flex;align-items:center;gap:clamp(22px,5vw,60px);margin:55px 0;padding:32px 5%;background:#e6dbc0;color:#30463a;border-block:1px solid #bbab88}
.visitor-cover{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:space-around;width:126px;height:168px;padding:16px 10px 15px 18px;background:linear-gradient(90deg,#213930 7%,#415a47 8%,#29473b 13%);color:#ebd8a7;border:1px solid #233e33;box-shadow:3px 3px #d4c49f,5px 5px #76654a,8px 10px 12px #463d2626;rotate:-5deg;transition:transform .3s}
.visitor-cover:hover{transform:rotate(3deg) translateY(-3px)}.visitor-cover strong{font:27px/1.05 var(--serif)}.visitor-cover span,.visitor-invitation small,.visitors-book small,.leaf-no{font:9px var(--sans);letter-spacing:1.4px}.visitor-cover span{font-size:6px}.visitor-cover i{font:22px Georgia;color:#dfbd6c}
.visitor-invitation h2{font:clamp(27px,4vw,44px)/1.15 var(--serif);margin:10px 0}.visitor-invitation div>p{font:23px/1.3 var(--hand);margin:10px 0;color:#496050}.book-opener,.book-nav button,.book-tools button,.book-lines button{background:none;font:12px var(--sans);border-bottom:1px solid #ad9973;padding:10px 5px;min-height:42px}
.visitors-book{width:min(650px,94vw);max-height:90svh;overflow:auto;padding:clamp(20px,4vw,40px);color:#314537;background:linear-gradient(90deg,#cdbf9c,#f5ecd7 4%,#f5ecd7 96%,#e4d6b8);border:6px solid #294638;border-radius:6px;box-shadow:4px 4px #d3c3a1,7px 7px #384a38,0 22px 65px #0005}
.visitors-book::backdrop{background:#172c25b5;backdrop-filter:blur(3px)}.visitors-book header,.book-nav,.book-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.visitors-book h2{font:clamp(31px,5vw,48px) var(--serif);margin:6px 0}.book-close{align-self:start;width:40px;height:40px;background:none;font:28px var(--serif)}
.book-tools{justify-content:flex-start;margin:12px 0 20px}.book-tools [aria-pressed=true]{color:#844a32;border-bottom:2px solid currentColor}.book-preview,.publication-note,.book-status{font:12px/1.6 var(--sans)}.book-preview{padding:10px;background:#e6ddc6;margin:10px 0}
.book-leaf,.book-write{padding:20px 0 5px;border-top:1px solid #b8a57c}.book-lines{min-height:110px;padding:14px 0;font:22px/1.35 var(--hand)}.book-lines article{padding:12px 0;border-bottom:1px solid #baa57b55;overflow-wrap:anywhere}.book-lines strong{font:24px var(--hand);color:#365d6c}.book-lines p{font:15px/1.55 Georgia;margin:5px 0;white-space:pre-wrap}.book-nav button:disabled{opacity:.35}.book-write h3{font:28px var(--serif);margin:12px 0}.book-write label{display:block;margin:12px 0;font:13px var(--sans)}.book-write input,.book-write textarea{display:block;width:100%;border:1px solid #b4a180;background:#fffcf377;color:inherit;font:16px/1.5 Georgia;padding:9px;margin-top:5px}.publish-note{background:#294638;color:#f3ead7;padding:14px 18px;margin:12px 0}.book-status{color:#475b4b}.leaf-turn{animation:leaf-arrives .36s ease-out;transform-origin:left center}@keyframes leaf-arrives{from{opacity:.45;transform:perspective(750px) rotateY(-8deg)}}
@media(max-width:520px){.visitor-cover{width:88px;height:128px;padding:10px}.visitor-cover strong{font-size:21px}.visitor-invitation{padding:24px 15px;gap:17px}.visitor-invitation div>p{font-size:20px}.book-tools{margin:6px 0 10px}}
@media(prefers-reduced-motion:reduce){.leaf-turn{animation:none}.visitor-cover{transition:none}}