:root{--text:#3a2c22;--text-h:#2a1e15;--text-muted:#8a7a67;--bg:#fbf5ea;--bg-elevated:#fffdf7;--border:#e6d9c3;--accent:#b0432b;--accent-hover:#96371f;--accent-bg:#b0432b1a;--accent-contrast:#fffbf3;--gold:#c98a2e;--highlight:#c98a2e59;--highlight-soft:#c98a2e29;--success:#1a7f37;--success-bg:#1a7f371f;--warning:#a15c00;--warning-bg:#a15c001f;--error:#b0202e;--error-bg:#b0202e1f;--shadow:0 10px 25px -8px #3a2c1e2e, 0 4px 8px -4px #3a2c1e1a;--radius:14px;--radius-sm:8px;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238A7A67' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 8 10 13 15 8'/%3E%3C/svg%3E");--sans:"Figtree", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Fraunces", Georgia, "Times New Roman", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);accent-color:var(--accent);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#f3e9d8;--text-h:#f8f0e3;--text-muted:#b4a38a;--bg:#201810;--bg-elevated:#2a2117;--border:#3d3122;--accent:#e2825e;--accent-hover:#ec9877;--accent-bg:#e2825e29;--accent-contrast:#241107;--gold:#e0a857;--highlight:#e0a85759;--highlight-soft:#e0a85729;--success:#4ade80;--success-bg:#4ade8026;--warning:#dba15a;--warning-bg:#dba15a26;--error:#f08a97;--error-bg:#f08a9729;--shadow:0 10px 25px -8px #00000080, 0 4px 8px -4px #00000059;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23B4A38A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 8 10 13 15 8'/%3E%3C/svg%3E")}}#root{box-sizing:border-box;min-height:100svh}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);margin:0 0 .4em;font-weight:600}h1{letter-spacing:-.02em;font-size:1.75rem}h2{letter-spacing:-.01em;font-size:1.3rem}p{margin:0}code{font-family:var(--mono);border-radius:var(--radius-sm);color:var(--text-h);background:var(--border);padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.app-header{z-index:20;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{font-family:var(--heading);color:var(--text-h);align-items:center;gap:.4rem;margin:0;font-size:1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{flex-shrink:0;width:1.9em;height:1.9em}.nav-link{border:1px solid var(--border);color:var(--text);font-size:.9rem;font-family:var(--sans);border-radius:999px;padding:.4rem .85rem;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.nav-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.field{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.select{appearance:none;font:inherit;color:var(--text);background:var(--bg-elevated) var(--chevron) no-repeat right .65rem center / 13px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem 1.9rem .4rem .7rem;font-size:.9rem;transition:border-color .15s}.select:hover,.select:focus-visible{border-color:var(--accent);outline:none}.select-compact{background-position:right .4rem center;background-size:11px;padding:.25rem 1.5rem .25rem .5rem;font-size:.8rem}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,opacity .15s}.btn:disabled{cursor:default;opacity:.6}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{border-color:var(--border);color:var(--text);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.story-card{aspect-ratio:1;text-align:center;color:var(--text-h);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;padding:.75rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.story-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.input{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;transition:border-color .15s}.input:hover,.input:focus-visible{border-color:var(--accent);outline:none}.chip{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;transition:border-color .15s,background .15s,color .15s}.chip:hover{border-color:var(--accent)}.chip-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.chip-active:hover{border-color:var(--accent)}.list-row{border-radius:var(--radius-sm);color:inherit;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .15s;display:flex}.list-row:hover{background:var(--accent-bg)}.icon-btn{width:2.5rem;height:2.5rem;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:border-color .15s,background .15s;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--accent)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-active{background:var(--error-bg);border-color:var(--error)}.tap-word{border:none;border-bottom:1px dotted var(--text-muted);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:0;transition:background .1s,box-shadow .1s}.tap-word-active{background:var(--highlight);box-shadow:0 0 0 .15rem var(--highlight);border-bottom-color:#0000}.app-header-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-main{flex:1}.app-footer{background:var(--bg-elevated);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:1.25rem 1.5rem;font-size:.85rem;display:flex}.app-footer-brand{font-family:var(--heading);color:var(--text-h);font-weight:600}.app-footer-links{flex-wrap:wrap;gap:.35rem 1.25rem;display:flex}.app-footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s}.app-footer-links a:hover,.app-footer-links a:focus-visible{color:var(--accent);text-decoration:underline}.legal section{margin-top:1.5rem}.legal p+p,.legal p+ul,.legal ul+p{margin-top:.75rem}.legal ul{margin:0;padding-left:1.25rem}.legal li+li{margin-top:.5rem}.legal a{color:var(--accent)}@media (width<=640px){.app-header{gap:.35rem;padding:.5rem .75rem;position:static}.app-header .brand{font-size:1.2rem}.app-header-controls{gap:.35rem}.app-header .nav-link{padding:.25rem .6rem;font-size:.78rem}.app-header .field{gap:.3rem;font-size:.75rem}.app-footer{padding:1rem .75rem;font-size:.8rem}.app-header .select{background-position:right .4rem center;background-size:11px;padding:.25rem 1.5rem .25rem .5rem;font-size:.8rem}}.story-stage-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.story-stage-image.active{opacity:1}.story-motion-zoom-in,.story-motion-zoom-out,.story-motion-pan-left,.story-motion-pan-right{animation-timing-function:linear;animation-fill-mode:forwards}.story-motion-zoom-in{animation-name:story-zoom-in}.story-motion-zoom-out{animation-name:story-zoom-out}.story-motion-pan-left{animation-name:story-pan-left}.story-motion-pan-right{animation-name:story-pan-right}@keyframes story-zoom-in{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes story-zoom-out{0%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes story-pan-left{0%{transform:scale(1.1)translate(2%)}to{transform:scale(1.1)translate(-2%)}}@keyframes story-pan-right{0%{transform:scale(1.1)translate(-2%)}to{transform:scale(1.1)translate(2%)}}.story-stage{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#2a2117;position:relative;overflow:hidden}.story-controls{align-items:center;gap:.6rem;margin-top:.5rem;padding:.5rem .75rem;display:flex}.story-play-btn{background:var(--accent);width:2.5rem;height:2.5rem;color:var(--accent-contrast);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.story-play-btn:hover{background:var(--accent-hover)}.story-time{text-align:right;min-width:6.5ch;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}