.storybook{--story-ink:var(--naut-ink);--story-yellow:var(--naut-yellow);--story-purple:var(--naut-purple-strong);background:var(--naut-mint);color:var(--story-ink);min-height:100vh;padding-bottom:32px}.story-header{justify-content:space-between;align-items:center;gap:var(--naut-space-5);background:var(--naut-teal);border-bottom:4px solid var(--story-yellow);padding:18px 4%;display:flex}.story-logo{font-family:var(--naut-font-display);letter-spacing:.5px;font-size:clamp(22px,3vw,30px);font-weight:700}.story-header>a:last-child{align-items:center;gap:var(--naut-space-2);font-weight:700;display:flex}.story-main{max-width:1160px;margin:auto;padding:26px 24px}.story-heading{justify-content:space-between;align-items:center;gap:var(--naut-space-5);margin-bottom:18px;display:flex}.story-kicker{letter-spacing:1.3px;margin:0 0 5px;font-size:14px;font-weight:800}.story-heading h1{font-family:var(--naut-font-display);margin:0;font-size:clamp(28px,4vw,46px);line-height:1.1}.storybook button{gap:var(--naut-space-2);border:2px solid var(--story-ink);background:var(--naut-paper);min-height:46px;padding:9px 16px;line-height:1.25}.storybook button:hover:not(:disabled){background:var(--naut-paper-hover)}.storybook button[aria-pressed=true]{background:var(--story-yellow)}:is(.storybook button:focus-visible,.storybook a:focus-visible,.storybook input:focus-visible){outline:3px solid var(--story-purple);outline-offset:4px}.story-mode{gap:var(--naut-space-2);border:0;flex-wrap:wrap;align-items:center;margin:0 0 18px;padding:0;display:flex}.story-mode>span{flex-basis:100%;margin-top:2px;font-size:15px}.story-mode button[aria-pressed=true]{box-shadow:0 3px 0 var(--story-ink)}.story-settings{border:2px solid var(--story-ink);border-radius:var(--naut-radius-md);padding:var(--naut-space-4);background:#fff;margin-bottom:18px}.story-settings-title{justify-content:space-between;align-items:center;gap:var(--naut-space-3);margin-bottom:12px;display:flex}.story-settings-title button{padding:var(--naut-space-2);min-width:var(--naut-touch-target)}.story-toggles{gap:var(--naut-space-2);flex-wrap:wrap;display:flex}.story-volumes{gap:var(--naut-space-6);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;display:grid}.story-volumes label{flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.story-volumes input{min-width:80px;accent-color:var(--story-purple);flex:1;height:32px}.story-volumes label>span{font-size:14px}.story-reader{border:3px solid var(--story-ink);border-radius:var(--naut-radius-card);background:var(--naut-paper);overflow:hidden;box-shadow:0 7px #b7d9c9}.story-art-stage{isolation:isolate;background:#122f2e;height:clamp(330px,51vh,560px);padding:30px 0 0;position:relative;overflow:hidden}.story-art-window{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.story-art{width:100%;height:100%;display:block;overflow:hidden}.storybook[data-motion=true] .story-art{animation:14s ease-in-out infinite alternate paused story-camera}.storybook[data-motion=true][data-playing=true] .story-art{animation-play-state:running}@keyframes story-camera{0%{transform:scale(1)}to{transform:scale(1.045)}}.story-scene-label{background:var(--naut-paper);color:var(--story-ink);z-index:2;border-radius:10px;align-items:center;gap:7px;padding:7px 11px;font-size:14px;font-weight:700;display:flex;position:absolute;top:12px;left:14px}.storybook .story-bubbles-toggle{z-index:2;border-width:1px;min-height:36px;padding:7px 10px;font-size:14px;position:absolute;top:12px;right:14px}.story-bubble-layer{pointer-events:none;z-index:1;justify-content:center;display:flex;position:absolute;inset:auto 20px 20px}.story-speech-bubble{background:var(--naut-paper);border:3px solid var(--naut-legacy-ink);border-radius:var(--naut-radius-card);text-align:center;max-width:min(580px,95%);padding:12px 22px;position:relative;box-shadow:0 4px #0003}.story-speech-bubble:after{content:"";background:var(--naut-paper);border-right:3px solid var(--naut-legacy-ink);border-bottom:3px solid var(--naut-legacy-ink);width:17px;height:17px;position:absolute;bottom:-11px;left:28px;transform:rotate(45deg)}.story-speech-bubble strong{color:#624092;font-size:14px}.story-speech-bubble p{margin:3px 0 0;font-size:clamp(18px,2.1vw,26px);font-weight:700;line-height:1.3}.story-effect-caption{background:var(--story-yellow);border:3px solid var(--story-ink);border-radius:var(--naut-radius-md);padding:8px 24px;font-size:30px;font-weight:900;position:absolute;bottom:24px;left:50%;transform:translate(-50%)rotate(-4deg)}.story-caption{text-align:center;border-bottom:1px solid #cee0ce;min-height:113px;padding:16px 24px 12px}.story-speaker{color:var(--story-purple);font-size:14px;font-weight:800}.story-caption p{font-family:var(--naut-font-display);margin:4px 0;font-size:clamp(23px,3vw,31px);font-weight:500;line-height:1.4}.story-caption mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border-radius:6px;padding:1px 4px}.story-caption[data-active=true] mark{background:var(--naut-yellow)}.story-lyric-dots{justify-content:center;gap:5px;margin-top:5px;display:flex}.storybook .story-lyric-dots button{border-radius:var(--naut-radius-sm);background:0 0;border:0;width:30px;min-height:28px;padding:0;position:relative}.story-lyric-dots button:after{content:"";background:#b3d0bd;border-radius:4px;width:22px;height:6px}.story-lyric-dots button[aria-current=step]:after{background:var(--story-purple)}.story-transport{padding:10px 22px 8px}.story-timeline{align-items:center;gap:var(--naut-space-4);display:flex}.story-timeline input{min-width:0;accent-color:var(--story-purple);flex:1;height:32px}.story-timeline span{font-variant-numeric:tabular-nums;font-size:14px}.story-buttons{justify-content:center;align-items:center;gap:var(--naut-space-3);display:flex}.storybook .story-play{background:var(--story-yellow);border-radius:var(--naut-radius-md);min-width:155px;min-height:54px;box-shadow:0 3px 0 var(--story-ink);font-size:21px}.story-status{text-align:center;min-height:24px;margin:10px 0 3px;font-size:14px;display:block}.story-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:23px 0 16px;display:grid}.storybook .story-chapters button{text-align:left;background:0 0;border-color:#b0d0c1;flex-direction:column;align-items:flex-start;min-height:78px;font-size:15px}.story-chapters button>span{color:var(--story-purple);font-size:14px}.storybook .story-chapters button[aria-current=step]{background:var(--naut-paper);border-color:var(--story-purple);box-shadow:0 3px 0 var(--story-purple)}.story-finish{justify-content:center;align-items:center;gap:var(--naut-space-4);flex-wrap:wrap;display:flex}.story-finish a{align-items:center;gap:var(--naut-space-2);min-height:var(--naut-touch-target);font-weight:700;text-decoration:underline;display:inline-flex}.story-notes{max-width:800px;margin:25px auto 0;font-size:15px}.story-notes summary{cursor:pointer;min-height:36px;font-weight:700}@media (max-width:650px){.story-main{padding:20px 12px}.story-header{padding:var(--naut-space-4)}.story-header>a:last-child{font-size:14px}.story-options-button span{display:none}.storybook .story-options-button{padding:10px}.story-mode{gap:7px}.story-mode button{flex:1;padding:10px 12px;font-size:14px}.story-mode>span{font-size:14px}.story-art-stage{height:clamp(335px,51vh,470px);padding-top:48px}.story-scene-label{max-width:54%;padding:7px;font-size:12px;left:8px}.storybook .story-bubbles-toggle{font-size:12px;right:8px}.story-bubble-layer{inset:auto 10px 18px}.story-speech-bubble{border-radius:19px;padding:9px 13px}.story-speech-bubble p{font-size:19px}.story-caption{min-height:100px;padding:13px 12px}.story-transport{padding:8px 10px}.story-buttons{gap:var(--naut-space-2)}.storybook .story-buttons button{min-width:var(--naut-touch-target);padding:10px}.story-buttons button:not(.story-play)>span{display:none}.storybook .story-play{min-width:125px}.story-chapters{scroll-snap-type:x proximity;gap:var(--naut-space-2);padding:3px 1px 8px;display:flex;overflow:auto}.storybook .story-chapters button{scroll-snap-align:start;min-width:135px}.story-volumes{gap:var(--naut-space-2);grid-template-columns:1fr}.story-toggles button{font-size:14px}.story-finish{gap:10px}.story-notes{padding:0 8px}}@media (prefers-reduced-motion:reduce){.storybook .story-art{animation:none!important}.storybook *{scroll-behavior:auto}}.story-overall{align-items:center;gap:14px;margin:24px 0 0;font-size:14px;font-weight:700;display:flex}.story-overall progress{min-width:30px;height:9px;accent-color:var(--story-purple);flex:1}.story-overall span{white-space:nowrap}.story-overall+.story-chapters{margin-top:14px}.story-effect-caption.story-effect-with-dialogue{padding:5px 12px;font-size:20px;inset:70px 18px auto auto;transform:rotate(4deg)}