.story-panel{position:fixed;top:var(--header-offset, 64px);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-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;flex-shrink:0}.story-font-controls{display:flex;gap:5px;margin-left:auto;margin-right:10px;align-items:center}.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:#fff8e666;font-size:22px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.story-close:hover{color:#fff8e6e6}.story-nav-indicator{font-size:12px;color:#fff8e659;letter-spacing:.05em}.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:10px;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:11px;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:10px;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:9px;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:11px;font-style:normal;color:#fff8e659;line-height:1.3}.story-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid rgba(217,164,80,.1);flex-shrink:0}.story-nav-prev,.story-nav-next{background:#d9a4501a;border:1px solid rgba(217,164,80,.2);border-radius:6px;color:#d9a450;font-size:18px;cursor:pointer;padding:8px 16px;transition:background .2s,border-color .2s;min-width:48px;min-height:40px;display:flex;align-items:center;justify-content:center}.story-nav-prev:hover,.story-nav-next:hover{background:#d9a45033;border-color:#d9a45066}.story-nav-exit{display:flex;align-items:center;gap:5px;background:none;border:1px solid rgba(217,164,80,.15);border-radius:6px;color:#d9a4508c;font-size:12px;font-family:system-ui,-apple-system,sans-serif;font-weight:500;letter-spacing:.03em;cursor:pointer;padding:6px 14px;transition:color .2s,border-color .2s,background .2s}.story-nav-exit:hover{color:#e8c47a;border-color:#d9a45059;background:#d9a45014}.story-nav-exit svg{flex-shrink:0}.story-nav--disabled{opacity:.25;pointer-events:none}.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)}}.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:#fff8e659;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:10px;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:11px;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,.08);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{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-panel) .app-header,body:has(.constellation-overlay) .app-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{transform:translateY(-100%);opacity:0;pointer-events:none}body.story-mode-active .story-panel{top:0}@media(max-width:640px){.story-btn,.corridor-story-btn{display:none!important}}@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-nav-prev,.story-nav-next,.story-close,.story-font-btn,.story-nav-exit{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}}