:root{--ink:#20342b;--muted:#68766f;--green:#236447;--green-dark:#174b35;--mint:#e8f2eb;--cream:#f6f3ec;--paper:#fffefa;--line:#dcded7;--orange:#dd8b55;--shadow:0 18px 60px #22403014}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}main{width:min(1040px,100% - 32px);margin:0 auto;padding:64px 0 30px}.hero{text-align:left;justify-content:center;align-items:center;gap:22px;margin-bottom:44px;display:flex}.hero-mark{border:2px solid var(--green);width:68px;height:68px;color:var(--green);border-radius:20px 20px 20px 5px;flex:none;place-items:center;font-family:Georgia,serif;font-size:38px;font-weight:700;display:grid;transform:rotate(-2deg)}.eyebrow,.section-kicker{color:var(--orange);letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,6vw,62px);line-height:.98}.subtitle{color:var(--muted);margin:10px 0 0;font-size:17px}.steps{justify-content:center;align-items:flex-start;max-width:700px;margin:0 auto 34px;display:flex}.step{color:#929a95;justify-items:center;gap:8px;min-width:74px;font-size:12px;font-weight:700;display:grid}.step.active{color:var(--green)}.step-number{background:var(--cream);border:1.5px solid #c6cbc7;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.step.active .step-number{border-color:var(--green);background:var(--green);color:#fff}.step-number.done{background:var(--green);color:#fff}.step-line{background:#cdd1cd;width:100px;height:1px;margin-top:17px}.card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #284b381a;border-radius:24px;margin-bottom:28px}.theme-card{padding:clamp(26px,5vw,50px)}.section-heading{text-align:center;margin-bottom:28px}.section-heading.left{text-align:left}.section-heading h2,.story-top h2,.download-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,4vw,38px);line-height:1.15}.section-heading p,.download-card p{color:var(--muted);margin:9px 0 0;line-height:1.5}textarea{resize:vertical;width:100%;min-height:118px;color:var(--ink);background:#fff;border:1.5px solid #ccd2cd;border-radius:13px;outline:none;padding:18px 20px;line-height:1.5}textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #2364471a}textarea::placeholder{color:#9ca59f}.field-meta{color:#8a948e;justify-content:space-between;gap:20px;margin:8px 3px 18px;font-size:12px;display:flex}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.chip{color:#52625a;cursor:pointer;background:#fafbf8;border:1px solid #d8ddd9;border-radius:100px;padding:9px 13px;font-size:12px}.chip:hover{border-color:var(--green);color:var(--green);background:var(--mint)}.primary,.secondary,.new-story{cursor:pointer;border:0;border-radius:12px;font-weight:800;transition:transform .15s,background .15s}.primary{background:var(--green);color:#fff;padding:16px 24px;box-shadow:0 7px 18px #2364472e}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.primary.wide{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}button:disabled{opacity:.55;cursor:not-allowed}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.story-card{padding:clamp(28px,6vw,58px)}.story-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:28px;display:flex}.level-badge{white-space:nowrap;background:var(--mint);color:var(--green);border-radius:100px;padding:8px 13px;font-size:12px;font-weight:800}.story-sections article{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;gap:18px;padding:30px 0;display:grid}.story-number{width:40px;height:40px;color:var(--green);background:var(--mint);border-radius:12px;place-items:center;font:700 20px Georgia,serif;display:grid}.story-sections h3,.exercise h3,.vocabulary h3,.scene-grid h3{margin:2px 0 10px;font:700 22px Georgia,serif}.story-sections p{color:#35493f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.78}.exercise{background:#f1f5ec;border-left:4px solid #90ac65;border-radius:8px 14px 14px 8px;grid-template-columns:44px 1fr;gap:16px;margin-top:30px;padding:23px;display:grid}.exercise-icon{width:40px;height:40px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-size:20px;display:grid}.exercise h3{margin-bottom:7px;font-size:19px}.exercise p{margin:0;line-height:1.55}.vocabulary{margin-top:32px}.vocabulary h3{margin-bottom:2px}.vocabulary>p{color:var(--muted);margin:0 0 16px;font-size:13px}.vocabulary ul{grid-template-columns:repeat(2,1fr);gap:8px 28px;margin:0;padding:0;list-style:none;display:grid}.vocabulary li{border-bottom:1px solid #e3e5e0;padding:10px 10px 10px 24px;position:relative}.vocabulary li:before{content:"";border:1.5px solid var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;top:17px;left:4px}.illustration-card{padding:clamp(28px,5vw,48px)}.scene-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px;display:grid}.scene-grid article{background:#fcfcf9;border:1px solid #e0e2dc;border-radius:14px;grid-template-columns:34px 1fr;gap:12px;padding:20px;display:grid}.scene-grid article>span{color:var(--orange);letter-spacing:.1em;padding-top:5px;font-size:11px;font-weight:800}.scene-grid h3{margin:0 0 6px;font-size:18px}.scene-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.generation-progress{background:#f1f7f2;border:1px solid #cfe0d3;border-radius:14px;margin:0 0 20px;padding:18px 20px}.progress-heading{color:var(--green-dark);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:14px;display:flex}.progress-heading span{color:var(--green);font-variant-numeric:tabular-nums;font-weight:800}.progress-track{background:#dbe9de;border-radius:100px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #1f4e371a}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green), #5a9c74);min-width:8px;height:100%;transition:width .55s linear;position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.8s ease-in-out infinite progress-shimmer;position:absolute;inset:0;transform:translate(-100%)}.progress-note{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.4}@keyframes progress-shimmer{to{transform:translate(100%)}}.image-result{justify-items:center;gap:18px;display:grid}.image-result img{background:#fff;border:1px solid #d6d9d4;border-radius:14px;width:min(100%,720px);height:auto}.secondary{border:1px solid var(--green);color:var(--green);background:#fff;padding:12px 18px}.secondary:hover{background:var(--mint)}.download-card{background:#e9f1e9;border-color:#d2e1d5;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:30px 36px;display:grid}.document-icon{color:#fff;background:var(--green);border-radius:8px 8px 14px;place-items:center;width:58px;height:68px;font:700 26px Georgia,serif;display:grid}.download-card h2{font-size:27px}.download-card p{font-size:13px}.primary.download{white-space:nowrap;align-items:center;gap:9px;display:flex}.error{color:#8f312c;background:#fff0ed;border-radius:10px;align-items:center;gap:10px;margin:16px 0;padding:13px 15px;font-size:14px;display:flex}.error span{color:#fff;background:#bd4c43;border-radius:50%;place-items:center;min-width:23px;height:23px;font-weight:800;display:grid}.error p{margin:0}.error.full{grid-column:1/-1;margin:0}.new-story{color:var(--green);background:0 0;margin:12px auto 44px;padding:12px 18px;display:block}.new-story:hover{background:var(--mint)}footer{color:#8b948e;border-top:1px solid #d9dcd6;justify-content:space-between;padding:22px 4px;font-size:11px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page{place-items:center;min-height:100vh;padding:30px 0;display:grid}.login-card{text-align:center;width:min(100%,460px);padding:clamp(30px,7vw,52px)}.login-card .hero-mark{margin:0 auto 24px}.login-card h1{font-size:clamp(38px,8vw,54px)}.login-intro{color:var(--muted);margin:14px 0 28px;line-height:1.55}.login-card form{text-align:left}.login-card label{margin:0 0 8px;font-size:13px;font-weight:800;display:block}.login-card input{width:100%;color:var(--ink);background:#fff;border:1.5px solid #ccd2cd;border-radius:12px;outline:none;margin-bottom:18px;padding:15px 17px}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 4px #2364471a}.login-note{color:#8a948e;margin:20px 0 0;font-size:11px}@media (max-width:700px){main{width:min(100% - 22px,1040px);padding-top:30px}.hero{align-items:flex-start;gap:13px;margin-bottom:30px}.hero-mark{border-radius:14px 14px 14px 4px;width:48px;height:48px;font-size:26px}.eyebrow{font-size:9px}.subtitle{font-size:14px}.steps{overflow:hidden}.step{min-width:58px;font-size:10px}.step-line{min-width:18px}.card{border-radius:18px}.story-top{display:block}.level-badge{margin-top:14px;display:inline-block}.story-sections article{grid-template-columns:36px 1fr;gap:12px}.story-number{width:34px;height:34px}.story-sections p{font-size:16px;line-height:1.65}.vocabulary ul,.scene-grid{grid-template-columns:1fr}.generation-progress{padding:16px}.progress-heading{align-items:flex-start}.download-card{grid-template-columns:auto 1fr;padding:24px}.download-card .download{grid-column:1/-1;justify-content:center;width:100%}footer{text-align:center;gap:6px;display:grid}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}.progress-fill:after{animation:none}}@media print{body{background:#fff}.hero,.steps,.theme-card,.illustration-card,.download-card,.new-story,footer{display:none!important}main{width:100%;padding:0}.story-card{box-shadow:none;border:0;padding:0}}