:root{color:#24302f;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#ffffffb8,#fff0),#f4f1ea}button,input,select,textarea{font:inherit}.app-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.intro{max-width:760px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#6b5f43;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3{color:#1f2a28;line-height:1.15}h1{max-width:720px;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.7rem);font-weight:700}.intro p:last-child{max-width:620px;margin:0;color:#54615f;font-size:1.08rem}.lesson-form,.lesson-preview{border:1px solid #ddd5c4;border-radius:8px;background:#fffdf8eb;box-shadow:0 18px 50px #352e2014}.lesson-form{padding:28px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field-wide{grid-column:span 3}.field span{color:#2e3b38;font-weight:750}input,select,textarea{width:100%;border:1px solid #cfc6b3;border-radius:6px;background:#fffefb;color:#1f2a28;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input,select{min-height:46px;padding:10px 12px}textarea{min-height:120px;padding:12px;resize:vertical}.large-textarea{min-height:220px}input:focus,select:focus,textarea:focus{border-color:#627a65;box-shadow:0 0 0 4px #627a652e;background:#fff}input::placeholder,textarea::placeholder{color:#8a8171}.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}button{min-height:46px;border:0;border-radius:6px;padding:0 18px;font-weight:800;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,opacity .14s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible{outline:3px solid rgba(98,122,101,.36);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.68}.primary-button{background:#355c4a;color:#fffef9;box-shadow:0 12px 24px #355c4a33}.primary-button:hover:not(:disabled){background:#284b3c}.secondary-button{border:1px solid #c9bea9;background:#f4efe5;color:#33413e}.secondary-button:hover:not(:disabled){background:#eee5d7}.error-message{margin-bottom:18px;border:1px solid #d9a19a;border-radius:6px;background:#fff1ef;color:#873b31;padding:12px 14px;font-weight:700}.lesson-preview{margin-top:28px;overflow:hidden}.preview-header{border-bottom:1px solid #e2d9c8;background:#f8f3ea;padding:22px 28px}.preview-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem}.markdown-content{padding:28px;color:#293735;font-size:1rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:1.35em;margin-bottom:.45em}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content p,.markdown-content li{color:#364440}.markdown-content ul,.markdown-content ol{padding-left:1.5rem}.markdown-content blockquote{margin:18px 0;border-left:4px solid #8d7752;background:#faf5ec;padding:10px 16px;color:#4e4538}@media (max-width: 760px){.app-shell{width:min(100% - 24px,1080px);padding:32px 0 48px}.lesson-form,.markdown-content,.preview-header{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.field-wide{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}button{width:100%}}