@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--color-bg: #f3f5f7;--color-bg-alt: #e7ebf0;--color-surface: #ffffff;--color-surface-muted: #eff3f6;--color-border: #d7dde5;--color-text: #111827;--color-text-muted: #667085;--color-accent: #d97a68;--color-accent-hover: #c86d5d;--color-danger: #b84d3d;--color-success: #4d7a44;--shadow-soft: 0 10px 26px rgb(15 23 42 / 6%);--shadow-card: 0 16px 40px rgb(15 23 42 / 8%);color:var(--color-text);background:radial-gradient(circle at top,#fafbfc 0%,var(--color-bg) 50%,#e6eaef 100%);font-family:Be Vietnam Pro,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#fafbfc 0%,var(--color-bg) 50%,#e6eaef 100%);color:var(--color-text);margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;background:var(--color-accent);color:var(--color-surface);cursor:pointer;font-weight:800;padding:13px 20px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}button:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 14px 32px #b6672f3d;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{background:var(--color-surface-muted);color:#8a4a28}.secondary-button:hover:not(:disabled){background:#e8eef3;box-shadow:none}.app-shell{display:grid;gap:20px;min-height:100vh;padding:32px 20px}.auth-shell{align-content:center;padding-block:40px}.auth-shell-split{align-items:stretch;grid-template-columns:minmax(300px,.98fr) minmax(300px,.82fr);justify-content:center;margin:0 auto;max-width:980px}.workspace-shell{display:grid;gap:0;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:100vh;background:color-mix(in srgb,var(--color-surface) 94%,var(--color-bg-alt))}.workspace-sidebar{display:grid;align-content:start;gap:22px;padding:24px 18px;background:linear-gradient(180deg,#f4f6f8,#e9edf2);border-right:1px solid var(--color-border)}.workspace-brand{display:grid;gap:4px}.workspace-brand .eyebrow{margin-bottom:0}.workspace-brand-title{margin:0;color:color-mix(in srgb,var(--color-text) 92%,white);font-size:1rem;font-weight:800;line-height:1.2}.workspace-sidebar nav{display:grid;gap:8px}.workspace-sidebar nav button{width:100%;border:1px solid transparent;background:#ffffffc7;color:color-mix(in srgb,var(--color-text) 88%,white);justify-content:flex-start;border-radius:14px;font-size:.95rem;padding:10px 14px;text-align:left;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.workspace-sidebar nav button:hover:not(:disabled){background:#fff;border-color:color-mix(in srgb,var(--color-border) 78%,white);color:var(--color-accent)}.workspace-sidebar nav button[aria-current=page]{background:linear-gradient(180deg,#e39a8c 0%,var(--color-accent) 100%);box-shadow:0 8px 18px #d97a6824;color:var(--color-surface)}.workspace-sidebar nav button[aria-current=page]:hover:not(:disabled){background:linear-gradient(180deg,#e39a8c 0%,var(--color-accent) 100%);border-color:transparent;color:var(--color-surface)}.workspace-main{display:grid;align-content:start;gap:14px;padding:16px;background:linear-gradient(180deg,#fafbfcf5,#f0f3f6fa)}.workspace-topbar{display:flex;align-items:start;justify-content:space-between;gap:16px;border:1px solid var(--color-border);border-radius:18px;background:#fffffff0;box-shadow:0 8px 20px #0f172a0d;padding:16px 18px}.workspace-content{display:grid;gap:18px;align-content:start}.dashboard-workspace-single{grid-template-columns:minmax(0,1fr)}.dashboard-api-status{margin-top:4px}.auth-brand-panel,.auth-form-panel{width:100%}.auth-brand-panel{min-height:100%}.auth-form-panel{display:grid;align-items:center}.auth-card-panel{width:min(460px,100%)}.hero-card,.panel-card,.results-card,.error-banner{width:min(1160px,100%);justify-self:center}.hero-card,.panel-card,.results-card{border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-card);padding:18px}.hero-card{position:relative;overflow:hidden}.auth-hero-card,.auth-card{width:min(460px,100%)}.auth-hero-card{padding-bottom:20px}.auth-card{padding-top:20px}.hero-card:after{position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:999px;background:#ef9a68;content:"";opacity:.14}.workspace-grid{display:grid;gap:18px;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);justify-self:center;width:min(1160px,100%)}.dashboard-workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:start}.dashboard-primary-panel,.dashboard-side-rail{display:grid;gap:18px;align-content:start}.dashboard-primary-panel>.panel-card,.dashboard-side-rail>.panel-card{width:100%}.dashboard-created-lessons-panel{width:100%}.eyebrow{margin:0 0 8px;color:var(--color-accent);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0 0 12px}h1{font-size:clamp(2rem,4.8vw,3rem);line-height:1.05}h2{font-size:clamp(1.43rem,2.95vw,1.96rem)}h3{color:color-mix(in srgb,var(--color-text) 88%,white);font-size:1rem}.hero-copy{margin:0;max-width:30ch;color:var(--color-text-muted);font-size:1rem;line-height:1.5}.auth-benefits-list{display:grid;gap:10px;margin-top:18px;padding-left:18px;color:color-mix(in srgb,var(--color-text) 86%,white);font-size:.95rem;font-weight:700}.review-note{margin-top:8px;border-left:4px solid #db816f;border-radius:14px;background:#fff5f2;padding:14px 16px;font-weight:700}.api-status,.status-line{color:var(--color-text-muted);font-size:.95rem;font-weight:800}.api-status{margin-top:16px}.auth-switch{display:flex;justify-content:flex-start;margin-top:2px}.auth-switch button{background:var(--color-surface-muted);color:#8a4a28;padding:10px 16px}.error-banner{border:1px solid color-mix(in srgb,var(--color-danger) 45%,white);border-radius:14px;background:#fff6f3;color:#8a2d22;font-weight:800;padding:14px 16px}.form-stack{display:grid;gap:10px}.auth-form-stack{gap:10px}.auth-form-fields{gap:12px}.form-section-group{display:grid;gap:12px;border:1px solid var(--color-border);border-radius:16px;background:#fdfefe;padding:16px}.field-row{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:6px;color:color-mix(in srgb,var(--color-text) 90%,white);font-weight:800;font-size:.96rem}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-text);padding:11px 13px}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #d96f3b24;outline:none}.checkbox-field{align-items:center;display:flex;gap:10px}.checkbox-field input{width:auto}.result-heading{align-items:start;display:flex;gap:16px;justify-content:space-between}.panel-header-block{display:grid;gap:6px}.panel-header-block h2,.panel-header-block h3,.panel-header-block .eyebrow,.panel-header-block .status-line{margin:0}.panel-copy{margin:0;max-width:60ch;color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.result-actions{align-items:flex-end;display:grid;gap:12px;justify-items:end}.shared-page-frame{align-content:start;justify-items:center}.shared-page-content{display:grid;gap:24px;width:min(1040px,100%)}.lesson-detail-shell,.shared-lesson-shell{display:grid;gap:18px;width:100%}.shared-lesson-shell{background:linear-gradient(180deg,#fafbfc,#eef2f5)}.lesson-detail-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.lesson-detail-title-block{display:grid;gap:6px}.lesson-detail-title-block h2,.lesson-detail-title-block .eyebrow{margin:0}.lesson-detail-actions{display:grid;gap:10px;justify-items:end}.lesson-detail-sections{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-detail-band{display:grid;gap:12px;border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcfd);padding:16px}.lesson-detail-band h2{margin:0}.edit-actions,.version-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.version-button{background:var(--color-surface-muted);color:#8a4a28;padding:10px 14px}.version-button-active{background:var(--color-accent-hover);box-shadow:inset 0 3px 7px #371f0f59;color:var(--color-surface);transform:translateY(2px)}.version-button-active:hover:not(:disabled){box-shadow:inset 0 3px 7px #371f0f59;transform:translateY(2px)}.model-pill{border-radius:999px;background:color-mix(in srgb,var(--color-success) 18%,white);color:#3d5d2e;font-weight:800;margin:0;padding:10px 14px}.section-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.result-section,.tool-trace{border:1px solid var(--color-border);border-radius:16px;background:#fff;padding:16px}.section-header-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.section-edit-trigger{padding:8px 12px;border:1px solid var(--color-border);background:transparent;color:#8a4a28;box-shadow:none}.section-edit-trigger:hover:not(:disabled){background:var(--color-surface-muted);box-shadow:none;transform:none}.section-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.structured-editor-list{display:grid;gap:12px}.checklist-editor-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center}ul{margin:0;padding-left:20px}li+li{margin-top:4px}.tool-trace{margin-top:16px}.tool-trace p{color:var(--color-text-muted);margin:8px 0 0;overflow-wrap:anywhere}.share-panel{display:grid;gap:10px;margin-top:4px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:#f4f7fa}.share-url-input{color:#8a4a28;font-weight:700}.dashboard-lessons-list{display:grid;gap:10px}.dashboard-lesson-item{display:grid;gap:6px;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfc);padding:14px 16px}.lesson-card-meta{margin:0;color:var(--color-text-muted);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.dashboard-lesson-link{padding:0;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--color-text) 88%,white);font-size:1rem;font-weight:800;text-align:left;box-shadow:none}.dashboard-lesson-link:hover:not(:disabled){box-shadow:none;color:var(--color-accent);text-decoration:underline;transform:none}.lesson-list-shell{display:grid;gap:16px}.lesson-list-header{gap:6px}.lesson-list-stack{display:grid;gap:10px}.lesson-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfc);padding:14px 16px}.lesson-list-content{display:grid;gap:6px}.lesson-list-content h3,.lesson-list-meta,.lesson-list-actions p{margin:0}.lesson-list-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--color-text-muted);font-size:.86rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.lesson-list-actions{display:grid;justify-items:end;gap:8px}.lesson-share-state{border-radius:999px;background:var(--color-surface-muted);color:#6d3b1c;font-size:.8rem;font-weight:800;letter-spacing:.04em;padding:7px 11px;text-transform:uppercase}.lesson-share-state-live{background:color-mix(in srgb,var(--color-success) 18%,white);color:#3d5d2e}@media(max-width:1180px){.dashboard-workspace{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:20px}.dashboard-workspace-single{grid-template-columns:minmax(0,1fr)}.lesson-detail-sections,.section-grid{grid-template-columns:1fr}}@media(max-width:900px){.result-heading,.lesson-detail-header,.lesson-list-row{display:grid}.dashboard-workspace,.field-row,.lesson-detail-sections,.section-grid,.checklist-editor-row{grid-template-columns:1fr}.lesson-list-row,.result-heading,.lesson-detail-header{gap:14px}.lesson-list-actions,.result-actions,.lesson-detail-actions,.edit-actions,.version-selector{justify-items:start;justify-content:flex-start}}@media(max-width:960px){.workspace-shell,.auth-shell-split{grid-template-columns:1fr}.workspace-sidebar{border-right:0;border-bottom:1px solid var(--color-border)}}@media(max-width:820px){.app-shell{padding:24px 14px}.auth-shell{align-content:start;justify-items:stretch;padding-block:24px}.workspace-grid{grid-template-columns:1fr}.workspace-main,.workspace-sidebar,.workspace-topbar{padding:20px}.workspace-topbar{display:grid}.hero-card,.panel-card,.results-card{border-radius:18px;padding:18px}.result-actions,.lesson-detail-actions,.edit-actions,.version-selector{justify-content:flex-start;justify-items:stretch}.lesson-list-row{justify-content:stretch}.lesson-list-actions{justify-items:start}}