:root{--brand-light: #87acd4;--brand: #0a8ccb;--brand-dark: #0177b6;--bg: #ffffff;--surface: #ffffff;--surface-soft: #f2f7fc;--ink: #123a54;--ink-soft: #4d7191;--accent: var(--brand-dark);--accent-ink: #ffffff;--highlight: var(--brand-light);--focus: var(--brand);--cell-border: var(--brand-light);--danger: #a4432f;--radius: 18px;--tap-min: 64px}[data-theme=contraste]{--bg: #ffffff;--surface: #ffffff;--surface-soft: #ffffff;--ink: #000000;--ink-soft: #1f2933;--cell-border: #000000;--accent: #01517c;--highlight: #87acd4;--focus: #000000}[data-theme=sombre]{--bg: #0e1c28;--surface: #16293a;--surface-soft: #1b3145;--ink: #eef4fa;--ink-soft: #a9c3da;--cell-border: #3b5a77;--accent: #0a8ccb;--highlight: #33608c;--focus: #87acd4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none}img{max-width:100%}.app{height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.top-menu{display:flex;gap:8px;overflow-x:auto;flex-shrink:0}.top-tab{flex:1 0 auto;min-width:84px;min-height:var(--tap-min);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 12px;border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface);color:var(--ink-soft);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.top-tab-icon{font-size:1.5rem;line-height:1}.top-tab.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.top-tab:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.top-tab-aidant:not(.is-active){background:var(--surface-soft)}.child-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.pane-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.sentence-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:2px solid var(--cell-border);border-radius:var(--radius);padding:10px;min-height:96px}.sentence-items{display:flex;gap:8px;flex:1;overflow-x:auto;align-items:center;min-width:0}.sentence-empty{color:var(--ink-soft);font-size:1.05rem;padding-inline:8px}.sentence-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:6px 8px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft);color:var(--ink);font:inherit;font-size:.9rem;flex-shrink:0;cursor:pointer}.sentence-chip:active{background:var(--highlight)}.sentence-chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img.chip-picto{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:6px}span.chip-picto{font-size:1.6rem;line-height:1.2}.btn-remove{font-size:1.3rem;padding:0 14px}.btn-remove:disabled{opacity:.35;cursor:default}.btn-say{font-size:1.8rem;padding:0 26px}.btn-wipe{font-size:1.3rem;padding:0 14px}.btn{min-height:var(--tap-min);min-width:var(--tap-min);border:none;border-radius:var(--radius);font-size:1.05rem;font-weight:600;padding:0 20px;cursor:pointer}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn-speak{background:var(--accent);color:var(--accent-ink)}.btn-clear{background:transparent;color:var(--danger);border:2px solid var(--danger)}.btn-ghost{background:transparent;color:var(--accent);border:2px solid var(--cell-border)}.btn-home{background:var(--surface-soft);border:2px solid var(--cell-border);font-size:1.5rem;padding:0 14px}.btn-home:disabled{opacity:.35;cursor:default}.grid{flex:1;min-height:0;display:grid;gap:12px}.grid>div{display:flex;min-width:0;min-height:0}.cell{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;overflow:hidden;text-align:center;line-height:1.15;background:var(--surface);border:2px solid var(--cell-border);border-radius:var(--radius);color:var(--ink);font-size:clamp(1rem,2.4vmin,1.4rem);font-weight:600;cursor:pointer;min-height:var(--tap-min);min-width:var(--tap-min)}.cell:active{background:var(--highlight)}.cell:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cell .picto{font-size:clamp(2rem,7vmin,3.4rem);line-height:1.1}.cell .picto-img{width:clamp(48px,10vmin,96px);height:auto}.picto-photo{width:clamp(48px,10vmin,96px);height:clamp(48px,10vmin,96px);object-fit:cover;border-radius:10px}.cell-folder{background:var(--surface-soft);border-color:var(--brand)}.cell-folder-badge{position:absolute;top:6px;right:10px;color:var(--brand-dark);font-size:1.1rem;line-height:1}.cell-sequence{background:var(--surface-soft);border-style:dashed;border-color:var(--brand)}.editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;justify-content:center}.editor-panel{background:var(--surface);border-radius:0;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));max-width:720px;width:100%;height:100%;overflow-y:auto}.editor-menu{display:flex;flex-direction:column;gap:12px}.editor-menu-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:88px;padding:14px 16px;text-align:left;border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface-soft);color:var(--ink);font:inherit;cursor:pointer}.editor-menu-btn strong{font-size:1.15rem;color:var(--accent)}.editor-menu-btn span{color:var(--ink-soft);font-size:.95rem}.editor-menu-btn:active{background:var(--highlight)}.editor-menu-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.editor-header h2{margin:0;flex:1}.editor-logo{width:40px;height:40px;flex-shrink:0}.editor-panel input,.editor-panel textarea{user-select:text;-webkit-user-select:text}.editor-field textarea{border:2px solid var(--cell-border);border-radius:12px;padding:12px;font:inherit;color:var(--ink);background:var(--surface);resize:vertical}.editor-field textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-search{display:flex;gap:8px}.editor-search input,.editor-field input{flex:1;min-width:0;min-height:var(--tap-min);border:2px solid var(--cell-border);border-radius:12px;padding-inline:12px;font:inherit;color:var(--ink);background:var(--surface)}.editor-search input:focus-visible,.editor-field input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-status{color:var(--ink-soft);margin:10px 0}.editor-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:12px;max-height:40vh;overflow-y:auto}.editor-result{min-height:var(--tap-min);background:#fff;border:2px solid var(--cell-border);border-radius:12px;padding:4px;cursor:pointer}.editor-result:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-result:active{background:var(--highlight)}.editor-result img{width:100%;height:auto}.editor-picked{display:flex;align-items:flex-end;gap:12px}.editor-picked>img{border:2px solid var(--cell-border);border-radius:12px;background:#fff;flex-shrink:0}.editor-field{display:flex;flex-direction:column;gap:4px;flex:1;font-weight:600}.editor-kind{display:flex;gap:8px;margin:12px 0}.editor-kind button{flex:1;min-height:var(--tap-min);border:2px solid var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.editor-kind button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}.editor-kind button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-kind-grid{display:grid;grid-template-columns:1fr 1fr}.editor-minigrid{display:grid;gap:6px;margin-bottom:12px}.editor-minicell{min-height:var(--tap-min);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;overflow:hidden;border-radius:12px;font-weight:600}img.minicell-picto,span.minicell-picto{width:28px;height:28px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:#fff;border-radius:6px;flex-shrink:0}.minicell-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-minicell.taken{background:var(--surface-soft);border:2px solid var(--cell-border);color:var(--ink-soft);font-size:.85rem}button.editor-minicell.taken{font:inherit;font-size:.85rem;font-weight:600;color:var(--ink);cursor:pointer}button.editor-minicell.taken:active{background:var(--highlight)}button.editor-minicell.taken:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-minicell.free-inert{border:2px dashed var(--cell-border);background:var(--surface)}.editor-minicell.taken.selected{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}.editor-minicell.free{background:var(--surface);border:2px dashed var(--brand);color:var(--brand-dark);font-size:1.5rem;cursor:pointer}.editor-minicell.free:active{background:var(--highlight)}.editor-minicell.free:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-picto-preview{width:64px;height:64px;border:2px solid var(--cell-border);border-radius:12px;background:#fff;flex-shrink:0}img.editor-picto-preview{object-fit:contain}span.editor-picto-preview{display:flex;align-items:center;justify-content:center;font-size:2.4rem}.editor-photo-btn{position:relative;display:flex;align-items:center;justify-content:center;margin-top:8px;cursor:pointer}.editor-photo-btn input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.editor-photo-btn:focus-within{outline:3px solid var(--focus);outline-offset:2px}.editor-block-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px}.editor-toggle{width:100%;min-height:var(--tap-min);border:2px solid var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.editor-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}.editor-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-row{display:flex;gap:8px}.editor-row .btn{flex:1}.editor-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.editor-catalog button{min-height:var(--tap-min);display:flex;align-items:center;gap:10px;padding:8px 12px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.editor-catalog button:active{background:var(--highlight)}.editor-catalog button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-catalog .cat-emoji{font-size:1.5rem}.editor-words{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.editor-words button{min-height:var(--tap-min);padding:0 16px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.editor-words button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}.editor-words button:disabled{opacity:.45;cursor:default}.editor-words button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-queue-word{font-size:1.4rem;font-weight:700;margin:4px 0 8px}.editor-queue-rest{color:var(--ink-soft);font-weight:400;font-size:1rem}.editor-pages{display:flex;flex-wrap:wrap;gap:8px}.editor-pages button{min-height:var(--tap-min);padding:0 16px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.editor-pages button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}.editor-pages button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.practice-targets{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.practice-target{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft)}img.practice-target-img,span.practice-target-img{width:44px;height:44px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:#fff;border-radius:8px;flex-shrink:0}.practice-target-text{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis}.practice-examples{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.practice-example{display:flex;flex-direction:column;gap:8px;padding:10px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft)}.practice-example-row{display:flex;align-items:center;gap:8px}.practice-example-text{flex:1;min-width:0;font-weight:600}.practice-example-btn{font-size:1.2rem;padding:0 12px;flex-shrink:0}.practice-example-answer{display:flex;align-items:center;gap:10px;min-height:var(--tap-min);padding:0 14px;border:2px dashed var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink-soft);font:inherit;font-weight:600;cursor:pointer}.practice-example-answer.revealed{border-style:solid;border-color:var(--accent);color:var(--accent)}.practice-example-answer:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img.practice-example-img,span.practice-example-img{width:40px;height:40px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#fff;border-radius:8px;flex-shrink:0}.practice-example-form{border-style:dashed}.practice-example-photo{width:100%;max-height:180px;object-fit:contain;border-radius:12px;background:#fff}.practice-example-link{display:flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:0 16px;border-radius:var(--radius);text-decoration:none;font-weight:600}.editor-banner{margin:0 0 12px;padding:12px 14px;border-radius:12px;border:2px solid var(--accent);background:var(--surface-soft);color:var(--accent);font-weight:600}.editor-banner-error{border-color:var(--danger);color:var(--danger)}.editor-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:8px}.editor-stat{display:flex;flex-direction:column;gap:4px;padding:14px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft);text-align:center}.editor-stat-num{font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.editor-stat-label{color:var(--ink-soft);font-size:.85rem}.progress-sessions{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.progress-session{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft)}.progress-session-date{font-weight:700;color:var(--accent);flex-shrink:0}.progress-session-ex{font-weight:600;flex:1;min-width:0}.progress-session-meta{color:var(--ink-soft);font-size:.85rem;flex-shrink:0}.seq-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.seq-step{display:flex;align-items:center;gap:8px;padding:6px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft)}.seq-step-num{flex-shrink:0;width:24px;text-align:center;font-weight:700;color:var(--accent)}.seq-step-picto{flex-shrink:0;padding:2px;border:2px solid var(--cell-border);border-radius:8px;background:#fff;cursor:pointer}.seq-step-picto:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img.seq-step-img,span.seq-step-img{width:40px;height:40px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.seq-step-input{flex:1;min-width:0}.seq-step-controls{display:flex;gap:4px;flex-shrink:0}.seq-step-controls .btn{min-width:40px;min-height:44px;padding:0 8px;font-size:1.1rem}.seq-view{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.seq-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:720px;margin-inline:auto}.seq-card{border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface)}.seq-card-btn{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--ink);font:inherit;font-size:1.2rem;font-weight:600;text-align:left;cursor:pointer}.seq-card-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.seq-card-num{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-soft);color:var(--ink-soft);font-weight:700}img.seq-card-img,span.seq-card-img{width:clamp(56px,12vmin,84px);height:clamp(56px,12vmin,84px);object-fit:contain;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:#fff;border-radius:12px}.seq-card-text{flex:1;min-width:0}.seq-card-tag{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.seq-tag-now{background:var(--accent);color:var(--accent-ink)}.seq-tag-next{background:var(--surface-soft);color:var(--ink-soft)}.seq-card.is-now{border-color:var(--accent);border-width:3px}.seq-card.is-done{opacity:.55}.seq-card.is-done .seq-card-num{background:var(--accent);color:var(--accent-ink)}.seq-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.seq-progress{font-weight:700;color:var(--ink-soft)}.seq-finished{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.seq-finished-mark{width:clamp(96px,30vmin,180px);height:clamp(96px,30vmin,180px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:clamp(3rem,14vmin,6rem)}.seq-finished-text{font-size:clamp(1.4rem,4vmin,2rem);font-weight:700;margin:0}.favorites{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.fav-cards{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;width:100%;max-width:720px;margin-inline:auto}.fav-card{display:flex;flex-direction:column;gap:8px;min-height:72px;padding:12px 14px;border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:1.15rem;font-weight:600;text-align:left;cursor:pointer}.fav-card:active{background:var(--highlight)}.fav-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.fav-card-pictos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}img.fav-card-img,span.fav-card-img{width:48px;height:48px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:#fff;border-radius:8px;flex-shrink:0}.fav-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.fav-preview-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft);font-weight:600}.story-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.story-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface-soft)}.story-row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}.story-row-meta{color:var(--ink-soft);font-weight:400;font-size:.9rem}.story-map-text{font-size:1.1rem;margin:4px 0 8px}.story-words{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.story-word{display:flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:4px 12px;border:2px solid var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.story-word.no-picto{border-style:dashed;color:var(--ink-soft);font-weight:400}.story-word:active{background:var(--highlight)}.story-word:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img.story-word-img,span.story-word-img{width:36px;height:36px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#fff;border-radius:8px;flex-shrink:0}img.story-map-image,span.story-map-image{display:block;max-width:220px;max-height:140px;object-fit:contain;border:2px solid var(--cell-border);border-radius:12px;background:#fff;margin-bottom:8px}.story-reader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.story-header{display:flex;align-items:center;gap:12px}.story-header h2{flex:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-pictos{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:12px;overflow-y:auto}.story-picto{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:var(--tap-min);min-height:var(--tap-min);padding:10px;border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.story-picto:active{background:var(--highlight)}.story-picto:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img.story-picto-img,span.story-picto-img{width:clamp(64px,14vmin,120px);height:clamp(64px,14vmin,120px);object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#fff;border-radius:12px}img.story-image,span.story-image{align-self:center;max-width:100%;max-height:30vh;object-fit:contain;border-radius:var(--radius)}.story-text-row{display:flex;align-items:center;justify-content:center;gap:10px}.story-speak{font-size:1.3rem;padding:0 16px;flex-shrink:0}.story-text{text-align:center;font-size:clamp(1.1rem,3vmin,1.5rem);margin:0}.story-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-count{color:var(--ink-soft);font-weight:600}.storylist{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.storylist-cards{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;width:100%;max-width:720px;margin-inline:auto}.storylist-card{display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 14px;border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:1.15rem;font-weight:600;text-align:left;cursor:pointer}.storylist-card:active{background:var(--highlight)}.storylist-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img.storylist-img,span.storylist-img{width:56px;height:56px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#fff;border-radius:12px;flex-shrink:0}.storylist-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.video-cards{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:12px;overflow-y:auto}.video-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.video-el{max-width:100%;max-height:100%;border-radius:var(--radius);background:#000}.explore{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.explore-hub{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:16px}.explore-hub-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:clamp(140px,40vw,240px);min-height:clamp(140px,30vh,220px);padding:20px;border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:1.25rem;font-weight:700;cursor:pointer}.explore-hub-btn:active{background:var(--highlight)}.explore-hub-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.explore-hub-emoji{font-size:3rem;line-height:1}.explore-cards{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:12px;overflow-y:auto}.explore-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(96px,22vw,150px);min-height:var(--tap-min);padding:12px 10px;border:2px solid var(--cell-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;text-align:center;cursor:pointer}.explore-card:active{background:var(--highlight)}.explore-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img.explore-card-img,span.explore-card-img{width:clamp(56px,12vmin,96px);height:clamp(56px,12vmin,96px);object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:2.4rem;background:#fff;border-radius:12px}.explore-detail{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}img.explore-detail-img,span.explore-detail-img{max-width:100%;max-height:100%;width:clamp(120px,40vmin,280px);height:clamp(120px,40vmin,280px);object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:6rem;background:#fff;border-radius:var(--radius)}.explore-word-nav{display:flex;align-items:center;gap:10px}.explore-word-nav .btn-speak{flex:1}.btn-word-step{font-size:2rem;line-height:1;padding:0 20px}.btn-word-step:disabled{opacity:.35;cursor:default}.explore-word-count{text-align:center;margin:0}.editor-subtitle{margin:16px 0 4px;font-size:1rem}.editor-substep{font-size:.95rem;color:var(--ink-soft)}.editor-error{color:var(--danger)}.editor-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.btn-danger-solid{background:var(--danger);color:#fff}.editor-credit{color:var(--ink-soft);font-size:.8rem;margin:16px 0 0}.gate-panel{max-width:360px;height:auto;margin:auto;border-radius:var(--radius);border:2px solid var(--cell-border);text-align:center}.gate-panel .editor-header{text-align:left}.gate-challenge{font-size:2.4rem;font-weight:700;color:var(--accent);margin:4px 0 8px}.gate-dots{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.gate-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent)}.gate-dot.filled{background:var(--accent)}.gate-keypad{display:grid;grid-template-columns:repeat(3,minmax(var(--tap-min),1fr));gap:8px;max-width:280px;margin:0 auto}.gate-key{min-height:var(--tap-min);border:2px solid var(--cell-border);border-radius:12px;background:var(--surface);color:var(--ink);font-size:1.4rem;font-weight:600;cursor:pointer}.gate-key:active{background:var(--highlight)}.gate-key:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.gate-key-zero{grid-column:2}.gate-error{color:var(--danger);min-height:1.4em;margin:10px 0 0}@media (max-width: 640px){.app{gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.grid{gap:8px}.sentence-bar{flex-wrap:wrap;padding:8px;min-height:0}.sentence-items{flex:1 1 100%;order:-1;min-height:56px}.sentence-bar .btn{flex:1;padding:0 12px;font-size:1rem}.sentence-chip{min-width:56px}.top-menu{gap:6px}.top-tab{min-width:72px;padding:6px 8px;font-size:.78rem}.top-tab-icon{font-size:1.3rem}.editor-panel{padding:16px}}@media (max-height: 500px) and (orientation: landscape){.app,.grid{gap:8px}.sentence-bar{min-height:72px;padding:6px}.sentence-chip .picto{font-size:1.2rem}}@media (prefers-reduced-motion: no-preference){.cell{transition:background-color .12s ease}}