:root{--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-primary-light: #60a5fa;--color-bg: #0f172a;--color-bg-panel: rgba(15, 23, 42, .95);--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-map: 1;--z-panel: 10;--z-controls: 50;--z-header: 100;--z-modal: 200}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#map{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-map)}.title-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background:linear-gradient(180deg,var(--color-bg-panel) 0%,rgba(15,23,42,.7) 70%,transparent 100%);padding:var(--space-lg) var(--space-xl) var(--space-xl) 80px;pointer-events:none}.title-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px color-mix(in srgb,var(--color-primary) 50%,transparent);margin-bottom:var(--space-xs)}.title-header .subtitle{font-size:.95rem;color:var(--color-text-muted);font-weight:400}.progress-container{position:fixed;top:100px;left:30px;right:30px;z-index:var(--z-header);pointer-events:none}.progress-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary),var(--color-primary-light));width:0%;transition:width var(--transition-normal)}.story-panel{position:fixed;left:30px;top:130px;bottom:100px;width:380px;z-index:var(--z-panel);display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;padding-right:var(--space-sm)}.story-panel::-webkit-scrollbar{width:6px}.story-panel::-webkit-scrollbar-track{background:transparent}.story-panel::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.chapter-card{background:var(--color-bg-panel);backdrop-filter:blur(20px);border-radius:16px;padding:var(--space-lg);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.chapter-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.chapter-card:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);transform:translate(5px)}.chapter-card.active{border-color:var(--color-primary);box-shadow:0 0 30px color-mix(in srgb,var(--color-primary) 20%,transparent)}.chapter-card.active:before{opacity:1}.chapter-number{font-size:.75rem;color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.chapter-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.chapter-description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.chapter-meta{display:flex;gap:var(--space-md);margin-top:var(--space-md);font-size:.8rem;color:var(--color-text-muted)}.map-controls{position:fixed;bottom:30px;left:30px;z-index:var(--z-controls);display:flex;gap:var(--space-sm)}.control-btn{width:48px;height:48px;border-radius:12px;background:var(--color-bg-panel);backdrop-filter:blur(20px);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.control-btn:hover{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-bg-panel));border-color:var(--color-primary);transform:translateY(-2px)}.control-btn.active{background:var(--color-primary);border-color:var(--color-primary)}.audio-player{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:var(--z-controls);background:var(--color-bg-panel);backdrop-filter:blur(20px);border-radius:16px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-md);min-width:300px}.audio-progress{flex:1;height:4px;background:var(--color-border);border-radius:2px;cursor:pointer;position:relative}.audio-progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--color-primary);border-radius:2px;transition:width .1s linear}.audio-time{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);min-width:80px;text-align:center}@media(max-width:768px){.title-header{padding:var(--space-md) var(--space-md) var(--space-lg) var(--space-md)}.title-header h1{font-size:1.5rem}.story-panel{left:var(--space-md);right:var(--space-md);top:auto;bottom:120px;width:auto;max-height:40vh}.chapter-card{padding:var(--space-md)}.audio-player{left:var(--space-md);right:var(--space-md);transform:none;min-width:auto}.map-controls{bottom:auto;top:var(--space-md);right:var(--space-md);left:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-pulse{animation:pulse 2s infinite}.landing-body[data-astro-cid-j7pv25f6]{min-height:100vh;overflow-y:auto;background:linear-gradient(135deg,var(--color-bg) 0%,#1e293b 100%);padding:var(--space-xl)}.landing-header[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.landing-header[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.tagline[data-astro-cid-j7pv25f6]{font-size:1.25rem;color:var(--color-text-muted)}.stories-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg);max-width:1400px;margin:0 auto}.story-card-link[data-astro-cid-j7pv25f6]{text-decoration:none;color:inherit}.story-preview[data-astro-cid-j7pv25f6]{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-lg);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.story-preview[data-astro-cid-j7pv25f6]:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.story-meta[data-astro-cid-j7pv25f6]{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:.8rem}.story-meta[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{padding:4px 10px;border-radius:20px;background:#ffffff0d;color:var(--color-text-muted)}.story-preview[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.story-preview[data-astro-cid-j7pv25f6] .subtitle[data-astro-cid-j7pv25f6]{font-size:.95rem;color:var(--accent);margin-bottom:var(--space-sm)}.story-preview[data-astro-cid-j7pv25f6] .description[data-astro-cid-j7pv25f6]{font-size:.9rem;color:var(--color-text-muted);line-height:1.6;flex:1}.cta[data-astro-cid-j7pv25f6]{margin-top:var(--space-md);font-weight:600;color:var(--accent);font-size:.9rem}.landing-footer[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--space-xl) 0;margin-top:var(--space-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.landing-footer[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--color-primary-light);text-decoration:none}.landing-footer[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{text-decoration:underline}@media(max-width:768px){.landing-body[data-astro-cid-j7pv25f6]{padding:var(--space-md)}.landing-header[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:2rem}.stories-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}