@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--color-bg: #f3e6d5;--color-bg-alt: #ead8bf;--color-surface: #fff8ef;--color-surface-muted: #f7ecdd;--color-border: #dbc0a0;--color-text: #26352f;--color-text-muted: #5b6a61;--color-accent: #b6672f;--color-accent-hover: #9e5526;--color-danger: #b84d3d;--color-success: #4d7a44;--shadow-soft: 0 18px 48px rgb(88 58 32 / 10%);--shadow-card: 0 28px 80px rgb(88 58 32 / 16%);color:var(--color-text);background:radial-gradient(circle at top,#fff6e8 0%,var(--color-bg) 45%,#e6d2b6 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,#fff6e8 0%,var(--color-bg) 45%,#e6d2b6 100%);color:var(--color-text);margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:999px;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}.app-shell{display:grid;gap:24px;min-height:100vh;padding:40px 20px}.auth-shell{align-content:center;padding-block:56px}.auth-shell-split{align-items:stretch;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);justify-content:center;margin:0 auto;max-width:1160px}.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) 72%,white)}.workspace-sidebar{display:grid;align-content:start;gap:28px;padding:32px 24px;background:linear-gradient(180deg,#f8ebd9,#efdfc8);border-right:1px solid var(--color-border)}.workspace-brand{display:grid;gap:8px}.workspace-brand .eyebrow{margin-bottom:0}.workspace-brand-title{margin:0;color:color-mix(in srgb,var(--color-text) 92%,white);font-size:1.2rem;font-weight:800;line-height:1.2}.workspace-sidebar nav{display:grid;gap:10px}.workspace-sidebar nav button{width:100%;border:1px solid transparent;background:#fff8efb8;color:color-mix(in srgb,var(--color-text) 88%,white);justify-content:flex-start;padding-inline:18px;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:#fffdf8;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,#bf7238 0%,var(--color-accent) 100%);box-shadow:0 16px 34px #b6672f33;color:var(--color-surface)}.workspace-sidebar nav button[aria-current=page]:hover:not(:disabled){background:linear-gradient(180deg,#bf7238 0%,var(--color-accent) 100%);border-color:transparent;color:var(--color-surface)}.workspace-main{display:grid;align-content:start;gap:24px;padding:24px;background:linear-gradient(180deg,#fffaf2e0,#f7ecddeb)}.workspace-topbar{display:flex;align-items:start;justify-content:space-between;gap:16px;border:1px solid var(--color-border);border-radius:28px;background:#fff8efeb;box-shadow:var(--shadow-soft);padding:24px 28px}.workspace-content{display:grid;gap:24px;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(560px,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:28px;background:var(--color-surface);box-shadow:var(--shadow-card);padding:28px}.hero-card{position:relative;overflow:hidden}.auth-hero-card,.auth-card{width:min(560px,100%)}.auth-hero-card{padding-bottom:24px}.auth-card{padding-top:24px}.hero-card:after{position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:999px;background:#f4c56f;content:"";opacity:.32}.workspace-grid{display:grid;gap:24px;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);justify-self:center;width:min(1160px,100%)}.dashboard-workspace{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);align-items:start}.dashboard-primary-panel,.dashboard-side-rail{display:grid;gap:24px;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 12px;color:var(--color-accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0 0 16px}h1{font-size:clamp(2.5rem,8vw,5rem);line-height:.95}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{color:color-mix(in srgb,var(--color-text) 88%,white);font-size:1rem}.hero-copy{max-width:720px;color:var(--color-text-muted);font-size:1.15rem;line-height:1.7}.review-note{margin-top:20px;border-left:4px solid #d9822b;border-radius:16px;background:#fff0d9;padding:16px 18px;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}.auth-switch button{background:var(--color-surface-muted);color:#6d3b1c}.error-banner{border:1px solid color-mix(in srgb,var(--color-danger) 45%,white);border-radius:18px;background:#fff1ef;color:#8a2d22;font-weight:800;padding:16px 18px}.form-stack{display:grid;gap:16px}.form-section-group{display:grid;gap:16px;border:1px solid var(--color-border);border-radius:20px;background:#fffdf8;padding:18px}.field-row{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:7px;color:color-mix(in srgb,var(--color-text) 90%,white);font-weight:800}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:16px;background:#fffdf8;color:var(--color-text);padding:12px 14px}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #d8822b29;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:8px}.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:72ch;color:var(--color-text-muted);line-height:1.6}.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:24px;width:100%}.shared-lesson-shell{background:linear-gradient(180deg,#fffaf2,#fff6ea)}.lesson-detail-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.lesson-detail-title-block{display:grid;gap:8px}.lesson-detail-title-block h2,.lesson-detail-title-block .eyebrow{margin:0}.lesson-detail-actions{display:grid;gap:14px;justify-items:end}.lesson-detail-sections{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-detail-band{display:grid;gap:16px;border:1px solid #ead7bd;border-radius:24px;background:#fffdf8;padding:20px}.lesson-detail-band h2{margin:0}.edit-actions,.version-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.version-button{background:var(--color-surface-muted);color:#6d3b1c;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:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.result-section,.tool-trace{border:1px solid var(--color-border);border-radius:20px;background:#fffdf8;padding:18px}ul{margin:0;padding-left:20px}li+li{margin-top:8px}.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:12px;margin-top:18px;padding:18px;border:1px solid var(--color-border);border-radius:20px;background:#fff7eb}.share-url-input{color:#6d3b1c;font-weight:700}.dashboard-lessons-list{display:grid;gap:12px}.dashboard-lesson-item{display:grid;gap:8px;border:1px solid #ead7bd;border-radius:18px;background:#fffdf8;padding:16px}.dashboard-lesson-item:last-child{padding-bottom:16px}.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:22px}.lesson-list-header{gap:10px}.lesson-list-stack{display:grid;gap:14px}.lesson-list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #ead7bd;border-radius:20px;background:#fffdf8;padding:18px 20px}.lesson-list-content{display:grid;gap:8px}.lesson-list-content h3,.lesson-list-meta,.lesson-list-actions p{margin:0}.lesson-list-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--color-text-muted);font-size:.95rem;font-weight:700}.lesson-list-actions{display:grid;justify-items:end;gap:10px}.lesson-share-state{border-radius:999px;background:var(--color-surface-muted);color:#6d3b1c;font-size:.92rem;font-weight:800;padding:8px 12px}.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{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:22px;padding:22px}.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}}