.room-header{margin-bottom:36px}.room-navigation{color:var(--site-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.room-navigation a{align-items:center;gap:9px;min-height:44px;display:inline-flex}.room-navigation a:hover{color:var(--site-accent)}.room-navigation a:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}.room-welcome{border-bottom:1px solid var(--site-border);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px;padding:24px 0 32px;display:grid}.room-welcome h1{font-family:var(--font-heading);text-wrap:balance;font-size:48px;line-height:1.2}.room-welcome p{color:var(--site-muted);max-width:38ch;margin-top:18px;line-height:1.8}.room-welcome img{width:100%;height:auto}.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.book-shelf details{border-bottom:5px solid var(--site-border);padding-bottom:18px}.book-shelf summary{cursor:pointer;align-items:center;gap:22px;min-height:120px;list-style:none;display:flex}.book-shelf summary::-webkit-details-marker{display:none}.book-shelf summary:before{content:"";background:#a66e4d;border-left:4px solid #89583e;border-radius:2px 5px 5px 2px;flex-shrink:0;width:28px;height:96px}.book-shelf details:nth-child(3n+2) summary:before{background:#858967;border-color:#666e4e}.book-shelf details:nth-child(3n) summary:before{background:#747f84;border-color:#535f65}.book-shelf summary h2{font-family:var(--font-heading);font-size:23px;line-height:1.5}.book-shelf summary span{color:var(--site-muted);margin-top:8px;font-size:12px;display:block}.book-shelf summary:focus-visible{outline:2px solid var(--site-accent);outline-offset:5px}.book-shelf details[open] summary h2,.book-shelf summary:hover h2{color:var(--site-accent)}.book-shelf details p{color:var(--site-muted);margin:12px 0;font-size:14px;line-height:1.9}.book-shelf details a{min-height:44px;color:var(--site-accent);align-items:center;gap:8px;font-size:13px;display:inline-flex}@media (max-width:767px){.room-welcome{grid-template-columns:1fr;gap:24px;padding:24px 0}.room-welcome h1{font-size:32px}.room-welcome p{margin-top:12px;font-size:13px}.book-shelf{grid-template-columns:1fr;gap:20px}}.room-welcome img{aspect-ratio:8/5;object-fit:cover;border-radius:0}.room-guestbook .room-welcome img{object-fit:cover}.room-enter{min-height:44px;color:var(--site-accent);align-items:center;gap:10px;margin-top:18px;font-size:13px;display:inline-flex}.room-enter:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}.room-welcome{background:var(--site-surface);border:1px solid var(--site-border);box-shadow:5px 5px 0 var(--site-border);gap:24px;margin-top:12px;padding:24px}.room-welcome h1{font-size:36px}.room-welcome img{image-rendering:pixelated;border:2px solid var(--site-border);aspect-ratio:16/9}.room-enter{border:1px solid var(--site-border);background:var(--site-bg);box-shadow:2px 2px 0 var(--site-border);padding:0 12px}.room-enter:hover{border-color:var(--site-accent)}.room-navigation a{color:var(--site-accent)}.detail-navigation{background:var(--site-surface);border:1px solid var(--site-border);box-shadow:3px 3px 0 var(--site-border);margin-bottom:28px;padding:12px 16px}.book-shelf summary:before{box-shadow:3px 3px 0 var(--site-border);border-radius:0}@media (max-width:767px){.room-welcome{gap:18px;padding:16px}.room-welcome h1{font-size:28px}}