/* VOCAL.zip v0.8 — lesson wizard */
#lesson-form .wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 24px}
#lesson-form .wizard-progress-item{min-width:0;padding:10px 4px;border:1px solid rgba(208,192,255,.16);background:rgba(255,255,255,.035);color:#9e9db8;border-radius:11px;font-size:11px;font-weight:700;line-height:1.3}
#lesson-form .wizard-progress-item.active{background:rgba(166,136,249,.24);color:#fff;border-color:rgba(200,182,255,.44)}
#lesson-form .wizard-progress-item.done{color:#bdeee8;border-color:rgba(145,230,219,.25)}
#lesson-form .wizard-progress-item:disabled{cursor:default;opacity:.65}
#lesson-form .wizard-panel{display:none}
#lesson-form .wizard-panel.current{display:block;animation:wizardIn .22s ease both}
#lesson-form .wizard-heading{margin:0 0 22px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.12)}
#lesson-form .wizard-count{font-size:10px;letter-spacing:.14em;font-weight:800;color:#a6e9e3}
#lesson-form .wizard-heading h3{font-size:23px;margin:9px 0 7px;letter-spacing:-.7px;color:#fff}
#lesson-form .wizard-heading p{font-size:13px;color:#bdb9d5;margin:0;line-height:1.6}
#lesson-form .wizard-actions{display:flex;gap:10px;margin-top:25px}
#lesson-form .wizard-actions button{flex:1;min-height:50px}
#lesson-form .wizard-actions button[hidden],#lesson-form .wizard-panel[hidden],#lesson-form .wizard-panel button[hidden]{display:none!important}
#lesson-form .wizard-summary{border:1px solid rgba(207,188,255,.16);border-radius:16px;background:rgba(8,10,34,.3);padding:4px 15px}
#lesson-form .wizard-summary-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;line-height:1.5}
#lesson-form .wizard-summary-row:last-child{border:0}
#lesson-form .wizard-summary-row span{color:#b4b1d0}
#lesson-form .wizard-summary-row strong{font-weight:600;color:#f0eaff;white-space:pre-wrap;overflow-wrap:anywhere}
#lesson-form .wizard-record-note{margin-top:22px;padding:17px;border-radius:15px;background:rgba(108,204,200,.09);border:1px solid rgba(131,225,221,.18)}
#lesson-form .wizard-record-note b{font-size:13px;color:#cbf6f0}
#lesson-form .wizard-record-note p{font-size:12px;color:#c0c7db;line-height:1.7;margin:7px 0 0}
@keyframes wizardIn{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:490px){#lesson-form .wizard-progress{gap:4px}#lesson-form .wizard-progress-item{font-size:10px;padding:9px 2px}#lesson-form .wizard-heading h3{font-size:21px}#lesson-form .wizard-summary-row{grid-template-columns:88px minmax(0,1fr);gap:8px;font-size:12px}}

/* v0.9: drafts and inline review corrections */
#lesson-form .wizard-draft-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 16px;padding:10px 13px;background:rgba(137,221,211,.07);border:1px solid rgba(153,221,218,.17);border-radius:12px;color:#b9e6e1;font-size:12px}
#lesson-form .wizard-clear{background:transparent;border:0;color:#c4b7f5;text-decoration:underline;text-underline-offset:3px;font-size:12px;white-space:nowrap;padding:4px}
#lesson-form .wizard-review-edit{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
#lesson-form .wizard-review-edit .smallbtn{font-size:12px;padding:9px 10px}
#lesson-form .wizard-actions{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:5;padding:10px 0 2px;background:linear-gradient(180deg,transparent,rgba(22,22,50,.92) 26%,rgba(22,22,50,.96));border-radius:14px}
@media(min-width:721px){#lesson-form .wizard-actions{position:static;background:none;padding:0}}