.story-panel{position:fixed;top:var(--header-offset, 80px);right:0;bottom:0;width:min(380px,85vw);z-index:41;background:#14100c;border-left:1px solid rgba(217,164,80,.15);transform:translate(100%);transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;color:#fff8e6d9}.story-panel--open{transform:translate(0)}.story-panel--glow{animation:storyPanelGlow 1s ease-out forwards}@keyframes storyPanelGlow{0%{border-left-color:#d9a45026;box-shadow:none}30%{border-left-color:#d9a45099;box-shadow:-8px 0 30px #d9a45014}to{border-left-color:#d9a45026;box-shadow:none}}.story-progress{height:3px;background:#d9a4501f;flex-shrink:0}.story-progress-fill{height:100%;background:linear-gradient(90deg,#d9a450,#e8c47a);transition:width .3s ease;border-radius:0 2px 2px 0}.story-banner{flex-shrink:0;overflow:hidden;position:relative}.story-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,#14100c);pointer-events:none}.story-banner-img{display:block;width:100%;height:auto;opacity:0;transition:opacity .6s ease;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-banner-img--loaded{opacity:1}.story-header{display:flex;align-items:center;gap:6px;padding:10px 14px;flex-shrink:0;border-bottom:1px solid rgba(217,164,80,.08)}.story-header .story-nav-prev,.story-header .story-nav-next{background:none;border:1px solid rgba(217,164,80,.15);border-radius:5px;color:#d9a450b3;font-size:14px;cursor:pointer;padding:4px 10px;min-width:32px;min-height:28px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.story-header .story-nav-prev:hover,.story-header .story-nav-next:hover{background:#d9a4501a;border-color:#d9a4504d;color:#e8c47a}.story-nav--disabled{opacity:.2;pointer-events:none}.story-nav-indicator{font-size:12px;color:#fff8e68c;letter-spacing:.05em;min-width:36px;text-align:center}.story-font-controls{display:flex;gap:5px;margin-left:auto;align-items:center}.story-audio-btn{background:none;border:1px solid rgba(217,164,80,.3);border-radius:50%;color:#d9a450b3;cursor:pointer;padding:5px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s;margin-right:6px}.story-audio-btn:hover{color:#e8c47a;border-color:#d9a45099;background:#d9a45014}.story-font-btn{background:none;border:none;color:#d9a45073;font-size:13px;font-family:system-ui,-apple-system,sans-serif;font-weight:600;cursor:pointer;padding:3px 6px;line-height:1.3;transition:color .15s}.story-font-btn:hover{color:#e8c47a}.story-close{background:none;border:none;color:#fff8e68c;font-size:22px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.story-close:hover{color:#fff8e6e6}.story-content{padding:0 24px 20px;flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain;transition:opacity .15s ease,transform .15s ease}.story-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#d9a450;margin-bottom:10px}.story-title{font-family:system-ui,-apple-system,sans-serif;font-size:20px;font-weight:700;color:#fff8e6;margin:0 0 14px;line-height:1.3}.story-body{font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.7;color:#fff8e6c7}.story-body--moral{font-style:italic;color:#fff8e6b3}.story-campfire{font-style:normal;margin-right:6px}.story-badge{display:inline-block;margin-top:14px;padding:3px 10px;background:#d9a4501a;border:1px solid rgba(217,164,80,.2);border-radius:4px;font-size:12px;color:#d9a450a6;text-transform:capitalize;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.03em}.story-badge:empty{display:none}.story-references:empty{display:none}.story-references{margin-top:20px;padding-top:16px;border-top:1px solid rgba(217,164,80,.1)}.story-refs-heading{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#d9a45080;margin-bottom:10px}.story-ref{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;margin-bottom:4px;border-radius:6px;text-decoration:none;color:inherit;transition:background .15s ease}.story-ref:hover{background:#d9a4500f}.story-ref-type{flex-shrink:0;margin-top:2px;padding:2px 7px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#d9a45099;background:#d9a45014;border:1px solid rgba(217,164,80,.12);border-radius:3px;font-family:system-ui,-apple-system,sans-serif}.story-ref-info{display:flex;flex-direction:column;gap:2px;min-width:0}.story-ref-title{font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;font-style:normal;line-height:1.35;color:#fff8e6bf;transition:color .15s ease}.story-ref:hover .story-ref-title{color:#e8c47a}.story-ref-author{font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-style:normal;color:#fff8e68c;line-height:1.3}.story-disclosure{margin-top:20px;padding-top:14px;border-top:1px solid rgba(217,164,80,.06);font-family:system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.5;color:#fff8e68c;font-style:normal}.story-exit-left{opacity:0;transform:translate(-16px)}.story-exit-right{opacity:0;transform:translate(16px)}.story-enter-left{animation:storySlideFromLeft .3s ease forwards}.story-enter-right{animation:storySlideFromRight .3s ease forwards}@keyframes storySlideFromLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes storySlideFromRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.story-panel--biodiversity{background:#0a0f14;border-left-color:#22a7a026}.story-panel--biodiversity .story-banner:after{background:linear-gradient(to bottom,transparent,#0a0f14)}.story-panel--biodiversity .story-eyebrow{color:#22a7a0}.story-panel--biodiversity .story-title{color:#e0f4f3}.story-panel--biodiversity .story-progress{background:#22a7a01f}.story-panel--biodiversity .story-progress-fill{background:linear-gradient(90deg,#22a7a0,#4ecdc4)}.story-panel--biodiversity .story-header{border-bottom-color:#22a7a014}.story-panel--biodiversity .story-nav-prev,.story-panel--biodiversity .story-nav-next{border-color:#22a7a026;color:#22a7a0b3}.story-panel--biodiversity .story-nav-prev:hover,.story-panel--biodiversity .story-nav-next:hover{background:#22a7a01a;border-color:#22a7a04d;color:#4ecdc4}.story-panel--biodiversity .story-audio-btn{border-color:#22a7a04d;color:#22a7a0b3}.story-panel--biodiversity .story-audio-btn:hover{color:#4ecdc4;border-color:#22a7a099;background:#22a7a014}.story-panel--biodiversity .story-font-btn{color:#22a7a073}.story-panel--biodiversity .story-font-btn:hover{color:#4ecdc4}.story-panel--biodiversity .story-badge{background:#22a7a01a;border-color:#22a7a033;color:#22a7a0a6}.story-panel--biodiversity .story-references{border-top-color:#22a7a01a}.story-panel--biodiversity .story-refs-heading{color:#22a7a080}.story-panel--biodiversity .story-ref:hover{background:#22a7a00f}.story-panel--biodiversity .story-ref-type{color:#22a7a099;background:#22a7a014;border-color:#22a7a01f}.story-panel--biodiversity .story-ref:hover .story-ref-title{color:#4ecdc4}.story-panel--biodiversity .story-disclosure{border-top-color:#22a7a00f;color:#e0f4f373}.story-panel--biodiversity.story-panel--glow{animation:storyPanelGlowBio 1s ease-out forwards}@keyframes storyPanelGlowBio{0%{border-left-color:#22a7a026;box-shadow:none}30%{border-left-color:#22a7a099;box-shadow:-8px 0 30px #22a7a014}to{border-left-color:#22a7a026;box-shadow:none}}.story-browser-overlay{position:fixed;inset:0;z-index:42;background:#060a0ef0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;font-family:system-ui,-apple-system,sans-serif;color:#e0f4f3d9;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1);overflow-y:auto;overscroll-behavior:contain;padding:0 24px 60px}.story-browser--open{opacity:1}.story-browser-header{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:32px 0 0;flex-shrink:0}.story-browser-title{font-family:Alcyone,system-ui,sans-serif;font-size:28px;font-weight:500;color:#e0f4f3;margin:0;letter-spacing:-.01em;text-align:center}.story-browser-close{position:absolute;right:0;top:32px;background:none;border:none;color:#e0f4f38c;font-size:28px;cursor:pointer;padding:4px 10px;line-height:1;transition:color .2s}.story-browser-close:hover{color:#e0f4f3e6}.story-browser-subtitle{max-width:1200px;width:100%;margin:6px 0 0;font-size:14px;line-height:1.6;color:#e0f4f380;text-align:center}.story-browser-surprise-wrap{max-width:1200px;width:100%;margin:20px 0 24px;text-align:center}.story-browser-surprise{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid rgba(34,167,160,.25);border-radius:8px;background:#22a7a00f;color:#22a7a0;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.story-browser-surprise:hover{background:#22a7a01f;border-color:#22a7a066;color:#4ecdc4;transform:translateY(-1px)}.story-browser-surprise:active{transform:translateY(0)}.story-browser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1200px;width:100%}@media(max-width:640px){.story-browser-grid{grid-template-columns:1fr}.story-browser-title{font-size:22px}}@media(min-width:1100px){.story-browser-grid{grid-template-columns:repeat(3,1fr)}}.story-browser-card{display:flex;flex-direction:column;gap:8px;padding:0;overflow:hidden;background:#22a7a00a;border:1px solid rgba(34,167,160,.1);border-radius:12px;cursor:pointer;text-align:left;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .2s;font-family:inherit;color:inherit}.story-browser-card-thumb{position:relative;overflow:hidden;flex-shrink:0;line-height:0}.story-browser-card-thumb:after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,transparent,rgba(10,15,20,.85));pointer-events:none}.story-browser-card-img{display:block;width:100%;height:auto;opacity:0;transition:opacity .5s ease,transform .4s ease;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-browser-card-img--loaded{opacity:1}.story-browser-card:hover .story-browser-card-img--loaded{transform:scale(1.04)}.story-browser-card .story-browser-badge,.story-browser-card .story-browser-card-title,.story-browser-card .story-browser-card-sub,.story-browser-card .story-browser-card-meta{padding-left:16px;padding-right:16px}.story-browser-card .story-browser-card-meta{padding-bottom:16px}.story-browser-card:hover{background:#22a7a014;border-color:#22a7a040;transform:translateY(-2px);box-shadow:0 8px 32px #22a7a00f}.story-browser-card:active{transform:translateY(0)}.story-browser-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border:1px solid;align-self:center}.story-browser-card-title{font-family:Alcyone,system-ui,sans-serif;font-size:18px;font-weight:500;color:#e0f4f3;line-height:1.3}.story-browser-card-sub{font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.6;color:#e0f4f38c}.story-browser-card-meta{font-size:12px;color:#22a7a073;margin-top:auto}.story-browser-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;max-width:1200px;width:100%;margin:18px 0 0}.story-browser-filter{display:inline-flex;align-items:center;padding:4px 2px;border:none;border-radius:0;background:none;color:#fff6;font-size:13px;font-weight:400;letter-spacing:.01em;cursor:pointer;transition:color .2s;font-family:inherit;white-space:nowrap;position:relative}.story-browser-filter:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .25s cubic-bezier(.22,1,.36,1)}.story-browser-filter:hover{color:#ffffffbf}.story-browser-filter:hover:after{transform:scaleX(1)}.story-browser-filter--active{color:var(--filter-color, rgba(255, 255, 255, .9));font-weight:500}.story-browser-filter--active:after{transform:scaleX(1)}.story-browser-filter--active[style*=--filter-color]{color:var(--filter-color)}@media(max-width:640px){.story-browser-filters{gap:4px 12px}.story-browser-filter{font-size:12px}}.story-browser--corridor{background:#0c0804f0;color:#fff8e6d9}.story-browser--corridor .story-browser-title{color:#fff8e6}.story-browser--corridor .story-browser-close{color:#fff8e68c}.story-browser--corridor .story-browser-close:hover{color:#fff8e6e6}.story-browser--corridor .story-browser-subtitle{color:#fff8e680}.story-browser--corridor .story-browser-surprise{border-color:#d9a45040;background:#d9a4500f;color:#d9a450}.story-browser--corridor .story-browser-surprise:hover{background:#d9a4501f;border-color:#d9a45066;color:#e8c47a}.story-browser--corridor .story-browser-card{background:#d9a4500a;border-color:#d9a4501a}.story-browser--corridor .story-browser-card:hover{background:#d9a45014;border-color:#d9a45040;box-shadow:0 8px 32px #d9a4500f}.story-browser--corridor .story-browser-card-title{color:#fff8e6}.story-browser--corridor .story-browser-card-sub{color:#fff8e68c}.story-browser--corridor .story-browser-card-meta{color:#d9a45073}.story-browser--corridor .story-browser-card-thumb:after{background:linear-gradient(to bottom,transparent,rgba(12,8,4,.85))}.constellation-overlay{position:fixed;inset:0;z-index:42;background:#060402eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;color:#fff8e6d9;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.constellation--open{opacity:1}.constellation-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 20px 0;flex-shrink:0;z-index:2}.constellation-close{background:none;border:none;color:#fff8e68c;font-size:28px;cursor:pointer;padding:4px 10px;line-height:1;transition:color .2s}.constellation-close:hover{color:#fff8e6e6}.constellation-canvas-wrap{flex:1;position:relative;min-height:0;overflow:hidden}.constellation-canvas{width:100%;height:100%;cursor:crosshair;display:block}.constellation-tooltip{position:absolute;pointer-events:none;background:#14100cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(217,164,80,.2);border-radius:8px;padding:12px 16px;max-width:280px;z-index:10}.constellation-tooltip-theme{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#d9a450;margin-bottom:4px}.constellation-tooltip-title{font-family:Oswald,system-ui,sans-serif;font-size:16px;font-weight:500;color:#fff8e6;margin-bottom:4px;line-height:1.3}.constellation-tooltip-sub{font-family:Georgia,Times New Roman,serif;font-size:13px;color:#fff8e68c;line-height:1.5;margin-bottom:6px}.constellation-tooltip-meta{font-size:12px;color:#d9a45080}.constellation-center-btn-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;transition:opacity .3s ease}.constellation-tell-me{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:radial-gradient(circle,#d9a4501f,#d9a45008);border:1px solid rgba(217,164,80,.2);border-radius:50%;color:#d9a450;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;padding:0}.constellation-tell-me:hover{transform:scale(1.12);background:radial-gradient(circle,#d9a45040,#d9a45014);border-color:#d9a45073;box-shadow:0 0 50px #d9a45026,0 0 15px #d9a45014;color:#e8c47a}.constellation-tell-me:active{transform:scale(.95)}.constellation-tell-me svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.constellation-tell-me:hover svg{transform:rotate(30deg)}.constellation-tell-me[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:260px;padding:8px 12px;background:#0a0c14f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff8e6bf;font-size:12px;font-weight:400;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.01em;line-height:1.5;text-align:center;white-space:normal;border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0006;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:100}.constellation-tell-me[data-tooltip]:hover:after{opacity:1}body:has(.story-panel) #site-header,body:has(.constellation-overlay) #site-header,body:has(.story-browser-overlay) #site-header{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}body:has(.story-panel) .corridor-header,body:has(.constellation-overlay) .corridor-header,body:has(.story-browser-overlay) .corridor-header,body:has(.story-panel) .app-header,body:has(.constellation-overlay) .app-header,body:has(.story-browser-overlay) .app-header,body:has(.story-panel) .bio-header,body:has(.constellation-overlay) .bio-header,body:has(.story-browser-overlay) .bio-header{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}body.story-mode-active #site-header,body.story-mode-active .corridor-header,body.story-mode-active .app-header,body.story-mode-active .bio-header{transform:translateY(-100%);opacity:0;pointer-events:none}body.story-mode-active .story-panel{top:0}@media(max-width:640px){.story-btn{display:none!important}}@media(max-width:640px){.story-panel{width:100vw;inset:0;border-left:none;z-index:43}body.story-mode-active .story-panel{top:0}.story-header{padding:8px 10px;gap:4px}.story-header .story-nav-prev,.story-header .story-nav-next{min-width:36px;min-height:36px;padding:6px 10px}.story-font-controls{gap:2px}.story-font-btn{padding:4px 6px;font-size:12px}.story-close{font-size:26px;padding:6px 10px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.story-content{padding:0 16px 24px}.story-title{font-size:18px}.story-body{font-size:14px;line-height:1.65}.story-banner-img{max-height:180px;-o-object-fit:cover;object-fit:cover}.story-content{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.story-audio-btn{width:32px;height:32px}}@media(max-width:640px){.story-browser-overlay{padding:0 12px calc(24px + env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px)}.story-browser-header{padding:10px 0 0;flex-shrink:0}.story-browser-title{font-size:20px}.story-browser-close{top:10px;font-size:26px;padding:6px 8px;min-width:40px;min-height:40px}.story-browser-subtitle{display:none}.story-browser-surprise-wrap{order:10;margin:16px 0 8px}.story-browser-surprise{padding:10px 18px;font-size:13px}.story-browser-filters{order:1;gap:4px 10px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:8px 0;margin:0;scrollbar-width:none;flex-shrink:0;min-height:32px}.story-browser-filters::-webkit-scrollbar{display:none}.story-browser-filter{font-size:12px;flex-shrink:0}.story-browser-grid{order:2;gap:12px;margin-top:14px}.story-browser-card-title{font-size:16px}.story-browser-card-sub{font-size:12px}.story-browser-card-meta{font-size:11px}.story-browser-badge{font-size:10px}.story-browser-card .story-browser-badge,.story-browser-card .story-browser-card-title,.story-browser-card .story-browser-card-sub,.story-browser-card .story-browser-card-meta{padding-left:12px;padding-right:12px}.story-browser-card .story-browser-card-meta{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){.story-panel,.story-content,.story-progress-fill{transition:none}.story-exit-left,.story-exit-right{transform:none}.story-enter-left,.story-enter-right{animation:none;opacity:1;transform:none}.story-header .story-nav-prev,.story-header .story-nav-next,.story-close,.story-font-btn{transition:none}.story-panel--glow{animation:none}.story-ref,.story-ref-title,body.story-mode-active #site-header,body.story-mode-active .corridor-header,body.story-mode-active .app-header,.constellation-overlay,.constellation-tell-me,.constellation-close{transition:none}.story-panel--biodiversity.story-panel--glow{animation:none}.story-browser-overlay,.story-browser-card,.story-browser-surprise,.story-browser-close,.story-browser-filter{transition:none}}