.story-reader-container{gap:var(--space-6,24px);max-width:1000px;padding:var(--space-4,16px);color:var(--c-text);flex-direction:column;margin:0 auto;display:flex}.story-reader-header{gap:var(--space-3,12px);text-align:center;flex-direction:column;display:flex}.story-reader-eyebrow{border-radius:var(--radius-pill,999px);font:700 13px/1.4 var(--font-display,system-ui, sans-serif);background:var(--c-action-soft,#7c3aed1f);color:var(--c-action-text,var(--c-action));border:1px solid var(--c-border);align-self:center;align-items:center;gap:8px;padding:4px 14px;display:inline-flex}.story-reader-title{font:800 clamp(24px, 4vw, 36px)/1.2 var(--font-display,system-ui, sans-serif);letter-spacing:-.02em;color:var(--c-text);text-wrap:balance;margin:0}.story-reader-lead{font:500 16px/1.5 var(--font-body,system-ui, sans-serif);color:var(--c-text-muted);max-width:650px;margin:0 auto}.story-tabs{margin-top:var(--space-2,8px);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.story-tab{border-radius:var(--radius-pill,999px);border:2px solid var(--c-border);background:var(--c-surface);min-height:48px;color:var(--c-text);font:700 15px var(--font-display,system-ui, sans-serif);cursor:pointer;align-items:center;gap:8px;padding:8px 18px;transition:all .2s ease-out;display:inline-flex}.story-tab:hover{border-color:var(--c-action);transform:translateY(-1px)}.story-tab-active{background:var(--c-action);color:var(--c-on-action,#fff);border-color:var(--c-action);box-shadow:0 4px 14px -3px var(--c-action)}.comic-stage{gap:var(--space-4,16px);background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-lg,24px);box-shadow:0 12px 30px -15px var(--shade-deep,#00000040);flex-direction:column;padding:clamp(16px,3vw,28px);display:flex}.panel-meta{border-bottom:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.panel-counter{font:700 14px var(--font-display,system-ui, sans-serif);color:var(--c-text-muted)}.sound-badge{border-radius:var(--radius-pill,999px);background:var(--c-warm-soft,#f59e0b26);color:var(--c-text);font:800 14px/1 var(--font-display,system-ui, sans-serif);box-shadow:0 2px 6px -1px var(--shade,#0000001a);align-items:center;gap:6px;padding:4px 12px;display:inline-flex;transform:rotate(-2deg)}.comic-panel{flex-direction:column;gap:16px;min-height:240px;display:flex}.visual-frame{background:var(--c-surface-2,#ffffff0a);border:2px dashed var(--c-border);border-radius:var(--radius-md,16px);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px;display:flex;position:relative}.visual-scene-text{font:600 16px/1.6 var(--font-body,system-ui, sans-serif);color:var(--c-text);max-width:600px}.dialogue-stream{flex-direction:column;gap:12px;margin-top:8px;display:flex}.speech-balloon{background:var(--c-surface-elevated,var(--c-surface));border:2px solid var(--c-border);max-width:min(85%,65ch);box-shadow:0 4px 12px -3px var(--shade,#0000001a);border-radius:18px 18px 18px 4px;flex-direction:column;gap:4px;padding:12px 18px;display:flex;position:relative}.speech-balloon-cyberbot{border-color:var(--c-action);background:color-mix(in srgb, var(--c-action-soft) 30%, var(--c-surface));align-self:flex-start}.speech-balloon-character{border-color:var(--c-stiinte,#10b981);background:color-mix(in srgb, var(--c-stiinte-soft,#10b9811a) 30%, var(--c-surface));border-radius:18px 18px 4px;align-self:flex-end}.speaker-name{font:700 12px var(--font-display,system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted)}.balloon-text{font:500 16px/1.6 var(--font-body,system-ui, sans-serif);color:var(--c-text)}.story-speaker{align-items:center;gap:10px;display:flex}.story-speaker-portrait{object-fit:contain;flex:0 0 48px;width:48px;height:48px}@media (max-width:480px){.speech-balloon{max-width:100%}.story-tab{text-align:left;flex:100%;justify-content:space-between}.story-tab small{flex-shrink:0}}.decision-box{border-radius:var(--radius-md,16px);background:color-mix(in srgb, var(--c-action-soft) 40%, var(--c-surface));border:2px solid var(--c-action);flex-direction:column;gap:14px;margin-top:14px;padding:18px;display:flex}.decision-question{font:700 16px/1.4 var(--font-display,system-ui, sans-serif);color:var(--c-text);margin:0}.choice-grid{flex-direction:column;gap:10px;display:flex}.choice-btn{border-radius:var(--radius-md,12px);border:2px solid var(--c-border);background:var(--c-surface);min-height:48px;color:var(--c-text);font:600 15px var(--font-display,system-ui, sans-serif);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;transition:all .2s ease-out;display:flex}.choice-btn:hover{border-color:var(--c-action);background:var(--c-surface-2)}.choice-btn-selected-safe{border-color:var(--c-stiinte,#10b981);background:color-mix(in srgb, var(--c-stiinte-soft,#10b98120) 50%, var(--c-surface))}.choice-feedback{border-radius:var(--radius-sm,8px);font:500 14px/1.5 var(--font-body,system-ui, sans-serif);background:var(--c-surface-2);border-left:4px solid var(--c-action);padding:12px 16px}.feedback-safe{border-left-color:var(--c-stiinte,#10b981)}.reader-nav{border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.nav-btn{border-radius:var(--radius-pill,999px);border:2px solid var(--c-border);background:var(--c-surface);min-height:44px;color:var(--c-text);font:700 14px var(--font-display,system-ui, sans-serif);cursor:pointer;align-items:center;gap:8px;padding:8px 18px;transition:all .2s ease-out;display:inline-flex}.nav-btn:hover:not(:disabled){border-color:var(--c-action);background:var(--c-surface-2)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn-primary{background:var(--c-action);color:var(--c-on-action,#fff);border-color:var(--c-action)}.nav-btn-primary:hover:not(:disabled){background:var(--c-action-hover,var(--c-action))}.takeaway-box{border-radius:var(--radius-md,16px);background:color-mix(in srgb, var(--c-stiinte-soft,#10b98126) 50%, var(--c-surface));border:2px solid var(--c-stiinte,#10b981);text-align:center;flex-direction:column;gap:12px;padding:20px;display:flex}.takeaway-title{font:800 18px var(--font-display,system-ui, sans-serif);color:var(--c-text);margin:0}.takeaway-text{font:500 16px/1.5 var(--font-body,system-ui, sans-serif);color:var(--c-text);max-width:600px;margin:0 auto}@media (prefers-reduced-motion:reduce){.story-tab,.choice-btn,.nav-btn{transition:none!important;transform:none!important}}.choice-btn[aria-pressed=true]{border-color:var(--c-action);background:var(--c-surface-2)}.choice-btn:focus-visible,.nav-btn:focus-visible,.story-tab:focus-visible,.panel-counter:focus-visible,.story-complete-box h2:focus-visible{outline:3px solid var(--c-action);outline-offset:2px}.story-complete-box,.story-empty-box{border-radius:var(--radius-md,16px);background:var(--c-surface-2);border:2px solid var(--c-action);text-align:center;flex-direction:column;gap:12px;padding:20px;display:flex}.story-complete-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.story-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-screen-clue{border:2px dashed var(--c-border);border-radius:var(--radius-md,12px);background:var(--c-surface);text-align:center;margin:12px 0 0;padding:12px 14px}.story-screen-clue figcaption{font:600 13px/1.4 var(--font-body,system-ui, sans-serif);color:var(--c-text-muted);margin-bottom:6px}.story-screen-clue-text{color:var(--c-text);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;pointer-events:none;cursor:default;margin:0;font:700 15px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.story-audio-note{font:500 13px/1.4 var(--font-body,system-ui, sans-serif);color:var(--c-text-muted)}.story-reader-container .story-tab,.story-reader-container .nav-btn,.story-reader-container .choice-btn{min-width:64px;min-height:64px}.story-reader-container .reader-nav,.story-reader-container .story-complete-actions{flex-wrap:wrap}