:root{--palette-cream-50: #fdf8f0;--palette-cream-100: #f5e8d0;--palette-cream-200: #ecdcc0;--palette-night-100: #eae7f2;--palette-night-200: #d8d4e8;--palette-brown-900: #221508;--palette-brown-700: #5a3a22;--palette-brown-500: #7a5038;--palette-brown-300: #a07858;--palette-ocre: #c89a3e;--palette-terracota: #c47a5a;--palette-sage: #7a9e82;--palette-rose-muted: #c88898;--palette-teal-muted: #5a9e8a;--color-bg: var(--palette-cream-50);--color-surface: var(--palette-cream-100);--color-surface-alt: var(--palette-night-100);--color-text: var(--palette-brown-900);--color-text-muted: var(--palette-brown-500);--color-text-faint: var(--palette-brown-300);--color-accent: var(--palette-ocre);--color-accent-warm: var(--palette-terracota);--color-accent-cool: var(--palette-sage);--color-border: rgba(160, 120, 80, .18);--color-border-strong: rgba(160, 120, 80, .35);--color-reader1: var(--palette-rose-muted);--color-reader2: var(--palette-teal-muted);--color-bg-gradient-center: #f0d9b0;--color-bg-gradient-mid: #fdf3e4;--color-bg-gradient-edge: #f5f0f8;--color-voice-hint-bg: rgba(160, 100, 60, .08);--font-title: "Fraunces", Georgia, serif;--font-body: "Nunito", system-ui, sans-serif;--text-xs: .72rem;--text-sm: .85rem;--text-base: 1.05rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-2xl: 1.85rem;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 36px;--space-xs: 6px;--space-sm: 12px;--space-md: 20px;--space-lg: 32px;--space-xl: 48px;--shadow-surface: 0 2px 16px rgba(80, 50, 20, .08), 0 1px 4px rgba(80, 50, 20, .05);--transition-ui: background .18s ease, opacity .18s ease, border-color .18s ease;--duration-scene: .4s;--duration-page: .25s}:root{--palette-night-base: #1a130d;--palette-night-surface: #231a12;--palette-night-surface-alt: #2a1f16;--palette-night-glow: #3d2a18;--palette-night-text: #f0e2c8;--palette-night-text-muted: #b89870;--palette-night-text-faint: #7a6450;--palette-night-ocre: #a07830;--palette-night-rose: #9a6070;--palette-night-teal: #3d7a68}[data-theme=dark]{--color-bg: var(--palette-night-base);--color-surface: var(--palette-night-surface);--color-surface-alt: var(--palette-night-surface-alt);--color-text: var(--palette-night-text);--color-text-muted: var(--palette-night-text-muted);--color-text-faint: var(--palette-night-text-faint);--color-accent: var(--palette-night-ocre);--color-accent-warm: var(--palette-night-rose);--color-accent-cool: var(--palette-night-teal);--color-border: rgba(240, 226, 200, .1);--color-border-strong: rgba(240, 226, 200, .2);--color-reader1: var(--palette-night-rose);--color-reader2: var(--palette-night-teal);--color-bg-gradient-center: var(--palette-night-glow);--color-bg-gradient-mid: var(--palette-night-base);--color-bg-gradient-edge: #110c08;--color-voice-hint-bg: rgba(240, 200, 150, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .35s ease,color .35s ease,border-color .35s ease}body{font-family:var(--font-body);background:radial-gradient(ellipse at 62% 18%,var(--color-bg-gradient-center) 0%,var(--color-bg-gradient-mid) 38%,var(--color-bg-gradient-edge) 100%);background-attachment:fixed;color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}.header-controls{position:relative;flex-shrink:0}.settings-gear-btn{background:none;border:none;cursor:pointer;font-size:var(--text-lg);line-height:1;padding:4px var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text);opacity:.45;transition:var(--transition-ui);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.settings-gear-btn:hover,.settings-gear-btn[aria-expanded=true]{opacity:.85}.settings-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:200;width:224px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:0 4px 20px #5032141f,0 1px 6px #50321412;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);transform-origin:top right;opacity:0;transform:scale(.85);visibility:hidden;pointer-events:none;transition:opacity .12s ease-in,transform .12s ease-in,visibility 0s linear .12s}.settings-panel--open{opacity:1;transform:scale(1);visibility:visible;pointer-events:auto;transition:opacity .16s ease-out,transform .16s ease-out,visibility 0s linear}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.settings-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:9px 6px 7px;cursor:pointer;min-height:52px;color:var(--color-text);transition:var(--transition-ui)}.settings-cell:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-accent)}.settings-cell:disabled{opacity:.4;cursor:default}.settings-cell__icon{font-size:var(--text-lg);line-height:1}.settings-cell__icon--code{font-size:var(--text-sm);font-family:var(--font-body);font-weight:800;letter-spacing:.05em}.settings-cell__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);letter-spacing:.04em;line-height:1}.settings-names{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.settings-field{display:flex;flex-direction:column;gap:3px}.settings-field__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.settings-field__input{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:5px var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);width:100%;box-sizing:border-box;transition:border-color .18s ease}.settings-field__input:focus{outline:none;border-color:var(--color-accent)}.settings-field__input::placeholder{color:var(--color-text-faint)}.settings-dev-unlock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--color-border);cursor:pointer}.settings-dev-unlock__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);line-height:1.3}.settings-dev-unlock__tag{font-weight:700;color:var(--color-accent-warm);letter-spacing:.02em}.settings-dev-unlock__switch{flex-shrink:0;width:36px;height:20px;accent-color:var(--color-accent-warm);cursor:pointer}.story-fiche{display:flex;flex-direction:column;gap:var(--space-sm);margin:0 0 var(--space-sm);padding:var(--space-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.story-fiche__row{display:flex;flex-direction:column;gap:2px;margin:0}.story-fiche__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-warm);margin:0}.story-fiche__value{font-size:var(--text-sm);color:var(--color-text);line-height:1.5;margin:0}.about-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#140c0673;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:about-modal-fade-in .16s ease-out}@keyframes about-modal-fade-in{0%{opacity:0}to{opacity:1}}.about-modal{position:relative;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);padding:var(--space-lg) var(--space-md) var(--space-md);animation:about-modal-scale-in .18s ease-out}@keyframes about-modal-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.about-modal__close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--color-text-muted);opacity:.6;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition-ui)}.about-modal__close:hover{opacity:1;background:var(--color-surface-alt)}.about-modal__eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-faint);margin-bottom:var(--space-xs)}.about-modal__title{font-family:var(--font-title);font-size:var(--text-xl);font-weight:600;color:var(--color-text);line-height:1.2;margin-bottom:var(--space-sm)}.about-modal__themes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-sm)}.about-modal__theme-chip{font-size:var(--text-xs);font-weight:600;color:var(--color-accent-warm);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:20px;padding:4px 10px;letter-spacing:.02em}.about-modal__note{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-sm)}.about-modal__talk{display:flex;flex-direction:column;gap:4px;background:var(--color-voice-hint-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm)}.about-modal__talk-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-warm)}.about-modal__talk-text{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}@media(max-width:640px){.about-modal-backdrop{align-items:flex-end;padding:0}.about-modal{max-width:100%;max-height:80vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-lg) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom));animation:about-modal-slide-up .2s ease-out}@keyframes about-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.unlock-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#140c0673;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:unlock-sheet-fade-in .16s ease-out}@keyframes unlock-sheet-fade-in{0%{opacity:0}to{opacity:1}}.unlock-sheet{position:relative;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);padding:var(--space-lg) var(--space-md) var(--space-md);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);animation:unlock-sheet-scale-in .18s ease-out}@keyframes unlock-sheet-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.unlock-sheet__close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--color-text-muted);opacity:.6;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition-ui)}.unlock-sheet__close:hover{opacity:1;background:var(--color-surface-alt)}.unlock-sheet__cover{width:112px;aspect-ratio:74 / 55;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-surface);flex-shrink:0;margin-top:var(--space-xs)}.unlock-sheet__cover .catalog-card__cover-img{width:100%;height:100%;object-fit:cover;display:block}.unlock-sheet__title{font-family:var(--font-title);font-size:var(--text-xl);font-weight:600;color:var(--color-text);line-height:1.2;margin:0}.unlock-sheet__body{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55;margin:0;max-width:32ch}.unlock-sheet__cta{width:100%;max-width:320px;margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-accent-warm);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:filter .15s ease,transform .15s ease}.unlock-sheet__cta:hover{filter:brightness(1.05)}.unlock-sheet__cta:active{transform:scale(.98)}.unlock-sheet__soon{width:100%;max-width:320px;margin:var(--space-xs) 0 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.45}.unlock-sheet__dismiss{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-faint);text-decoration:underline;text-underline-offset:3px;padding:var(--space-xs)}.unlock-sheet__dismiss:hover{color:var(--color-text-muted)}.unlock-sheet__hook{font-size:var(--text-xs);color:var(--color-text-faint);margin:0;opacity:.85}@media(max-width:640px){.unlock-sheet-backdrop{align-items:flex-end;padding:0}.unlock-sheet{max-width:100%;max-height:80vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-lg) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom));animation:unlock-sheet-slide-up .2s ease-out}@keyframes unlock-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.catalog{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-md);min-height:100vh;display:flex;flex-direction:column;gap:var(--space-xl)}.catalog-header{text-align:center}.catalog-header__controls-row{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.catalog-header__title{font-family:var(--font-title);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);letter-spacing:-.01em;line-height:1.15;margin-bottom:var(--space-xs)}.catalog-header__subtitle{font-size:var(--text-base);color:var(--color-text-muted)}.catalog-card-wrap{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.catalog-card-wrap:hover{transform:translateY(-3px);box-shadow:0 6px 24px #50321424,0 2px 8px #50321414;border-color:var(--color-accent)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}.catalog-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;flex:1}.catalog-card__cover{aspect-ratio:74 / 55;overflow:hidden;position:relative}.catalog-card__badge{position:absolute;top:8px;left:8px;background:#f59e0b;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:4px 8px;border-radius:20px;pointer-events:none;letter-spacing:.03em}.catalog-card__lock{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#ffffff8c;border:1px solid rgba(0,0,0,.15);color:#3d2e1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.catalog-card__lock-icon{display:block}[data-theme=dark] .catalog-card__lock{background:#ffffff24;border-color:#ffffff47;color:#f5efe6}.catalog-card__progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;display:flex;gap:2px;padding:0 2px}.catalog-card__progress-segment{flex:1;background:var(--color-border-strong);opacity:.18;border-radius:2px}.catalog-card__progress-segment--done{background:var(--color-accent-warm);opacity:1}.catalog-card__restart{background:none;border:none;border-top:1px solid var(--color-border);color:var(--color-text-faint);font-size:var(--text-xs);font-family:var(--font-body);cursor:pointer;padding:var(--space-xs) 0;text-align:center;transition:color .15s ease}.catalog-card__restart:hover{color:var(--color-text-muted)}.catalog-card__cover-img{width:100%;height:100%;object-fit:cover}.catalog-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f0dcb480,#dcc8aa4d);border-bottom:1px dashed var(--color-border-strong)}.catalog-card__cover-icon{font-size:2rem;opacity:.35;color:var(--color-accent-warm)}.catalog-card__body{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);flex:1}.catalog-card__title{font-family:var(--font-title);font-size:var(--text-lg);font-weight:600;color:var(--color-text);line-height:1.25}.catalog-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-card__duration{font-size:var(--text-xs);font-weight:600;color:var(--color-text-faint)}.catalog-card__meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-xs)}.catalog-card__info-btn{width:32px;height:32px;padding:6px;border-radius:50%;background:#00000012;border:1px solid rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--color-text-muted);cursor:pointer}[data-theme=dark] .catalog-card__info-btn{background:#ffffff14;border-color:#ffffff4d}@media(max-width:640px){.catalog{padding:var(--space-lg) var(--space-sm);gap:var(--space-lg)}.catalog-grid{grid-template-columns:1fr}.catalog-card-wrap{position:relative}.catalog-card{display:flex;flex-direction:row;align-items:stretch;gap:0}.catalog-card__cover{width:120px;flex-shrink:0;aspect-ratio:74 / 55;height:auto}.catalog-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.catalog-card__description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card__restart{position:absolute;top:8px;left:80px;z-index:2;width:32px;height:32px;padding:6px;border-radius:50%;background:#ffffff8c;border:1px solid rgba(0,0,0,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#3d2e1f;cursor:pointer}.catalog-card__restart-label{display:none}}[data-theme=dark] .catalog-card__restart{background:#ffffff14;border-color:#ffffff4d;color:var(--color-text-muted)}@media(max-width:640px){[data-theme=dark] .catalog-card__restart{background:#ffffff24;border-color:#ffffff47;color:#f5efe6}}@keyframes sceneFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reading-layout{max-width:820px;margin:0 auto;padding:var(--space-md) var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);height:100vh;overflow:hidden}.reading-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-xs);border-bottom:1.5px solid var(--color-border);padding-bottom:var(--space-sm)}.catalog-back-link{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:36px;border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;opacity:.45;transition:var(--transition-ui)}.catalog-back-link:hover{opacity:.85}.reading-story-title{flex:1;font-family:var(--font-title);font-size:var(--text-xl);font-style:italic;font-weight:600;color:var(--color-accent-warm);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0}.story-progress{flex-shrink:0;display:flex;gap:2px;padding:6px 0}.story-progress__segment{flex:1;height:3px;border-radius:2px;background-color:var(--color-accent-warm);opacity:.12}.story-progress__segment--filled{opacity:1}.reading-illustration{flex-shrink:0;width:100%;aspect-ratio:74 / 55;border-radius:var(--radius-md);overflow:hidden;animation:sceneFadeIn var(--duration-scene) ease both}.reading-illustration img{width:100%;height:100%;object-fit:cover;display:block}.reading-illustration[data-dragged] img{object-fit:contain}.reading-divider{flex-shrink:0;position:relative;height:28px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;margin:calc(-1 * var(--space-sm) / 2) 0}.reading-divider__handle{position:relative;width:40px;height:14px;border-radius:9999px;background:color-mix(in srgb,var(--color-accent-warm) 40%,transparent);flex-shrink:0;transition:background .15s ease;overflow:hidden}.reading-divider__handle:before{content:"";position:absolute;width:12px;height:8.5px;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.5) 0px,rgba(255,255,255,.5) 1.5px,transparent 1.5px,transparent 3.5px)}.reading-divider:hover .reading-divider__handle{background:color-mix(in srgb,var(--color-accent-warm) 60%,transparent)}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hintFadeOut{0%{opacity:1}to{opacity:0}}.divider-hint{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--color-surface);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--color-text-muted);box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;white-space:nowrap;z-index:50;display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;-webkit-user-select:none;user-select:none;animation:hintFadeIn .3s ease .8s both;pointer-events:auto}.divider-hint__text{line-height:1.4}.divider-hint__arrow{font-size:9px;line-height:1;opacity:.6;margin-top:2px}.divider-hint--exiting{animation:hintFadeOut .2s ease forwards}.scene-illustration-placeholder{width:100%;height:100%;border-radius:var(--radius-md);border:1.5px dashed rgba(180,110,70,.35);background:linear-gradient(145deg,#f0dcb44d,#dcc8aa2e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--color-text-faint);-webkit-user-select:none;user-select:none}.scene-illustration-placeholder--calcetines{border-color:#9b7fbd73;background:linear-gradient(145deg,#d2c3eb4d,#b9aad72e);color:#9b7fbd}.scene-illustration-placeholder__icon{font-size:1.6rem;opacity:.5}.scene-illustration-placeholder__label{font-family:var(--font-title);font-size:var(--text-sm);font-style:italic;letter-spacing:.04em}.reading-text{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-surface)}.reading-probe{position:absolute;top:0;left:0;right:0;padding:var(--space-md);visibility:hidden;pointer-events:none;z-index:-1}.reading-text-page{height:100%;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;animation:sceneFadeIn var(--duration-page) ease both}.reading-text-page::-webkit-scrollbar{width:4px}.reading-text-page::-webkit-scrollbar-track{background:transparent}.reading-text-page::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}.scene-title{font-family:var(--font-title);font-size:.9rem;font-weight:600;font-style:italic;color:var(--color-accent-warm);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);flex-shrink:0}.blocks{display:flex;flex-direction:column;gap:6px}.block{display:flex;flex-direction:column;gap:4px;border-left:4px solid;padding-left:var(--space-sm);border-radius:4px}.block--reader1{border-left-color:var(--color-reader1)}.block--reader2{border-left-color:var(--color-reader2)}.block--right{border-left:none;border-right:4px solid;padding-left:0;padding-right:var(--space-sm)}.block-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.block--right .block-meta{align-items:flex-end}.reader-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;line-height:1.65}.char-label{font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:normal}.char-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:4px}.voice-hint{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;background:var(--color-voice-hint-bg);border-radius:20px;padding:1px 7px}.block-text{font-size:var(--text-base);line-height:1.75;color:var(--color-text)}.reading-nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.page-dots{display:flex;gap:8px;align-items:center;flex-shrink:0}.page-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-muted);opacity:.4;transition:background .18s ease,opacity .18s ease}.page-dot--active{background:var(--color-accent);opacity:1}.nav-btn{padding:var(--space-sm) var(--space-lg);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);font-family:var(--font-body);font-weight:500;cursor:pointer;color:var(--color-text);white-space:nowrap;transition:var(--transition-ui)}.nav-btn:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-accent)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-btn--next{font-weight:700;background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-text)}.nav-btn--next:hover:not(:disabled){background:var(--color-surface)}.nav-btn--end{font-weight:700;background:var(--color-surface-alt);border-color:var(--color-accent-warm);color:var(--color-text)}.nav-btn--end:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-accent)}.reading-header .header-controls{flex:0 0 44px;display:flex;justify-content:flex-end}@media(max-width:640px){.reading-layout{padding:var(--space-sm) var(--space-sm) var(--space-xs);gap:var(--space-xs)}.reading-story-title{font-size:var(--text-base);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}.nav-btn{padding:var(--space-sm) var(--space-sm);font-size:var(--text-sm)}.page-dot{width:8px;height:8px}.page-dots{gap:6px}}.end-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md)}.end-page__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.end-page__marker{font-family:var(--font-title);font-size:var(--text-sm);font-style:italic;color:var(--color-text-faint);letter-spacing:.12em;text-transform:uppercase}.end-page__title{font-family:var(--font-title);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);line-height:1.2}.end-feedback{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:320px}.end-feedback__question{font-family:var(--font-title);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.end-feedback__buttons{display:flex;gap:var(--space-sm);width:100%}.end-btn--feedback{flex:1;background:var(--color-surface);border:1.5px solid var(--color-border-strong);font-weight:700;color:var(--color-text)}.end-btn--feedback:hover{border-color:var(--color-accent);background:var(--color-surface-alt)}.end-feedback__thanks{font-family:var(--font-title);font-size:var(--text-xl);font-weight:600;color:var(--color-accent-warm);margin:0}.end-alt{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:320px}.end-alt__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);margin:0}.end-alt-card{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:inherit;transition:var(--transition-ui)}.end-alt-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-surface);transform:translateY(-2px)}.end-alt-card__cover{width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-surface-alt)}.end-alt-card__cover img,.end-alt-card__cover picture{width:100%;height:100%;object-fit:cover;display:block}.end-alt-card__body{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-md)}.end-alt-card__title{font-family:var(--font-title);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0;line-height:1.25}.end-alt-card__cta{font-size:var(--text-sm);font-weight:700;color:var(--color-accent-warm)}.end-page__content>.story-fiche{width:100%;max-width:320px;text-align:left}.end-page__actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:280px}.end-btn{width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;transition:var(--transition-ui)}.end-btn--primary{background:var(--color-surface-alt);border:1.5px solid var(--color-accent);font-weight:700;color:var(--color-text)}.end-btn--primary:hover{background:var(--color-surface);border-color:var(--color-accent-warm)}.end-btn--secondary{background:transparent;border:1px solid var(--color-border);font-weight:500;color:var(--color-text-muted)}.end-btn--secondary:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.goodnight-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);position:relative}.goodnight-page__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.goodnight-page__moon{font-size:3rem;line-height:1;opacity:.7}.goodnight-page__text{font-family:var(--font-title);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);letter-spacing:-.01em;line-height:1.15}.goodnight-page__back{position:absolute;bottom:var(--space-lg);font-size:var(--text-xs);color:var(--color-text-faint);text-decoration:none;opacity:.5;transition:opacity .18s ease}.goodnight-page__back:hover{opacity:.9}