@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;1,400&display=swap";:root{--background:#fafaf8;--foreground:#1a1a1a;--muted-foreground:#737373;--border:#e6e6e6;--accent:#d94532;--font-sans:"Inter", sans-serif;--font-serif:"Lora", Georgia, serif}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}.page-shell{width:100%;min-height:100vh;padding:48px 20px}.reading-column{width:100%;max-width:640px;margin:0 auto}.level-nav{letter-spacing:.04em;gap:20px;margin:0 0 56px;font-size:14px;font-weight:500;display:flex}.level-nav a{color:color-mix(in srgb, var(--foreground) 60%, transparent);text-underline-offset:4px;text-decoration:none}.level-nav a:hover,.level-nav a:focus-visible,.level-nav a[aria-current=page]{color:var(--foreground);text-decoration:underline}.eyebrow{color:color-mix(in srgb, var(--foreground) 60%, transparent);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:14px;font-weight:500}h1{font-family:var(--font-serif);letter-spacing:-.025em;margin:0;font-size:30px;font-weight:500;line-height:1.2}.story-header{margin-bottom:56px}.story-hero{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin:24px 0;display:block}.reader-controls{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);font-family:var(--font-sans);flex-direction:column;gap:24px;margin-bottom:64px;padding-bottom:24px;font-size:14px;display:flex}.audio-player,.audio-progress{align-items:center;display:flex}.audio-player{flex:1;gap:12px}.audio-player[data-unavailable=true]{opacity:.6}.audio-button{background:var(--foreground);width:32px;height:32px;color:var(--background);cursor:pointer;border:0;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;padding:0;display:flex}.audio-button:disabled{cursor:default}.audio-progress{background:var(--border);border-radius:999px;flex:1;height:4px;position:relative;overflow:hidden}.audio-progress-fill{background:var(--foreground);width:0;height:100%}.audio-status{letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:500}.translation-toggle{width:fit-content;color:var(--foreground);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:500;display:flex}.switch-track{border:1px solid var(--foreground);border-radius:999px;align-items:center;width:36px;height:20px;padding:2px;display:flex}.switch-thumb{background:var(--foreground);border-radius:50%;width:14px;height:14px;display:block}.translation-toggle[aria-pressed=true] .switch-track{border-color:var(--accent);background:var(--accent)}.translation-toggle[aria-pressed=true] .switch-thumb{background:#fff;margin-left:16px}.translation-toggle:focus-visible,.audio-button:focus-visible,.signup-form input:focus-visible,.signup-form button:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.story-body{font-family:var(--font-serif);margin-bottom:80px;font-size:19px;line-height:1.7}.sentence{margin-bottom:32px}.sentence p{letter-spacing:-.01em;margin:0}.translation{color:var(--muted-foreground);font-family:var(--font-sans);font-size:15px;line-height:1.6;display:none;letter-spacing:0!important;margin-top:8px!important}.reader[data-translations=on] .translation{display:block}.signup{border-top:1px solid color-mix(in srgb, var(--border) 50%, transparent);font-family:var(--font-sans);padding-top:40px}.signup-copy{color:color-mix(in srgb, var(--foreground) 80%, transparent);margin:0 0 24px;font-size:18px;font-weight:500}.signup-box{border:1px solid var(--border);background:#fff;padding:24px}.signup-box h2{margin:0 0 16px;font-size:16px;font-weight:600}.signup-form{flex-direction:column;display:flex}.signup-form input,.signup-form button{border-radius:0;height:48px}.signup-form input{border:1px solid var(--border);min-width:0;color:var(--foreground);background:0 0;padding:0 16px;font-size:16px}.signup-form button{border:1px solid var(--foreground);background:var(--foreground);color:var(--background);cursor:pointer;white-space:nowrap;margin-top:-1px;padding:0 24px;font-weight:500}.signup-thanks{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);margin:0;padding:16px;font-weight:500}.story-list{gap:48px;margin-top:56px;display:grid}.story-card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin-bottom:20px;display:block}.story-card h2{font-family:var(--font-serif);margin:0 0 8px;font-size:24px;font-weight:500}.story-card h2 a{text-underline-offset:4px;text-decoration-thickness:1px}.story-card-meta,.story-card p,.empty-copy{color:var(--muted-foreground)}.story-card-meta{letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:500}.story-card p,.empty-copy{font-family:var(--font-serif);margin:0;font-size:18px;line-height:1.6}@media (width>=640px){.reader-controls{flex-direction:row;align-items:center;gap:48px}.signup-box{padding:32px}.signup-form{flex-direction:row}.signup-form input{flex:1}.signup-form button{margin-top:0;margin-left:-1px}}@media (width>=768px){.page-shell{padding-top:80px;padding-bottom:80px}h1{font-size:36px}.story-body{font-size:20px}.translation{font-size:16px}}@media (width>=1024px){.page-shell{padding-top:96px;padding-bottom:96px}}