:root{--bg: #f7f6f2;--bg3: #ededea;--text: #1a1a1e;--muted: #696965;--border: #d8d7d2;--text-dim: #555558;--surface: #f5f4f0;--surface-2: #f7f6f2;--surface-3: #ededea;--surface-hover: rgba(0,0,0,.04);--surface-active: rgba(0,0,0,.06);--transcript-hover: rgba(120, 120, 120, .12);--theme-accent: #6b5fd4;--tile-filter: none;--layout-cols: 300px minmax(500px, 41vw) minmax(400px, 1fr);--layout-cols-compact: 270px minmax(460px, 46vw) minmax(320px, 1fr);--c-engine: #d94f4f;--c-machinery: #c97c28;--c-impact: #b89000;--c-saw: #1a9e5c;--c-alert: #c9456e;--c-music: #6b5fd4;--c-voice: #3a7fd4;--c-dog: #1eaa88;--neon-a: #6b5fd4;--neon-b: #3a7fd4;--neon-c: #c9456e;--clock-center: #f2f1ed;--clock-ring: #dddcd7;--clock-stroke: #f2f1ed;--clock-needle: #1a1a1e;--clock-label: #696965;--clock-role: #555558;--clock-subtext: #696965;--waveform-bg: #ededea;--map-hex-fill: #d6d3cc;--map-hex-stroke: #f5f4f0;--map-label: #555552;--map-label-stroke: rgba(247,246,242,.9);--map-label-active: #1a1a1e;--map-label-active-stroke: rgba(247,246,242,.95);--map-dot-fill: #696965;--map-dot-stroke: #f7f6f2}:root[data-theme=dark]{--bg: #191b22;--bg3: #1d202a;--c-engine: #cf6868;--c-machinery: #c08a4e;--c-impact: #c2a64e;--c-saw: #4fa477;--c-alert: #bf6f86;--c-music: #8a82b8;--c-voice: #5f84b9;--c-dog: #4e9788;--text: #d8dce6;--muted: #97a0b0;--border: #31384a;--text-dim: #aeb4c5;--surface: #202530;--surface-2: #242933;--surface-3: #29303e;--surface-hover: rgba(255,255,255,.045);--surface-active: rgba(255,255,255,.065);--transcript-hover: rgba(255,255,255,.065);--theme-accent: #a7afc4;--tile-filter: brightness(.7) saturate(.28) hue-rotate(190deg);--clock-center: #202530;--clock-ring: #454d62;--clock-stroke: #202530;--clock-needle: #d8dce6;--clock-label: #a0a7b9;--clock-role: #bcc2d5;--clock-subtext: #a0a7b9;--waveform-bg: #202530;--map-hex-fill: #363d4d;--map-hex-stroke: #202530;--map-label: #c6cadb;--map-label-stroke: rgba(32, 37, 48, .9);--map-label-active: #f0f2f7;--map-label-active-stroke: rgba(32, 37, 48, .95);--map-dot-fill: #bcc2d5;--map-dot-stroke: #202530}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;height:100vh;overflow:hidden;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border)}.header-editorial{display:flex;flex-direction:column;gap:1px}.header-title-row{display:flex;align-items:center;gap:8px}.header-title{font-family:Crimson Pro,serif;font-weight:700;font-size:1.2rem;letter-spacing:.01em;color:var(--text)}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--theme-accent);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;padding:0;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.theme-toggle-wrap{position:relative;display:inline-flex;align-items:center}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:color-mix(in srgb,var(--theme-accent) 32%,var(--border));background:color-mix(in srgb,var(--theme-accent) 8%,var(--surface))}.theme-toggle:focus-visible{outline:none}.theme-toggle.is-toggling{animation:libertyPulse .45s ease}.liberty-icon{width:20px;height:20px;overflow:visible;display:block;opacity:.92}.theme-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:0;transition:opacity .18s ease;background:var(--bg)}.theme-transition-overlay.is-active{opacity:.96}.about-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:color-mix(in srgb,var(--bg) 18%,transparent);-webkit-backdrop-filter:blur(7px) saturate(.92);backdrop-filter:blur(7px) saturate(.92);display:grid;place-items:center;padding:20px}.about-modal[hidden]{display:none!important}.about-modal-card{width:min(720px,100%);max-height:min(84vh,800px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:28px 28px 24px;box-shadow:0 22px 46px #00000040;position:relative}.about-modal-card h2{margin:0 0 18px;font-family:Crimson Pro,serif;font-size:1.9rem;color:var(--text);font-weight:700}.about-modal-card p{font-family:DM Mono,monospace;color:var(--text-dim);font-size:.9rem;line-height:1.7;margin:0 0 14px}.about-modal-card li{font-family:DM Mono,monospace;color:var(--text-dim);font-size:.9rem;line-height:1.7;margin-bottom:8px}.about-modal-card ul{margin:16px 0 0;padding-left:20px}.about-modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-alt, var(--surface));color:var(--text);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;border-radius:2px;padding:6px 9px;cursor:pointer;position:absolute;top:28px;right:28px}.about-modal-close:hover,.about-modal-close:focus-visible{border-color:var(--theme-accent);color:var(--theme-accent)}.about-modal-card a{color:var(--theme-accent);text-decoration:none;transition:opacity .2s}.about-modal-card a:hover{opacity:.7;text-decoration:underline}.about-modal-card a:focus-visible{outline:1px solid var(--theme-accent);outline-offset:2px;border-radius:1px}body.about-modal-open{overflow:hidden}.onboarding-state{padding:0 0 14px;border-bottom:1px solid var(--border);margin-bottom:12px}.onboarding-state.hidden{display:none}.onboarding-state p{font-family:Crimson Pro,serif;font-size:1.05rem;line-height:1.5;color:var(--text-dim)}@keyframes libertyPulse{0%{transform:scale(1)}35%{transform:scale(1.12) rotate(-8deg)}70%{transform:scale(.98) rotate(4deg)}to{transform:scale(1) rotate(0)}}.header-sub{font-family:DM Mono,monospace;font-weight:300;font-size:.875rem;color:var(--muted);letter-spacing:.04em}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.header-controls{display:flex;align-items:center;gap:10px}.header-about-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:DM Mono,monospace;cursor:pointer;padding:8px 12px;border-radius:2px;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.header-about-btn:hover,.header-about-btn:focus-visible{border-color:color-mix(in srgb,var(--theme-accent) 35%,var(--border));background:color-mix(in srgb,var(--theme-accent) 10%,var(--surface))}.header-about-btn:focus-visible{outline:none}.header-volume{display:flex;align-items:center;gap:8px}.app{flex:1;min-height:0;display:grid;grid-template-columns:var(--layout-cols);grid-template-rows:1fr auto}.panel-left{grid-row:1;grid-column:1;border-right:1px solid var(--border);padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.map-area{grid-row:1;grid-column:3;position:relative;overflow:hidden;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border)}.map-area,.clock-panel,.info-strip,.panel-left,.story-entry,.sound-row,.persona-card,.theme-toggle,.hour-tooltip,.timeline-hour-cell,.spec-wrapper canvas,.hour-label,.clock-time-main,.clock-time-sub,.meter-db-value,.meter-db-unit,.sound-name,.sound-play-btn,.panel-label,.header-title,.header-sub{transition:color .18s ease,background-color .18s ease,border-color .18s ease,fill .18s ease,stroke .18s ease,box-shadow .18s ease,filter .18s ease}#map{flex:1;min-height:0;width:100%}#story-overlay{flex-shrink:0;height:130px;overflow-y:auto;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface-2)}#journey-desc-text{display:flex;flex-direction:column;gap:6px}.clock-time-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 0 10px;text-align:center;flex-shrink:0;min-height:150px}.clock-time-main{font-family:Crimson Pro,serif;font-size:clamp(3.6rem,9vw,6.5rem);font-weight:800;line-height:.82;letter-spacing:.01em}.clock-time-sub{font-family:DM Mono,monospace;font-size:.9rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;opacity:.85}.clock-panel{grid-row:1;grid-column:2;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 20px 10px;position:relative;overflow:hidden}.clock-panel #clock-svg{flex:1;min-height:0;width:100%;display:block}.clock-panel .timeline-wrapper{flex-shrink:0;width:100%;padding-top:8px;border-top:1px solid var(--border);margin-top:8px}.day-transport{display:flex;align-items:center;gap:10px}.day-transport-inline{margin-top:6px;justify-content:center}.day-transport-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:DM Mono,monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.day-transport-btn{padding:7px 12px}.day-transport-btn:hover,.day-transport-btn:focus-visible{border-color:var(--playing-color, var(--theme-accent));color:var(--playing-color, var(--theme-accent))}.day-transport-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.autoplay-toggle-wrap{display:inline-flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.autoplay-toggle-wrap[hidden]{display:none!important}.autoplay-toggle-label{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.autoplay-toggle-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.autoplay-toggle-track{width:34px;height:18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);position:relative;transition:border-color .18s ease,background-color .18s ease}.autoplay-toggle-wrap:hover .autoplay-toggle-track,.autoplay-toggle-wrap:focus-within .autoplay-toggle-track{border-color:var(--playing-color, var(--theme-accent))}.autoplay-toggle-wrap:hover .autoplay-toggle-label,.autoplay-toggle-wrap:focus-within .autoplay-toggle-label{color:var(--text)}.autoplay-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background-color .18s ease}.autoplay-toggle-input:checked+.autoplay-toggle-track{border-color:var(--playing-color, var(--theme-accent));background:color-mix(in srgb,var(--playing-color, var(--theme-accent)) 20%,var(--surface))}.autoplay-toggle-input:checked+.autoplay-toggle-track:after{transform:translate(16px);background:var(--playing-color, var(--theme-accent))}.autoplay-toggle-input:focus-visible+.autoplay-toggle-track{outline:1px solid var(--playing-color, var(--theme-accent));outline-offset:2px}.autoplay-toggle-input:disabled+.autoplay-toggle-track,.autoplay-toggle-input:disabled+.autoplay-toggle-track:after{opacity:.45}.info-strip{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:var(--layout-cols);border-top:1px solid var(--border);height:160px;overflow:hidden}.info-strip>.info-col:first-child{grid-column:1 / 3}.info-strip>.info-col:last-child{grid-column:3 / 4}@media (max-width: 1100px){.app,.info-strip{grid-template-columns:var(--layout-cols-compact)}.clock-time-bar{min-height:118px}.clock-time-main{font-size:clamp(2.6rem,8vw,4.8rem)}.clock-time-sub{font-size:.875rem}}@media (max-width: 900px){body{overflow:auto}.app{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:0}.panel-left{grid-column:1 / -1;grid-row:1;flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px 16px;border-right:none;border-bottom:1px solid var(--border);overflow-y:visible}.panel-left>.panel-label{display:none}.legend-section{display:none}#persona-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;flex:1}.persona-card{padding:6px 10px;flex-shrink:0}.persona-name{font-size:.95rem}.persona-meta,.persona-borough{display:none}.clock-panel{grid-column:1;grid-row:2;border-right:1px solid var(--border);padding:8px 12px}.clock-time-bar{min-height:80px}.clock-time-main{font-size:clamp(2rem,10vw,3.5rem)}.map-area{grid-column:2;grid-row:2}.info-strip{grid-column:1 / -1;grid-row:3;grid-template-columns:1fr 1fr;height:140px}.info-strip>.info-col:first-child{grid-column:1}.info-strip>.info-col:last-child{grid-column:2}}@media (max-width: 600px){.app{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.clock-panel{grid-column:1;grid-row:2;border-right:none;border-bottom:1px solid var(--border)}.map-area{grid-column:1;grid-row:3;min-height:300px}.info-strip{grid-column:1;grid-row:4;grid-template-columns:1fr;height:auto}.info-strip>.info-col:first-child{grid-column:1;height:120px}.info-strip>.info-col:last-child{grid-column:1;border-left:none;border-top:1px solid var(--border)}}.info-col{padding:14px 18px;overflow-y:auto;display:flex;flex-direction:column}.info-col-spec{padding:0;overflow:hidden}.info-col+.info-col{border-left:1px solid var(--border)}.panel-label{font-size:.875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-left:0}.panel-left>.panel-label{margin-bottom:8px}.legend-section{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.legend-section .panel-label{margin-bottom:6px}#persona-list{display:flex;flex-direction:column;gap:8px}.persona-card{padding:10px 12px;border-radius:3px;cursor:pointer;border:1px solid var(--border);background:var(--surface);transition:background-color .18s ease,border-color .18s ease,color .18s ease;position:relative;overflow:hidden}.persona-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity .2s}.persona-card:hover{background:var(--surface-hover)}.persona-card:hover:before{opacity:.5}.persona-card.active{background:var(--surface-active)}.persona-card.active:before{opacity:1}.persona-name{font-family:Crimson Pro,serif;font-weight:700;font-size:1.1rem;margin-bottom:1px;color:var(--text);transition:color .2s}.persona-card.active .persona-name{color:var(--accent)}.persona-meta{font-family:Crimson Pro,serif;font-style:italic;font-size:1rem;color:var(--muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-borough{display:block;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;opacity:.84;font-weight:500}.hour-label{font-family:DM Mono,monospace;font-size:14px;fill:var(--muted)}.hour-tooltip{position:absolute;background:var(--surface-3);border:1px solid var(--border);border-radius:3px;padding:12px 14px;pointer-events:none;opacity:0;transition:opacity .15s;min-width:200px;z-index:10;font-size:.9rem;line-height:1.55;box-shadow:none}.hour-tooltip.visible{opacity:1}.hour-tooltip-title{font-family:Crimson Pro,serif;font-weight:700;font-size:1.1rem;margin-bottom:8px}.sound-chip{display:inline-block;font-size:.875rem;margin:0 8px 0 0;font-weight:500}.story-entry{width:100%;border:0;background:transparent;text-align:left;padding:4px 6px;cursor:pointer;font-family:DM Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--muted);display:flex;gap:10px;align-items:baseline;border-radius:4px;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease}.story-entry:hover,.story-entry:focus-visible{color:var(--text);background:var(--transcript-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--muted) 12%,transparent)}.story-entry:first-child{color:var(--text-dim)}.story-time{font-size:.875rem;letter-spacing:.06em;color:var(--muted);flex-shrink:0;white-space:nowrap}.story-desc{flex:1;font-family:Crimson Pro,serif;font-size:1rem;line-height:1.5}.story-entry:hover .story-time,.story-entry:focus-visible .story-time{color:var(--text)}.story-current{padding:12px 12px 12px 16px;margin-bottom:14px;border-left:4px solid var(--playing-color, var(--accent-color, var(--theme-accent)));animation:storyFadeIn .3s ease-out;position:relative}.story-current-time{font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--playing-color, var(--accent-color, var(--theme-accent)));margin-bottom:6px;opacity:.9}.story-current-desc{font-family:Crimson Pro,serif;font-size:1.15rem;line-height:1.6;color:var(--text);font-weight:600}.story-history{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:calc(100% - 100px);padding-right:4px}@keyframes storyFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.spec-wrapper{position:relative;width:100%;height:100%;padding-bottom:4px;background:var(--waveform-bg)}.spec-wrapper canvas{width:100%;height:100%;display:block}.spec-db-overlay{position:absolute;top:10px;right:12px;display:flex;align-items:baseline;gap:3px;pointer-events:none}.meter-db-value{font-family:Crimson Pro,serif;font-size:2.4rem;font-weight:800;line-height:1;color:var(--text);transition:color .3s}.meter-db-unit{font-size:.9rem;color:var(--muted);margin-left:4px}#waveform-canvas{width:100%;height:100%;display:block}.sounds-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sound-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 10px;border-radius:3px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:DM Mono,monospace;width:100%;text-align:left;transition:background-color .15s,color .15s,box-shadow .15s,border-color .15s}.sound-row:hover{background:var(--surface-hover)}.sound-row.playing{background:var(--surface-active);border-color:var(--playing-color, var(--accent-color, #6b5fd4));box-shadow:none}.sound-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px color-mix(in srgb,currentColor 50%,transparent)}.sound-name{font-size:.95rem;flex:1}.sound-play-btn{font-size:.875rem;color:var(--muted);letter-spacing:.08em}.sound-row:hover .sound-play-btn{color:var(--text)}.sound-row.playing .sound-play-btn{color:var(--playing-color, var(--accent-color, var(--neon-c)))}.legend{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:flex;align-items:center;gap:5px;font-size:.875rem;color:var(--muted)}.legend-dot{width:7px;height:7px;border-radius:50%}.timeline-strip{display:flex;align-items:center;height:32px;position:relative;cursor:pointer;margin-top:4px}.timeline-hour-cell{flex:1;height:100%;border-right:1px solid var(--bg);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:transparent;transition:filter .15s,opacity .15s,color .15s;border-radius:0}.timeline-hour-cell:hover{color:var(--muted);filter:brightness(1.3)}.timeline-hour-cell.current{outline:1px solid var(--text);outline-offset:-1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.persona-card:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.sound-row:focus-visible{outline:1px solid var(--border);outline-offset:1px}@keyframes soundPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.sound-row.playing .sound-dot{animation:soundPulse 1.5s ease-in-out infinite}@keyframes needleFadeIn{0%{opacity:0}to{opacity:.25}}#clock-needle-line{animation:needleFadeIn .4s ease forwards}@keyframes panelFlash{0%{border-right-color:var(--border)}35%{border-right-color:var(--accent, var(--neon-a))}to{border-right-color:var(--border)}}.panel-left.panel-flash{animation:panelFlash .9s ease forwards}#tt-desc{color:var(--text-dim);font-size:.9rem;margin-top:6px;line-height:1.6}.sounds-empty{color:var(--muted);font-size:.9rem;line-height:1.6;margin-top:4px}.timeline-wrapper{width:100%;max-width:640px}.timeline-time-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--muted);margin-top:4px}.timeline-kb-hint{opacity:.4;letter-spacing:.06em}.volume-row{display:flex;align-items:center;gap:10px}.vol-label{font-size:.875rem;letter-spacing:.14em;color:var(--muted);opacity:.5;flex-shrink:0}#vol-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:3px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}#vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--muted);cursor:pointer;transition:background .15s}#vol-slider:hover::-webkit-slider-thumb{background:var(--text)}