:root{--bg: #f3efe4;--bg-strong: #e8dcc2;--surface: rgba(255, 252, 245, .78);--surface-strong: rgba(255, 250, 239, .96);--line: rgba(89, 61, 24, .14);--text: #2e2418;--muted: #78634a;--accent: #9d3d1f;--accent-strong: #6d220a;--shadow: 0 24px 80px rgba(69, 41, 9, .14);--serif: "Iowan Old Style", "Palatino Linotype", "Noto Serif SC", "Songti SC", serif;--sans: "Avenir Next", "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;color:var(--text);font-family:var(--sans);background:radial-gradient(circle at top left,rgba(157,61,31,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(78,96,51,.16),transparent 30%),linear-gradient(135deg,var(--bg) 0%,#f8f4eb 44%,#efe4d4 100%)}body.lightbox-open{overflow:hidden}.shell{display:grid;grid-template-columns:minmax(290px,360px) 1fr;min-height:100vh}.sidebar-backdrop{display:none}.sidebar{height:100vh;overflow-y:auto;padding:28px;border-right:1px solid var(--line);background:linear-gradient(180deg,#f5eddcf0,#f3efe4bd);backdrop-filter:blur(18px)}.brand h1,.toolbar h2{margin:0;font-family:var(--serif);font-weight:700;letter-spacing:.03em}.brand h1{font-size:clamp(1.7rem,2.2vw,2.2rem);line-height:1.08}.viewer-note{margin:10px 0 0;color:var(--muted);line-height:1.5}.eyebrow{margin:0 0 8px;color:var(--accent);text-transform:uppercase;letter-spacing:.24em;font-size:.72rem}.search{display:block;margin:28px 0 20px}.search span{display:block;margin-bottom:10px;font-size:.9rem;color:var(--muted)}.series-note{margin:8px 0 20px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff9;color:var(--muted);line-height:1.65}.search input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffffb8;color:var(--text);font:inherit}.series-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.series-toggle button{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffffb8;color:var(--text);font:inherit;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.series-toggle button:hover,.series-toggle button.is-active{transform:translateY(-1px);background:linear-gradient(135deg,var(--accent),#c9752c);color:#fffaf2;border-color:transparent}.sections{display:flex;flex-direction:column;gap:14px;padding-right:6px}.section-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface);box-shadow:0 8px 30px #5135140f}.section-card h3{margin:0 0 12px;font-family:var(--serif);font-size:1.1rem}.map-list{display:flex;flex-direction:column;gap:8px}.map-list button,.actions button,.actions a,.lightbox-actions button{border:0;border-radius:999px;font:inherit}.map-list button{width:100%;text-align:left;padding:10px 12px;color:var(--text);background:#ffffffb8;transition:transform .12s ease,background .12s ease,color .12s ease}.map-list button:hover,.map-list button.is-active{transform:translate(4px);background:linear-gradient(135deg,var(--accent),#c9752c);color:#fffaf2}.content{height:100vh;overflow-y:auto;padding:30px}.toolbar,.viewer-card,.lightbox-panel{background:var(--surface-strong);border:1px solid rgba(104,68,24,.1);box-shadow:var(--shadow)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:28px}.sidebar-toggle{display:none;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#4d5e2f,#2d3f1d);color:#fff;font:inherit;cursor:pointer}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions button,.actions a{padding:12px 18px;background:linear-gradient(135deg,#4d5e2f,#2d3f1d);color:#fff;text-decoration:none;cursor:pointer}.actions a{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.viewer-card{margin-top:20px;border-radius:32px;padding:14px;min-height:calc(100vh - 250px)}.viewer-stage{width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.viewer-card img{display:block;width:100%;height:calc(100vh - 290px);object-fit:contain;border-radius:22px;background:linear-gradient(45deg,rgba(123,93,47,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(123,93,47,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(123,93,47,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(123,93,47,.08) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:stretch;justify-content:stretch;padding:0;overscroll-behavior:contain;touch-action:none}.lightbox[hidden]{display:none}.lightbox-backdrop{position:absolute;inset:0;background:#1d160eb8;backdrop-filter:blur(10px)}.lightbox-panel{position:relative;z-index:1;width:100%;height:100%;border:0;border-radius:0;padding:0;box-shadow:none;background:#120e092e;touch-action:none}.lightbox-toolbar{position:absolute;top:18px;left:18px;right:18px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:0;padding:0;background:transparent;backdrop-filter:none}.lightbox-titlebar{max-width:min(58vw,640px);padding:10px 14px;border-radius:16px;background:#fffaefd1;backdrop-filter:blur(14px);box-shadow:0 10px 30px #23180a1f}.lightbox-toolbar h2{margin:0;font-family:var(--serif);font-size:clamp(1rem,1.8vw,1.4rem)}.lightbox-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;padding:8px;border-radius:16px;background:#fffaefd1;backdrop-filter:blur(14px);box-shadow:0 10px 30px #23180a1f}.lightbox-control-group{display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid rgba(89,61,24,.16);border-radius:12px;background:#fffdfaf5;box-shadow:0 8px 24px #23180a14}.lightbox-control{width:38px;height:38px;padding:0;border:0;border-right:1px solid rgba(89,61,24,.14);background:transparent;color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer}.lightbox-control:last-child{border-right:0}.lightbox-control:hover,.lightbox-control:focus-visible{background:#9d3d1f14;outline:none}.lightbox-stage{position:relative;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:contain;background:linear-gradient(45deg,rgba(123,93,47,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(123,93,47,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(123,93,47,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(123,93,47,.08) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.lightbox-viewer{position:absolute;inset:0;touch-action:none}.lightbox-viewer .openseadragon-container,.lightbox-viewer>div{width:100%;height:100%}.lightbox-close{display:inline-grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;flex:0 0 38px;align-self:center;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 10px 24px #6d220a3d}.lightbox-close:hover,.lightbox-close:focus-visible{filter:brightness(1.05);outline:none}@media(max-width:980px){body{overflow:hidden}.shell{display:block}.sidebar{position:fixed;top:0;left:0;z-index:40;width:min(86vw,360px);max-width:360px;border-right:1px solid var(--line);border-bottom:0;transform:translate(-100%);transition:transform .18s ease}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:35;display:block;background:#1d160e6b;opacity:0;pointer-events:none;transition:opacity .18s ease}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.content{position:relative;height:100dvh;padding:0;overflow:hidden}.toolbar{position:absolute;top:10px;left:10px;right:10px;z-index:10;align-items:flex-start;flex-direction:column;padding:14px 16px;border-radius:22px;background:#fffaefd1;backdrop-filter:blur(14px)}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center}.toolbar .eyebrow{margin-bottom:4px}.toolbar h2{font-size:1.15rem}.viewer-note{margin-top:6px;font-size:.92rem}.actions{width:100%;gap:8px}.actions button,.actions a{flex:1 1 calc(50% - 4px);justify-content:center;text-align:center;padding:11px 14px}.viewer-card{margin-top:0;min-height:100dvh;height:100dvh;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.viewer-stage{height:100%}.viewer-card img{width:100%;height:100dvh;min-height:100dvh;border-radius:0}.lightbox{padding:0}.lightbox-panel{height:100dvh}.lightbox-toolbar{top:10px;left:10px;right:10px;align-items:flex-start;gap:10px;padding:0}.lightbox-actions{width:auto;gap:8px;padding:6px}.lightbox-titlebar{max-width:calc(100vw - 140px);padding:8px 12px}.lightbox-control{width:36px;height:36px}.lightbox-close{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px}}