:root{color:#24362e;font-synthesis:none;background:#f5f3eb;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{color:#fff;cursor:pointer;background:#315e47;border:0;border-radius:12px;padding:12px 19px;font-weight:600;text-decoration:none;display:inline-block}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button.quiet{color:#4e6659;background:0 0}.secondary{color:#315e47;background:#e7ede5}header{justify-content:space-between;align-items:center;gap:15px;max-width:1200px;margin:auto;padding:26px 30px 16px;display:flex}.brand{color:#274d3a;letter-spacing:-.7px;font-size:23px;font-weight:750;text-decoration:none}header select{background:0 0;border:1px solid #cfd8cc;width:auto;max-width:200px}nav{border-bottom:1px solid #e0e3d8;gap:5px;max-width:1200px;margin:auto;padding:0 30px 20px;display:flex;overflow-x:auto}nav button{white-space:nowrap;font-size:14px}nav .active{color:#234d37;background:#e1e9dd}main{max-width:1140px;margin:36px auto 100px;padding:0 24px}h1{letter-spacing:-1.3px;margin:8px 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.2}h2{letter-spacing:-.5px;font-size:23px;line-height:1.3}h3{margin:0 0 10px;font-size:18px}p{margin:10px 0 18px}.muted,small{color:#738074}small{font-size:12px;display:block}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#67846c;font-size:11px;font-weight:750}.heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.story-card{text-align:left;color:inherit;background:#fffef9;border:1px solid #e4e6dc;padding:0;font-weight:400;transition:transform .15s;overflow:hidden;box-shadow:0 5px 18px #283b3010}.story-card:hover{filter:none;transform:translateY(-3px)}.cover{background:#e4ebd9;justify-content:center;align-items:center;height:140px;display:flex;position:relative}.cover>span{color:#83986c;font-size:94px;line-height:1}.cover small{color:#37583f;background:#fff9;border-radius:20px;padding:3px 9px;position:absolute;bottom:12px;right:16px}.color-1{background:#eee1c8}.color-1>span{color:#be9965}.color-2{background:#dce9e7}.color-2>span{color:#7caaa6}.color-3{background:#ecdfdc}.card-content{padding:22px}.card-content h2{margin:9px 0 12px}.card-content>p{color:#6b776d;font-size:14px}.tags{flex-wrap:wrap;gap:7px;margin:18px 0 12px;display:flex}.tags>span{color:#62735f;background:#eff1e8;border-radius:6px;padding:4px 7px;font-size:11px}.panel{background:#fffef9;border:1px solid #e3e6db;border-radius:16px;margin-bottom:22px;padding:26px}.panel h2:first-child{margin-top:0}label{flex-direction:column;gap:7px;margin:16px 0;font-size:14px;font-weight:600;display:flex}input,textarea,select{color:#2a4033;background:#fff;border:1px solid #d8ded2;border-radius:9px;width:100%;min-width:0;padding:11px 12px}textarea{resize:vertical;min-height:105px}input:focus,select:focus,textarea:focus{outline-offset:2px;outline:2px solid #8aaa7a}.creation{max-width:720px}.creation label:first-child{margin-top:0}.hero-description{color:#76816e;font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#536c4b;background:#edf0e5;border-radius:20px;padding:6px 11px;font-size:12px}.inline{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.inline label{flex:1;min-width:150px}.inline button{margin-bottom:16px}details{border-top:1px solid #e3e7db;margin:24px 0;padding-top:16px}summary{cursor:pointer;font-size:14px;font-weight:600}a{color:#315e47}footer{color:#8a9487;justify-content:space-between;gap:12px;max-width:1140px;margin:auto;padding:0 24px 150px;font-size:12px;display:flex}.reader-layout{grid-template-columns:minmax(0,1fr) 310px;gap:32px;display:grid}.reader{background:#fffef9;border:1px solid #e2e5da;border-radius:16px;padding:32px 40px;font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:1.85}.reader-hint{border-bottom:1px solid #e4e8dc;margin-bottom:28px;padding-bottom:20px;font:12px/1.6 system-ui}.segment{margin:0 0 17px}.segment p{white-space:pre-wrap;margin:0}.dialogue{border-left:2px solid #e2e8d9;padding-left:18px}.speaker{color:#82927b;margin-bottom:3px;font:11px system-ui;display:block}.scene-break{text-align:center;color:#a0b18e;margin:30px 0}.word{color:inherit;font:inherit;line-height:inherit;cursor:pointer;text-align:left;background:0 0;border-bottom:2px dotted #ccd6c2;border-radius:2px;padding:0;display:inline}.word.understood_without_support{background:#e9f1e0;border-bottom-color:#90b477}.word.with_support{background:#f7efd5;border-bottom-color:#d4b873}.word.not_understood{background:#f5e7df}.word:hover{filter:none;background:#dae7ce}dl{grid-template-columns:1fr auto;gap:12px;font-size:13px;display:grid}dd{margin:0;font-weight:650}dt{color:#778371}aside .panel{padding:21px}aside p{font-size:13px}aside button{width:100%;margin:10px 0;font-size:13px}aside input{font-size:12px}.vocab-list{max-height:550px;overflow:auto}.vocab{color:#344735;text-align:left;background:0 0;border-bottom:1px solid #edf0e7;border-radius:0;grid-template-columns:1fr 1fr;gap:5px;width:100%;padding:12px 0;font-size:14px;display:grid}.vocab span{font-size:12px;font-weight:400}.vocab small{grid-column:1/-1}.table-scroll{margin-top:22px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #e5e8dc;min-width:90px;padding:14px 10px}th{color:#778a72;font-size:11px}.error{color:#815134;background:#fff1df;border:1px solid #dec1a5;border-radius:12px;margin:15px 0;padding:18px}.notice{z-index:30;background:#e9f1e0;border:1px solid #90b477;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #1e302e30}.login,.welcome{max-width:460px;margin:12vh auto;padding:24px}.login h1{margin-top:35px}.login form button{width:100%}.modal-shade{z-index:50;background:#1e302e70;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#fffef9;border-radius:18px;width:100%;max-width:540px;max-height:85dvh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 90px #18332640}.close{float:right;font-size:12px}.status-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-buttons button{font-size:13px}.quote{border-left:2px solid #ceddc2;padding-left:14px;font-size:14px}.quote small{display:inline}.player{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;padding:12px 24px max(12px, env(safe-area-inset-bottom));background:#fffef9f5;border-top:1px solid #d9e2d1;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #253d2b10}.player>div{max-width:430px;font-size:14px}.player audio{width:340px;max-width:100%;height:44px}@media (width<=760px){header{padding:20px 18px 12px}.brand{font-size:20px}header select{max-width:145px;font-size:12px}nav{gap:0;padding:0 10px 12px}nav button{padding:10px 12px;font-size:12px}main{margin-top:25px;padding:0 16px}.heading{align-items:start}.heading>button{white-space:nowrap;padding:10px;font-size:12px}.cards{grid-template-columns:1fr}.cover{height:120px}.reader-layout{display:block}.reader{padding:24px 20px;font-size:20px}.panel{padding:21px}.player{flex-direction:column;gap:6px;padding:9px 16px}.player>div{width:100%;font-size:12px}.player strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.player small{display:none}.player audio{width:100%;height:40px}footer{font-size:11px;display:block}.status-buttons{grid-template-columns:1fr}.modal{padding:22px}}.reader-layout{grid-template-areas:"story tools";align-items:start}.reader-layout>.reader{grid-area:story}.reader-layout>.story-tools{grid-area:tools;min-width:0}.story-tools>details{border:0;margin:0;padding:0}.story-tools>details>summary{color:#315e47;background:#fffef9;border:1px solid #e3e6db;border-radius:14px;padding:17px 20px;font-size:15px}.story-tools>details>summary small{margin-top:4px;font-weight:400}.story-tools-content{padding-top:16px}.audio-status{background:#edf3e6;border:1px solid #d6e1cc;border-radius:14px;align-items:center;gap:18px;margin:0 0 24px;padding:20px 24px;display:flex}.audio-status h2{margin:0 0 6px;font-size:19px}.audio-status p{color:#53694e;margin:0;font-size:14px}.audio-status small{margin-top:6px}.audio-status button{white-space:nowrap;margin-left:auto}.audio-status.pending{background:#fff8e8;border-color:#e8d9b5}.audio-status.failed{background:#fff0e5;border-color:#e7cdbb}.status-spinner{border:3px solid #dddfce;border-top-color:#65845c;border-radius:50%;flex-shrink:0;width:23px;height:23px;animation:1s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status-spinner{animation:none}}@media (width<=760px){.reader-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"tools""story";gap:20px;display:grid}.audio-status{flex-wrap:wrap;gap:12px;padding:18px}.audio-status button{width:100%;margin-left:0}.audio-status.pending{align-items:flex-start}.audio-status.pending>div{flex:1;min-width:0}.story-tools .panel:last-child{margin-bottom:0}}.character-selection{border-top:1px solid #e3e7db;border-bottom:1px solid #e3e7db;margin:24px 0;padding:4px 0 12px}.toggle-label,.hero-choice{cursor:pointer;flex-direction:row;align-items:flex-start;gap:12px;display:flex}.toggle-label input,.hero-choice input{accent-color:#315e47;flex-shrink:0;width:20px;height:20px;margin:2px 0 0}.hero-picker{border:0;min-width:0;margin:16px 0 0;padding:0}.hero-picker legend{color:#6a7e66;margin-bottom:5px;font-size:13px}.hero-choice{background:#fff;border:1px solid #dde5d6;border-radius:10px;margin:8px 0;padding:12px}.hero-choice:has(input:checked){background:#edf3e6;border-color:#9db68d}.hero-choice small{margin-top:3px;font-weight:400}.creation-modes{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.source-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f4ec;border-radius:9px;max-height:450px;padding:16px;font:14px/1.7 system-ui;overflow:auto}.import-review{max-width:850px}.review-piece{background:#fff;border:1px solid #dce5d3;border-radius:12px;margin:16px 0;padding:16px 20px}.review-piece.excluded{background:#f5f2e9;border-color:#e6dbc9}.review-text{white-space:pre-wrap;overflow-wrap:anywhere;font:19px/1.7 Georgia,serif}.review-piece label{font-size:13px}.review-piece .inline label{margin-bottom:0}.catalog,.pt-reader,.auth{--paper:#fbf7ec;--ink:#33291c;--soft:#6f6350;--leaf:#2f6b57;--mustard:#f2bf3f;--bubble:#fffdf7;--bubble-ink:#1f3d57;--tag-ink:#3a2b05;--rule:#e4d9c0;--read:"Literata", Georgia, "Times New Roman", serif;--hand:"Nunito", "Trebuchet MS", system-ui, sans-serif;color:var(--ink)}:is(html:has(.catalog),html:has(.pt-reader),html:has(.auth)){background:#fbf7ec}.catalog-top{padding:18px 16px 8px}.catalog-top .brand{font-weight:800}.account{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}button.small{padding:6px 12px;font-size:14px}.catalog main{margin-top:12px;padding:0 16px}.catalog .lead{max-width:60ch;color:var(--soft)}.tale-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;margin:24px 0;padding:0;list-style:none;display:grid}.tale-card{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.tale-card img{aspect-ratio:3/2;object-fit:cover;background:var(--rule);border-radius:10px;width:100%;box-shadow:0 2px 10px #0002}.tale-card-title{font-family:var(--read);font-size:1.2rem;font-weight:600}.tale-card-meta,.locked-note{color:var(--soft);font-size:.9rem}.pt-reader{background:var(--paper);height:100dvh;font-family:var(--read);flex-direction:column;display:flex}.pt-reader .book{width:100%;max-width:1180px;min-height:0;padding:10px max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));flex-direction:column;flex:1;gap:10px;margin-inline:auto;display:flex}.reader-top{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.reader-back{font-family:var(--hand);color:var(--leaf);font-size:.9rem;font-weight:700;text-decoration:none}.pt-reader h1{text-wrap:balance;margin:0;font-size:1.05rem;font-weight:600}.pt-reader .pages{flex:1;min-height:0;overflow-y:auto}.pt-reader .page{align-items:start;gap:14px;display:grid}.pt-reader .art{border-radius:6px;margin:0;position:relative;overflow:hidden;container-type:inline-size}.pt-reader .art img{aspect-ratio:3/2;background:var(--rule);width:100%;height:auto;display:block}.pt-reader .over{white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.pt-reader .say,.pt-reader .en{all:unset;cursor:pointer;font-family:var(--hand);font-weight:800}.pt-reader .say,.pt-reader .en,.pt-reader .art img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.pt-reader .say{display:block;position:relative}.pt-reader .over .say:before{content:"";position:absolute;inset:-14px -18px}.pt-reader .say:focus-visible,.pt-reader .en:focus-visible,.reader-nav button:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}.pt-reader .bubble{background:var(--bubble);border-radius:1.2em;padding:.3em .75em;font-size:clamp(13px,3.6cqw,26px);box-shadow:0 1px 4px #0005}.pt-reader .bubble .say{color:var(--bubble-ink)}.pt-reader .bubble:after{content:"";border:.3em solid #0000;border-top:.5em solid var(--bubble);border-bottom:0;position:absolute;bottom:-.5em;left:18%}.pt-reader .bubble.tail-br:after{left:auto;right:18%}.pt-reader .label{background:var(--mustard);border-radius:.35em;padding:.1em .5em;font-size:clamp(12px,2.9cqw,21px);box-shadow:0 1px 3px #0004}.pt-reader .label .say{color:var(--tag-ink)}.pt-reader .words{max-width:62ch;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.5}.pt-reader .words p{margin:0 0 .55em}.pt-reader .en{color:var(--leaf)}.pt-reader .hint{font-family:var(--hand);color:var(--soft);border-top:1px solid var(--rule);padding-top:.6em;font-size:.82em;font-weight:700;line-height:1.4;margin-top:.8em!important}.reader-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:none;margin:0;padding:0;display:grid;overflow:visible}.reader-nav button{font:800 1rem var(--hand);color:var(--ink);border:2px solid var(--leaf);background:0 0;border-radius:10px;padding:.55em .9em}.reader-nav button:disabled{opacity:.35;cursor:default}.reader-nav .next{background:var(--leaf);color:var(--paper);justify-self:end}.reader-nav .prev{justify-self:start}.reader-nav .count{font:700 .9rem var(--hand);color:var(--soft);font-variant-numeric:tabular-nums}@media (width>=820px) and (orientation:landscape){.pt-reader .page{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.auth{max-width:440px;margin:40px auto;padding:0 16px}.auth form button{margin-top:8px}.pilot-card{background:#fff;border-radius:14px;margin:18px 0;padding:18px 20px;box-shadow:0 1px 4px #0001}.pilot-table{border-collapse:collapse;width:100%}.pilot-table td{vertical-align:middle;border-top:1px solid #eee;padding:8px 6px}.pilot-table label{flex-direction:row;align-items:center;margin:0;font-weight:500}.invite-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invite-form input{flex:1;min-width:200px}.invite-link input{width:100%;margin:8px 0}.studio-exit{margin-right:auto;font-size:14px}