*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--color-text-primary: #2c2419;--color-text-secondary: #6b635a;--color-background-primary: #faf8f5;--color-background-secondary: #f0ebe3;--color-border-primary: #c4b8a8;--color-border-secondary: #d8cfc2;--color-border-tertiary: #e5ddd0;--border-radius-lg: 12px;--border-radius-md: 8px;--amber: #b07d1a;--amber-bg: rgba(176, 125, 26, .08);--amber-border: rgba(176, 125, 26, .25);--terra: #a84a1e;--terra-bg: rgba(168, 74, 30, .08);--jade: #1a6b4a;--jade-bg: rgba(26, 107, 74, .08)}body{font-family:var(--font-sans);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{max-width:1100px;margin:0 auto;padding:24px 16px 40px}.page-head{margin-bottom:20px;text-align:center}.page-title{font-family:var(--font-serif);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:400;color:var(--color-text-primary);letter-spacing:-.02em}.page-sub{margin-top:6px;font-size:13px;color:var(--color-text-secondary);font-style:italic}#tour{display:flex;height:min(580px,calc(100vh - 180px));min-height:420px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-background-primary)}.sidebar{width:220px;flex-shrink:0;border-right:.5px solid var(--color-border-tertiary);overflow-y:auto;background:var(--color-background-secondary)}.sidebar-head{padding:14px 16px 10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:.5px solid var(--color-border-tertiary);font-weight:500}.room-btn{width:100%;text-align:left;padding:10px 16px;border:none;background:transparent;cursor:pointer;border-left:2.5px solid transparent;transition:all .15s;display:block;font:inherit}.room-btn:hover{background:var(--color-background-primary)}.room-btn.active{background:var(--amber-bg);border-left-color:var(--amber)}.rb-num{font-size:10px;color:var(--color-text-secondary);font-weight:500;margin-bottom:2px;letter-spacing:.05em}.rb-name{font-size:12px;color:var(--color-text-primary);line-height:1.3;font-weight:400}.rb-period{font-size:11px;color:var(--color-text-secondary);margin-top:1px}.room-btn.active .rb-name{color:var(--amber);font-weight:500}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.room-head{padding:18px 24px 14px;border-bottom:.5px solid var(--color-border-tertiary);flex-shrink:0}.rh-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin-bottom:4px;font-weight:500}.rh-title{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--color-text-primary);line-height:1.15;margin-bottom:2px}.rh-sub{font-size:12px;color:var(--color-text-secondary);font-style:italic}.controls{padding:12px 24px;border-bottom:.5px solid var(--color-border-tertiary);display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap;background:var(--color-background-secondary)}.btn-play{width:38px;height:38px;border-radius:50%;border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;color:var(--color-text-primary)}.btn-play:hover{background:var(--amber-bg);border-color:var(--amber-border)}.btn-play.playing{background:var(--amber-bg);border-color:var(--amber)}.play-icon{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentcolor;margin-left:2px}.pause-icon{display:flex;gap:3px}.pause-bar{width:3px;height:13px;background:currentcolor;border-radius:1px}.stop-icon{width:12px;height:12px;background:currentcolor;border-radius:1px}.btn-small{padding:6px 12px;border:.5px solid var(--color-border-secondary);background:transparent;border-radius:var(--border-radius-md);cursor:pointer;font-size:11px;font-family:var(--font-sans);color:var(--color-text-secondary);transition:all .15s;letter-spacing:.03em}.btn-small:hover:not(:disabled){border-color:var(--color-border-primary);color:var(--color-text-primary)}.btn-small:disabled{opacity:.35;cursor:not-allowed}.progress-wrap{flex:1;display:flex;flex-direction:column;gap:5px;min-width:160px}.prog-label{font-size:10px;color:var(--color-text-secondary);letter-spacing:.08em;display:flex;justify-content:space-between}.prog-bar{height:2px;background:var(--color-border-tertiary);border-radius:1px;overflow:hidden}.prog-fill{height:100%;background:var(--amber);transition:width .4s linear;border-radius:1px}.script{flex:1;overflow-y:auto;padding:20px 24px}.sec-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin-bottom:14px;display:flex;align-items:center;gap:10px}.sec-label.overview-lbl{color:var(--jade)}.sec-label.detail-lbl{color:var(--terra)}.sec-label:after{content:"";flex:1;height:.5px;background:var(--color-border-tertiary)}.script-text p{font-size:13.5px;line-height:1.9;color:var(--color-text-primary);font-weight:400;margin-bottom:14px}.script-text p:last-child{margin-bottom:0}.wave{display:inline-flex;align-items:center;gap:2px;margin-right:8px;vertical-align:middle}.wave span{display:inline-block;width:3px;height:12px;background:var(--amber);border-radius:2px;animation:wave .8s ease-in-out infinite}.wave span:nth-child(2){animation-delay:.15s;height:16px}.wave span:nth-child(3){animation-delay:.3s;height:10px}.wave span:nth-child(4){animation-delay:.45s;height:14px}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.statusbar{padding:8px 24px;border-top:.5px solid var(--color-border-tertiary);font-size:11px;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--color-background-secondary)}.dot{width:6px;height:6px;border-radius:50%;background:var(--color-border-secondary);flex-shrink:0}.dot.speaking{background:var(--amber);animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.overall-prog{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.05em}.script::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:3px}.script::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--color-border-tertiary);border-radius:2px}@media(max-width:720px){#tour{flex-direction:column;height:auto;min-height:0}.sidebar{width:100%;max-height:160px;border-right:none;border-bottom:.5px solid var(--color-border-tertiary)}.controls{gap:8px}.progress-wrap{width:100%;order:1;flex-basis:100%}}