:root{--paper: #fffefa;--line: #dbeafe;--margin: #ffb6c1;--ink: #4f46e5;--text: #263043;--muted: #6b7280;--card: #ffffff;--border: #dfe5ef;--radius: 18px;--font-size: 16px;--line-gap: 30px;--shadow: 0 14px 42px rgba(31, 41, 55, .1);--topic: #4f46e5;--topic2: #00b894;--page-bg: transparent;--page-card: #ffffff;--page-heading: var(--topic);--page-text: #334155}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-size:var(--font-size);font-family:Avenir Next,SF Pro Display,SF Pro Text,Inter,Helvetica Neue,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--line-gap) - 1px),var(--line) calc(var(--line-gap) - 1px),var(--line) var(--line-gap))}button,input{font:inherit}.paper-margin{position:fixed;left:76px;top:0;bottom:0;width:2px;background:var(--margin);z-index:0;pointer-events:none;opacity:.9}.paper-margin.hidden{display:none}.topbar{position:sticky;top:0;z-index:60;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 28px;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(203,213,225,.72);box-shadow:0 3px 18px #0f172a0a}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;cursor:pointer;color:inherit;text-align:left}.brand-icon{width:43px;height:43px;border-radius:50% 46% 52% 43%;display:grid;place-items:center;color:#fff;background:conic-gradient(from 30deg,#6c5ce7,#0984e3,#00b894,#fdcb6e,#e84393,#6c5ce7);font-size:21px;font-weight:900;box-shadow:0 8px 22px #4f46e53b;transform:rotate(-4deg)}.brand-copy strong{display:block;font-size:15px;letter-spacing:-.01em}.brand-copy small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;gap:8px}.top-btn,.back-btn,.soft-btn,.edit-btn{border:1px solid #d8e0eb;background:#fff;color:#334155;padding:9px 13px;border-radius:12px;cursor:pointer;box-shadow:0 2px 6px #0f172a08;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex;align-items:center;gap:7px}.top-btn:hover,.back-btn:hover,.soft-btn:hover,.edit-btn:hover{transform:translateY(-1px);border-color:#b8c5d7;box-shadow:0 6px 18px #0f172a12}.top-btn.primary,.settings-footer .primary{background:var(--ink);color:#fff;border-color:transparent}.top-btn svg,.draw-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.draw-nav-btn.active{background:#111827;color:#fff;border-color:#111827}.btn-glyph{font-weight:900}.view{display:none;position:relative;z-index:1}.view.active{display:block}.notebook-section{max-width:1440px;margin:auto;padding-left:105px;padding-right:48px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;min-height:620px;padding-top:76px;padding-bottom:58px}.eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#64748b;text-transform:uppercase}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.99;letter-spacing:-.055em;margin:14px 0 23px;max-width:800px}.ink-pink{color:#e84393}.ink-blue{color:#2563eb}.hero-copy>p{font-size:18px;line-height:1.72;color:#576579;max-width:720px}.hero-actions{display:flex;gap:11px;margin:27px 0 22px}.cta{border:0;color:#fff;background:linear-gradient(135deg,#6c5ce7,#2563eb);padding:12px 18px;border-radius:13px;font-weight:800;cursor:pointer;box-shadow:0 11px 30px #4f46e540}.feature-row{display:flex;flex-wrap:wrap;gap:8px}.feature-row span{padding:8px 11px;background:#ffffffc2;border:1px solid #dce5ef;border-radius:999px;color:#59677a;font-size:12px;font-weight:650}.card-paper{background:#fff;border:1px solid #dfe6ee;border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.hero-model{min-height:470px;padding:24px;overflow:hidden;background:linear-gradient(145deg,#fff,#fbfdff)}.hero-model:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#d7e2ef 1px,transparent 1px);background-size:18px 18px;opacity:.32;pointer-events:none}.model-title{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.model-title span{font-size:11px;letter-spacing:.12em;font-weight:900;color:#94a3b8;text-transform:uppercase}.model-title b{font-size:17px;color:#4f46e5}.hero-model canvas{width:100%;height:auto;display:block;position:relative;z-index:1;cursor:grab;touch-action:none}.hero-model canvas:active{cursor:grabbing}.model-ui-note{text-align:center;color:#8090a5;font-size:11px;letter-spacing:.09em;text-transform:uppercase;position:relative;z-index:2}.tape{position:absolute;width:80px;height:24px;background:#ffe17e94;z-index:3;box-shadow:0 1px 3px #0000000d}.tape-a{left:-15px;top:17px;transform:rotate(-18deg)}.tape-b{right:-18px;bottom:28px;transform:rotate(16deg)}.topic-zone{padding-top:25px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:0 0 24px}.section-head h2{font-size:36px;letter-spacing:-.035em;margin:6px 0;position:relative;display:inline-block}.section-head h2:after,.lesson-title-row h1:after,.lesson-card h3:after{content:"";display:block;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--topic),var(--topic2));transform-origin:left;animation:underlineIn .55s cubic-bezier(.2,.8,.2,1) both}.section-head h2:after{width:58%;margin-top:8px}.section-head p{max-width:570px;color:#64748b;line-height:1.55}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.topic-card{border:1px solid #dfe5ed;background:#fff;border-radius:var(--radius);padding:20px;min-height:250px;position:relative;text-align:left;color:inherit;cursor:pointer;box-shadow:0 8px 24px #1e293b0f;transition:.22s;overflow:hidden}.topic-card:before{content:"";position:absolute;right:-52px;top:-54px;width:150px;height:150px;border-radius:50%;background:var(--card-accent);opacity:.09}.topic-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--card-accent);opacity:.85}.topic-card:hover{transform:translateY(-6px) rotate(-.25deg);box-shadow:0 18px 45px color-mix(in srgb,var(--card-accent) 14%,rgba(15,23,42,.08));border-color:color-mix(in srgb,var(--card-accent) 35%,#dfe5ed)}.topic-top{display:flex;justify-content:space-between;align-items:flex-start}.topic-num{font-size:11px;color:#94a3b8;letter-spacing:.12em;font-weight:900}.topic-icon{font-size:38px;color:var(--card-accent);filter:drop-shadow(0 6px 9px color-mix(in srgb,var(--card-accent) 18%,transparent))}.topic-card h3{font-size:20px;margin:31px 0 8px;letter-spacing:-.02em}.topic-card p{font-size:13px;color:#66758a;line-height:1.5;margin:0 0 16px}.topic-meta{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:16px;left:20px;right:18px;font-size:11px;color:#8492a5}.topic-meta b{color:var(--card-accent)}.lesson-shell{display:grid;grid-template-columns:278px minmax(0,1fr);max-width:1540px;margin:auto;transition:grid-template-columns .24s ease}.lesson-shell.collapsed{grid-template-columns:76px minmax(0,1fr)}.lesson-sidebar{border-right:1px solid #dde5ef;background:#ffffffbd;min-height:calc(100vh - 76px);transition:.24s}.sidebar-sticky{position:sticky;top:76px;padding:18px 14px;max-height:calc(100vh - 76px);overflow:auto}.sidebar-toprow{display:flex;gap:7px;align-items:center}.back-btn{flex:1;margin-bottom:14px;text-align:left}.collapse-btn{width:36px;height:36px;border:1px solid #d8e0eb;border-radius:10px;background:#fff;color:#64748b;font-size:22px;cursor:pointer;margin-bottom:14px;flex:0 0 auto;transition:.2s}.collapse-btn:hover{background:#f8fafc}.lesson-shell.collapsed .collapse-btn{transform:rotate(180deg)}.sidebar-title{font-size:10px;font-weight:900;color:#94a3b8;letter-spacing:.15em;padding:0 10px 7px}.lesson-nav{display:flex;flex-direction:column;gap:5px}.lesson-nav button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:11px;color:#6b778a;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:9px;min-height:40px}.nav-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--nav-color) 11%,white);color:var(--nav-color);font-size:15px;flex:0 0 auto}.lesson-nav button:hover,.lesson-nav button.active{background:#fff;color:#1f2937;box-shadow:0 3px 12px #0f172a0d}.lesson-nav button.active{font-weight:800}.lesson-shell.collapsed .sidebar-hide,.lesson-shell.collapsed .nav-label{display:none}.lesson-shell.collapsed .sidebar-toprow{display:block}.lesson-shell.collapsed .back-btn{width:40px;height:40px;padding:0;justify-content:center;margin:0 auto 8px}.lesson-shell.collapsed .collapse-btn{display:block;margin:0 auto 12px}.lesson-shell.collapsed .lesson-nav button{justify-content:center;padding:7px}.lesson-shell.collapsed .nav-icon{width:36px;height:36px}.lesson-main{padding:43px 52px 100px 56px;max-width:1190px;width:100%;background:var(--page-bg);transition:background .2s,color .2s}.lesson-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.lesson-title-row h1{font-size:54px;letter-spacing:-.05em;margin:8px 0 9px;color:var(--page-heading);display:inline-block}.lesson-title-row h1:after{height:5px;width:45%;margin-top:8px}.lesson-title-row p{font-size:17px;line-height:1.6;color:#64748b;max-width:790px;margin:0}.source-pages{display:inline-flex;margin-top:13px;padding:7px 10px;border-radius:9px;background:#fff;border:1px solid #dfe5ed;color:#65748a;font-size:11px;cursor:pointer;transition:.18s}.source-pages:hover{border-color:var(--topic);color:var(--topic);transform:translateY(-1px)}.topic-sticker{width:86px;height:86px;border-radius:30% 45% 38% 50%;display:grid;place-items:center;color:#fff;font-size:38px;background:linear-gradient(145deg,var(--topic),var(--topic2));box-shadow:0 15px 30px color-mix(in srgb,var(--topic) 22%,transparent);transform:rotate(5deg)}.lesson-toolbar-wrap{margin-top:30px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #d8e0ea}.subtabs{display:flex;gap:4px;overflow:auto}.subtabs button{border:0;background:transparent;padding:12px 13px;color:#708096;font-size:12px;font-weight:750;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:6px;position:relative}.subtabs button:after{content:"";position:absolute;left:15%;right:15%;bottom:-3px;height:3px;background:var(--page-heading);border-radius:99px;transform:scaleX(0);transition:transform .2s}.subtabs button.active{color:var(--page-heading)}.subtabs button.active:after{transform:scaleX(1)}.tab-icon{font-size:14px}.edit-actions{display:flex;gap:7px;padding-bottom:7px;flex-shrink:0}.edit-btn{padding:8px 10px;font-size:11px}.edit-btn.save{background:#16a34a;color:#fff;border-color:#16a34a}.edit-btn.danger{color:#c2410c}.page-theme-editor{margin:14px 0 2px;padding:12px 14px;background:#fff;border:1px dashed #cbd5e1;border-radius:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 6px 18px #0f172a0a}.page-theme-title{display:flex;flex-direction:column;margin-right:8px}.page-theme-title span{font-size:12px;font-weight:850;color:#334155}.page-theme-title small{font-size:10px;color:#94a3b8}.page-theme-editor label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#64748b}.page-theme-editor input[type=color]{width:31px;height:31px;border:0;background:transparent;padding:0}.page-theme-editor button{border:1px solid #d8e0eb;background:#fff;padding:7px 9px;border-radius:9px;font-size:10px;cursor:pointer}.tab-content{padding-top:9px}.tab-lead{font-size:17px;line-height:1.65;color:var(--page-text);margin:13px 0 20px;padding-left:15px;border-left:4px solid var(--page-heading)}.content-grid{display:grid;grid-template-columns:1fr;gap:15px}.lesson-card{position:relative;background:var(--page-card);color:var(--page-text);border:1px solid color-mix(in srgb,var(--page-heading) 13%,#dce4ed);border-radius:var(--radius);padding:23px 24px;box-shadow:0 7px 22px #1e293b0d;overflow:hidden}.lesson-card h2,.lesson-card h3{margin:0 0 14px;letter-spacing:-.025em}.lesson-card h3{font-size:20px;color:var(--page-heading);display:inline-block}.lesson-card h3:after{height:3px;width:54%;margin-top:6px}.lesson-card p,.lesson-card li,.lesson-card [data-editable]{line-height:1.65}.lesson-card b{color:color-mix(in srgb,var(--page-text) 90%,black)}.lesson-card ul{margin:8px 0;padding-left:20px}.lesson-card li{margin:8px 0}.lesson-card .scribble{position:absolute;right:18px;top:15px;font-size:30px;opacity:.11;color:var(--page-heading);transform:rotate(-8deg)}.property-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.property-item{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;background:color-mix(in srgb,var(--page-card) 93%,#eaf2ff);border:1px solid color-mix(in srgb,var(--page-heading) 12%,#e3e9f1);border-radius:13px}.property-check{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--page-heading) 11%,white);color:var(--page-heading);font-weight:900;flex:0 0 auto}.step-list{counter-reset:steps;display:flex;flex-direction:column;gap:4px}.step-item{counter-increment:steps;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.step-item:before{content:counter(steps);width:31px;height:31px;border-radius:50% 45% 53% 42%;display:grid;place-items:center;background:var(--page-heading);color:#fff;font-size:12px;font-weight:900;box-shadow:0 5px 12px color-mix(in srgb,var(--page-heading) 20%,transparent)}.step-item div{padding:6px 0 12px;border-bottom:1px dashed #d7dfe9}.step-item:last-child div{border-bottom:0}.example-card{border-left:5px solid var(--page-heading)}.example-q{font-weight:800;font-size:16px;line-height:1.5;margin-bottom:15px}.answer-strip{margin-top:14px;display:flex;gap:8px;align-items:center;padding:11px 13px;background:color-mix(in srgb,var(--page-heading) 7%,var(--page-card));border:1px solid color-mix(in srgb,var(--page-heading) 23%,#dce4ed);border-radius:12px}.answer-strip b{color:var(--page-heading)}.callout{border:1px solid color-mix(in srgb,var(--page-heading) 20%,#dce4ed);background:color-mix(in srgb,var(--page-heading) 5%,var(--page-card))}.visual-card{padding:0;overflow:hidden}.visual-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.visual-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:0;min-height:390px}.visual-canvas-wrap{position:relative;min-height:390px;background:radial-gradient(circle at 50% 45%,#fff 0,#f8fbff 60%,#f2f7fc);border-right:1px solid #e1e8f0;overflow:hidden}.visual-canvas{width:100%;height:390px;display:block;cursor:grab;touch-action:none}.visual-canvas:active{cursor:grabbing}.diagram-panel{padding:17px;background:var(--page-card)}.diagram-panel svg{width:100%;height:220px;display:block}.visual-caption:empty{display:none}.visual-caption{font-size:12px;line-height:1.5;color:#77869a;margin-top:8px}.palette-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.palette-row label{font-size:10px;color:#7b8796;text-transform:uppercase;letter-spacing:.08em}.model-color{width:31px;height:31px;border:0;background:none;padding:0;cursor:pointer}.visual-controls{display:flex;gap:7px;margin-top:10px}.visual-controls button{border:1px solid #dae2ec;background:#f8fafc;padding:7px 9px;border-radius:9px;font-size:10px;cursor:pointer;color:#536176}.model-rotate-label{font-size:9px;color:#94a3b8;align-self:center;text-transform:uppercase;letter-spacing:.08em}.table-wrap{overflow:auto}.lesson-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.lesson-table th{background:color-mix(in srgb,var(--page-heading) 9%,var(--page-card));color:#344054;text-align:left;padding:11px;border-top:1px solid #dde5ed;border-bottom:1px solid #dde5ed}.lesson-table th:first-child{border-left:1px solid #dde5ed;border-top-left-radius:10px}.lesson-table th:last-child{border-right:1px solid #dde5ed;border-top-right-radius:10px}.lesson-table td{padding:11px;vertical-align:top;border-bottom:1px solid #e4eaf1;line-height:1.45}.lesson-table td:first-child{border-left:1px solid #e4eaf1}.lesson-table td:last-child{border-right:1px solid #e4eaf1}.quiz-list{display:flex;flex-direction:column;gap:18px}.quiz-q{padding:14px;border:1px solid #e1e7ef;border-radius:14px;background:color-mix(in srgb,var(--page-card) 94%,#eef5ff)}.quiz-q>b{display:block;margin-bottom:10px}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quiz-options button{border:1px solid #dbe3ed;background:var(--page-card);padding:10px;border-radius:10px;text-align:left;cursor:pointer;color:var(--page-text);font-size:12px}.quiz-options button:hover{border-color:var(--page-heading)}.quiz-options button.correct{background:#ecfdf5;border-color:#34d399;color:#166534}.quiz-options button.wrong{background:#fef2f2;border-color:#f87171;color:#991b1b}.quiz-why{display:none;margin-top:9px;color:#637083;font-size:12px;line-height:1.45}.quiz-why.show{display:block}.card-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px}.card-media img{width:100%;max-height:290px;object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.card-edit-tools{display:none;position:absolute;right:11px;top:10px;gap:6px;z-index:4}.editing .lesson-card .card-edit-tools{display:flex}.card-edit-tools button{border:1px solid #d6deea;background:#fff;padding:6px 8px;border-radius:8px;font-size:10px;cursor:pointer;box-shadow:0 3px 10px #0f172a0f}.editing [data-editable]{outline:1px dashed color-mix(in srgb,var(--page-heading) 45%,#cbd5e1);outline-offset:3px;border-radius:4px;min-height:1em}.editing [data-editable]:focus{outline:2px solid var(--page-heading);background:#fffdf3}.editing .visual-card{outline:2px dashed color-mix(in srgb,var(--page-heading) 30%,#cbd5e1)}.studio{padding-top:38px;padding-bottom:90px}.studio-head{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:start}.studio-head .back-btn{width:auto}.studio-head h1{font-size:42px;margin:6px 0 8px;letter-spacing:-.04em}.studio-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:18px;margin-top:24px}.board{overflow:hidden}.board canvas{width:100%;height:auto;display:block}.measure-panel{padding:22px}.classification{display:inline-flex;padding:9px 13px;margin:10px 0 15px;background:linear-gradient(135deg,#6c5ce7,#2563eb);color:#fff;border-radius:12px;font-weight:900}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:10px;border:1px solid #e1e7ef;border-radius:11px;background:#fbfdff}.metric b{display:block;font-size:9px;letter-spacing:.1em;color:#94a3b8;text-transform:uppercase}.metric span{font-size:13px;font-weight:750}.measure-panel h3{font-size:13px;margin:18px 0 9px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset-grid button{border:1px solid #dce4ee;background:#fff;padding:9px;border-radius:9px;color:#56657a;font-size:11px;cursor:pointer}.preset-grid button:hover{border-color:#818cf8}.settings-drawer,.source-drawer{position:fixed;right:0;top:0;bottom:0;width:min(450px,94vw);background:#fff;z-index:111;box-shadow:-24px 0 70px #0f172a29;transform:translate(105%);transition:.25s;padding:24px;overflow:auto}.settings-drawer.open,.source-drawer.open{transform:translate(0)}.drawer-scrim{position:fixed;inset:0;background:#0f172a2e;z-index:110;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-scrim.show{display:block}.settings-head,.source-drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.settings-head h2,.source-drawer-head h2{margin:4px 0 8px}.settings-head button,.source-drawer-head button{border:0;background:none;font-size:28px;color:#64748b;cursor:pointer}.setting-group{margin:13px 0 20px}.setting-group>label,.setting-grid label{display:block;font-size:11px;font-weight:800;color:#64748b;margin-bottom:8px}.preset-themes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-themes button{padding:10px;border:1px solid #dce4ee;background:#fff;border-radius:10px;cursor:pointer;color:#526176}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setting-grid label{display:flex;flex-direction:column;gap:7px}.setting-grid input[type=color]{width:100%;height:39px;border:1px solid #dce4ee;border-radius:9px;background:#fff;padding:3px}.setting-grid input[type=range]{width:100%}.toggle-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:14px 0;font-size:12px!important}.settings-footer{position:sticky;bottom:-24px;background:#fff;padding:16px 0 5px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf1f5;margin-top:20px}.settings-footer button,.source-open-pdf{border:1px solid #dce4ee;background:#fff;padding:9px 13px;border-radius:10px;cursor:pointer}.source-drawer-head p{font-size:12px;color:#64748b;margin:0 0 16px}.source-thumbs{display:grid;gap:14px}.source-thumb{border:1px solid #dfe6ef;background:#fbfdff;border-radius:14px;padding:9px}.source-thumb img{width:100%;display:block;border-radius:9px;background:#fff}.source-thumb div{font-size:10px;color:#64748b;font-weight:750;letter-spacing:.05em;margin-top:8px}.source-open-pdf{width:100%;margin-top:16px;background:#111827;color:#fff;border-color:#111827}.draw-palette{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%,130%);z-index:125;background:#fffffff5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(203,213,225,.85);box-shadow:0 20px 70px #0f172a38;border-radius:22px;padding:9px 11px;display:flex;align-items:center;gap:8px;transition:transform .24s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 22px)}.draw-palette.open{transform:translate(-50%)}.draw-tools{display:flex;gap:5px}.draw-tool{border:0;background:transparent;border-radius:13px;padding:7px 9px;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:5px}.draw-tool span{font-size:10px;font-weight:800}.draw-tool.active{background:#111827;color:#fff}.draw-tool.laser.active{background:#ef4444}.draw-divider{width:1px;height:32px;background:#e2e8f0}.size-pills{display:flex;gap:4px;align-items:center}.size-pills button{width:31px;height:31px;border:1px solid transparent;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer}.size-pills button i{display:block;border-radius:50%;background:#334155}.size-pills button.active{border-color:#94a3b8;background:#f8fafc}.color-swatches{display:flex;gap:5px;align-items:center}.color-swatches>button{width:25px;height:25px;border-radius:50%;border:2px solid #fff;background:var(--sw);box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}.color-swatches>button.active{box-shadow:0 0 0 2px #111827}.custom-color{width:28px;height:28px;border-radius:50%;border:1px dashed #94a3b8;display:grid;place-items:center;position:relative;cursor:pointer;overflow:hidden}.custom-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.custom-color span{font-size:16px;color:#64748b}.draw-actions{display:flex;gap:3px}.draw-actions button,.palette-close{border:0;background:#f1f5f9;color:#475569;min-width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:11px}.finger-toggle{font-size:9px;color:#64748b;display:flex;align-items:center;gap:3px}.palette-close{font-size:18px}.ink-layer,.laser-layer{position:fixed;inset:0;width:100vw;height:100vh;z-index:48;pointer-events:none}.laser-layer{z-index:49}.ink-layer.active{pointer-events:auto;touch-action:pan-x pan-y pinch-zoom;cursor:crosshair}.ink-layer.tool-eraser{cursor:cell}.ink-layer.tool-laser{cursor:crosshair}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#1f2937;color:#fff;padding:10px 14px;border-radius:11px;font-size:12px;z-index:150;transition:.22s;pointer-events:none;box-shadow:0 10px 25px #0f172a38}.toast.show{opacity:1;transform:translate(-50%)}@keyframes underlineIn{0%{transform:scaleX(0);opacity:.25}to{transform:scaleX(1);opacity:1}}@media(max-width:1160px){.topic-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-model{max-width:760px}.visual-stage{grid-template-columns:1fr}.visual-canvas-wrap{border-right:0;border-bottom:1px solid #e1e8f0}.lesson-shell{grid-template-columns:225px 1fr}.lesson-shell.collapsed{grid-template-columns:72px 1fr}.lesson-main{padding-left:34px;padding-right:28px}.studio-grid{grid-template-columns:1fr}.draw-tool span,.finger-toggle{display:none}}@media(max-width:820px){.paper-margin{left:28px}.notebook-section{padding-left:48px;padding-right:22px}.topbar{padding:0 10px;height:auto;min-height:68px;gap:8px}.brand-copy small{display:none}.top-actions{gap:5px}.top-actions .top-btn{padding:8px}.top-actions .top-btn span:not(.btn-glyph){display:none}.topic-grid{grid-template-columns:repeat(2,1fr)}.lesson-shell,.lesson-shell.collapsed{display:block}.lesson-sidebar{min-height:auto;border-right:0;border-bottom:1px solid #dce4ee}.sidebar-sticky{position:relative;top:auto;max-height:none;padding:10px 18px}.sidebar-toprow{display:flex!important}.sidebar-sticky .back-btn{width:auto;margin:0 8px 8px 0}.collapse-btn{display:none!important}.sidebar-title{display:none}.lesson-nav{flex-direction:row;overflow:auto}.lesson-nav button{white-space:nowrap}.lesson-shell .nav-label{display:inline!important}.lesson-main{padding:30px 26px 80px 48px}.lesson-title-row h1{font-size:42px}.topic-sticker{width:62px;height:62px;font-size:28px}.lesson-toolbar-wrap{align-items:flex-end}.edit-actions{position:fixed;right:12px;bottom:12px;z-index:70;background:#fff;padding:7px;border:1px solid #dce4ee;border-radius:13px;box-shadow:0 10px 30px #0f172a26}.property-grid,.quiz-options,.studio-head{grid-template-columns:1fr}.studio{padding-left:48px;padding-right:20px}.draw-palette{overflow-x:auto;justify-content:flex-start}.draw-divider{display:none}.color-swatches>button:nth-of-type(n+5){display:none}.source-drawer,.settings-drawer{width:min(470px,96vw)}}@media(max-width:560px){.top-actions #studioBtn{display:none}.hero{padding-top:48px;min-height:auto}.hero h1{font-size:48px}.hero-model{min-height:360px;padding:16px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:220px}.section-head{display:block}.lesson-main{padding-left:44px;padding-right:15px}.lesson-title-row{display:block}.topic-sticker{margin-top:18px}.subtabs button{padding:10px 9px}.setting-grid,.metrics,.preset-grid{grid-template-columns:1fr}.visual-canvas{height:320px}.visual-canvas-wrap{min-height:320px}.page-theme-editor{align-items:flex-start}.draw-palette{left:8px;right:8px;transform:translateY(130%);max-width:none}.draw-palette.open{transform:translateY(0)}.size-pills button:nth-child(2){display:none}.draw-actions #inkRedo{display:none}}.v4-topbar{display:flex;justify-content:space-between;gap:14px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:70px;min-height:70px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.v4-topbar::-webkit-scrollbar{display:none}.top-actions-left,.top-actions-right{align-items:center;flex:0 0 auto}.top-btn.icon-only{min-width:42px;justify-content:center;font-size:20px;padding:8px 11px}.top-btn:disabled{opacity:.34;cursor:not-allowed;transform:none!important;box-shadow:none}.danger-top{color:#b42318;border-color:#fecaca}.v4-lesson-shell{display:block;max-width:1320px}.v4-lesson-shell .lesson-main{max-width:1160px;margin:0 auto;padding-left:64px;padding-right:64px;min-height:calc(100vh - 70px)}.topics-drawer{position:fixed;left:0;top:0;bottom:0;width:min(390px,92vw);background:#fff;z-index:132;box-shadow:24px 0 70px #0f172a2e;transform:translate(-105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);padding:22px 18px 28px;overflow:auto;overscroll-behavior:contain}.topics-drawer.open{transform:translate(0)}.topics-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:-22px;background:linear-gradient(#fff 84%,#ffffffd1);padding:22px 2px 14px;z-index:2}.topics-drawer-head h2{font-size:29px;margin:3px 0}.topics-drawer-head button{border:0;background:#f1f5f9;color:#475569;width:38px;height:38px;border-radius:12px;font-size:25px;cursor:pointer}.topics-home-btn{width:100%;border:1px solid #dce4ee;background:#f8fafc;color:#334155;border-radius:13px;padding:11px 13px;text-align:left;font-weight:800;cursor:pointer;margin-bottom:12px}.drawer-lesson-nav{display:grid;gap:9px}.drawer-topic{border:1px solid #e2e8f0;border-radius:15px;overflow:hidden;background:#fff}.drawer-topic-head{width:100%;border:0;background:linear-gradient(90deg,color-mix(in srgb,var(--nav-color) 9%,white),#fff);display:flex;align-items:center;gap:10px;text-align:left;padding:11px 12px;color:#293548;font-weight:850;cursor:pointer}.drawer-topic-head.active{box-shadow:inset 4px 0 var(--nav-color)}.drawer-page-list{display:grid;padding:4px 7px 8px}.drawer-page-btn{border:0;background:transparent;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:7px;text-align:left;padding:8px 9px;border-radius:9px;color:#69778a;cursor:pointer}.drawer-page-btn span{color:var(--nav-color);font-weight:900;text-align:center}.drawer-page-btn b{font-size:11px;font-weight:700}.drawer-page-btn:hover{background:#f8fafc;color:#253047}.topics-drawer+.drawer-scrim{z-index:131}.lesson-toolbar-wrap{justify-content:flex-start}.page-theme-editor,.edit-actions{display:none!important}.lesson-card{scroll-margin-top:92px}.settings-card{border:1px solid #e2e8f0;border-radius:17px;padding:16px;margin:14px 0;background:#fff;box-shadow:0 5px 18px #0f172a09}.settings-card h3{font-size:14px;margin:0 0 13px;color:#334155}.settings-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.secondary-settings-btn,.watermark-logo-row button{border:1px solid #dce4ee;background:#f8fafc;color:#475569;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:11px}.settings-card:not(.editing-enabled)#pageThemeSettings{opacity:.52}.settings-card:not(.editing-enabled)#pageThemeSettings:after{content:"Click Edit in the top bar to change this page";display:block;color:#94a3b8;font-size:10px;margin-top:8px}.full-setting{display:flex;flex-direction:column;gap:7px;color:#64748b;font-size:11px;font-weight:800}.full-setting input[type=text]{border:1px solid #dce4ee;border-radius:10px;padding:10px 11px;color:#334155;background:#fff}.mini-toggle{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b}.watermark-logo-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;margin:12px 0}.watermark-logo-preview{min-height:58px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;display:grid;place-items:center;overflow:hidden;color:#475569;font-weight:900;letter-spacing:.08em}.watermark-logo-preview img{max-width:100%;max-height:55px;object-fit:contain}.watermark-grid label span{font-size:10px;color:#94a3b8;font-weight:700}.watermark-layer{position:fixed;inset:70px 0 0;z-index:24;pointer-events:none;overflow:hidden;-webkit-user-select:none;user-select:none}.watermark-layer.off{display:none}.watermark-item{position:absolute;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#334155;font-weight:900;letter-spacing:.06em;text-transform:none;text-align:center;filter:grayscale(.1);mix-blend-mode:multiply}.watermark-item img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}.right-scroller{position:fixed;z-index:146;right:max(4px,env(safe-area-inset-right));top:82px;bottom:max(12px,env(safe-area-inset-bottom));width:30px;display:grid;grid-template-rows:28px 1fr 28px;gap:5px;align-items:stretch;transition:opacity .18s}.right-scroller.inactive{opacity:.22}.right-scroller button{border:1px solid #d6deea;background:#fffffff0;color:#64748b;border-radius:10px;display:grid;place-items:center;padding:0;font-size:15px;box-shadow:0 4px 14px #0f172a14;touch-action:none}.scroll-track{position:relative;border-radius:999px;background:#cbd5e161;border:1px solid rgba(148,163,184,.25);overflow:hidden;touch-action:none}.scroll-thumb{position:absolute;left:3px;right:3px;top:0;min-height:38px;border-radius:999px;background:linear-gradient(180deg,#64748b,#94a3b8);box-shadow:0 3px 8px #0f172a2e;touch-action:none;cursor:grab}.scroll-thumb:active{cursor:grabbing;background:#475569}.drawing-mode .right-scroller{opacity:1}.ink-layer.active{pointer-events:auto;touch-action:none!important;overscroll-behavior:none;cursor:crosshair}.drawing-mode{overscroll-behavior:none}.drawing-mode .topbar{-webkit-user-select:none;user-select:none}.drawing-mode .draw-palette{touch-action:manipulation}.draw-palette,.right-scroller,.topbar,.topics-drawer,.settings-page-view,.source-drawer{-webkit-user-select:none}@media(max-width:980px){.v4-topbar .top-btn span:not(.btn-glyph){display:none}.v4-topbar #topicsBtn span:last-child{display:inline}.v4-topbar{gap:5px}.v4-topbar .top-actions{gap:4px}.v4-topbar .top-btn{padding:8px 9px}.v4-lesson-shell .lesson-main{padding-left:48px;padding-right:38px}}@media(max-width:700px){.right-scroller{top:76px;width:27px}.v4-lesson-shell .lesson-main{padding:28px 40px 80px 42px}.lesson-title-row h1{font-size:40px}.settings-drawer,.source-drawer{width:min(470px,97vw)}.watermark-logo-row{grid-template-columns:1fr 1fr}.watermark-logo-preview{grid-column:1/-1}.top-actions-right #studioBtn{display:none}.draw-palette{bottom:max(10px,env(safe-area-inset-bottom))}}@media(max-width:480px){.v4-topbar{padding-left:6px;padding-right:36px}.v4-topbar .top-btn{min-width:37px}.v4-topbar #topicsBtn span:last-child{display:none}.right-scroller{right:2px}.v4-lesson-shell .lesson-main{padding-left:34px;padding-right:34px}.watermark-grid{grid-template-columns:1fr}.top-actions-right #pdfBtn{display:none}}.lesson-main{position:relative}.add-menu{position:fixed;top:78px;right:210px;z-index:190;width:250px;background:#fff;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 18px 55px #0f172a2e;padding:10px;display:none}.add-menu.open{display:block}.add-menu-head{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 9px}.add-menu-head button{border:0;background:#f1f5f9;width:28px;height:28px;border-radius:50%;cursor:pointer}.add-menu>button:not(.add-menu-head button){width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;background:#fff;padding:11px;border-radius:12px;cursor:pointer}.add-menu>button:hover{background:#f8fafc}.add-menu>button span{font-size:22px}.add-menu small{display:block;color:#94a3b8;margin-top:2px}.floating-media-layer{position:absolute;inset:0;pointer-events:none;z-index:58}.floating-media-item{position:absolute;border:1px solid #cbd5e1;border-radius:14px;background:#fff;box-shadow:0 14px 38px #0f172a2e;overflow:hidden;pointer-events:auto;min-width:140px;min-height:100px}.floating-media-bar{height:30px;display:flex;align-items:center;justify-content:space-between;background:#f8fafcf5;border-bottom:1px solid #e2e8f0;padding:0 6px 0 9px}.floating-media-drag{font-size:11px;font-weight:800;color:#64748b;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.floating-media-drag:active{cursor:grabbing}.floating-media-delete{border:0;background:#fff1f2;color:#be123c;border-radius:8px;width:24px;height:24px;cursor:pointer}.floating-media-body{height:calc(100% - 30px);background:#f8fafc}.floating-media-body img,.floating-media-body video{width:100%;height:100%;display:block;object-fit:contain;background:#0000}.floating-media-resize{position:absolute;right:0;bottom:0;width:24px;height:24px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 48%,#64748b 49% 58%,transparent 59% 67%,#94a3b8 68% 76%,transparent 77%)}.watermark-item{gap:8px;flex-direction:column}.watermark-item img{width:72%;max-height:70%;object-fit:contain}.watermark-text{display:block;color:#334155;font-weight:900;white-space:nowrap}@media(max-width:820px){.add-menu{right:18px;top:76px;width:230px}.floating-media-item{max-width:78vw}}.reset-workbook-card{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff8f8)}.reset-workbook-card h3{color:#991b1b!important;margin-bottom:0!important}.reset-workbook-card p{margin:10px 0 14px;color:#7f1d1d;font-size:11px;line-height:1.55}.reset-original-badge{font-size:9px;font-weight:900;letter-spacing:.11em;color:#b42318;background:#fee2e2;border:1px solid #fecaca;border-radius:999px;padding:4px 7px}.danger-settings-btn{width:100%;border:1px solid #dc2626;background:#dc2626;color:#fff;border-radius:11px;padding:10px 13px;font-weight:850;cursor:pointer;box-shadow:0 5px 14px #dc262629;transition:transform .16s,box-shadow .16s,background .16s}.danger-settings-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 8px 20px #b91c1c33}.loading-overlay{position:fixed;inset:0;z-index:260;display:grid;place-items:center;background:#f8fafc94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .16s ease}.loading-overlay.show{opacity:1;pointer-events:auto}.loading-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dbe4ef;border-radius:16px;padding:13px 17px;box-shadow:0 16px 42px #0f172a24;font-size:12px;font-weight:800;color:#475569}.loading-spinner{width:19px;height:19px;border-radius:50%;border:2.5px solid #dbe4ef;border-top-color:var(--ink);animation:v6spin .72s linear infinite}@keyframes v6spin{to{transform:rotate(360deg)}}.answer-reveal-btn{border:1px solid color-mix(in srgb,var(--page-heading) 24%,#dbe3ec);background:color-mix(in srgb,var(--page-heading) 6%,#fff);color:var(--page-heading);border-radius:10px;padding:9px 12px;font-size:11px;font-weight:850;cursor:pointer}.answer-reveal-btn:hover{border-color:var(--page-heading)}.answer-reveal-btn:disabled{opacity:.55;cursor:default}.example-answer{display:none;margin-top:13px}.example-answer.show,.example-answer.editing-show{display:block}.shape-rules{margin:2px 0 16px}.shape-rules h3{font-size:13px;margin:0 0 9px;color:#334155}.shape-rules ul{margin:0;padding-left:19px;display:grid;gap:8px}.shape-rules li{font-size:12px;line-height:1.5;color:#607086}.classification{margin-bottom:13px}.metrics,.metric{display:none!important}.model-settings-colours{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.model-settings-colours label{display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #e2e8f0;border-radius:10px;padding:8px 9px;font-size:10px;font-weight:850;color:#64748b}.model-settings-colours input{width:31px;height:31px;border:0;background:none;padding:0}.settings-note{display:block;margin-top:9px;color:#94a3b8;font-size:10px;line-height:1.45}.settings-card:not(.editing-enabled)#modelPaletteSettings{opacity:.52}.add-menu>button:not(.add-menu-head button)>svg{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:#475569;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.add-menu>button:not(.add-menu-head button)>div{min-width:0}.add-menu>button:not(.add-menu-head button)>span{display:none}.floating-media-item{background:#fff}.floating-media-bar{height:30px;padding:0 5px 0 7px;background:#fff}.floating-media-drag{border:0;background:transparent;width:28px;height:25px;padding:5px;display:grid;grid-template-columns:repeat(2,4px);grid-template-rows:repeat(3,4px);gap:2px;align-content:center;justify-content:center;cursor:grab;touch-action:none}.floating-media-drag span{width:4px;height:4px;border-radius:50%;background:#94a3b8}.floating-media-delete{font-size:18px;line-height:1;background:#fff;color:#64748b}.floating-media-delete:hover{background:#fff1f2;color:#be123c}.floating-note-card{background:#fff!important;border-color:#d8e0ea}.floating-note-card .floating-media-body{background:#fff!important;height:calc(100% - 30px)}.floating-note-text{width:100%;height:100%;box-sizing:border-box;padding:15px 16px;overflow:auto;outline:none;background:#fff!important;color:#1f2937;font:500 15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:pre-wrap;word-break:break-word}.floating-note-text:empty:before{content:"Write here…";color:#c0c8d4;pointer-events:none}.floating-note-text:focus{box-shadow:inset 0 0 0 2px #dbeafe}.floating-note-card .floating-media-resize{background:linear-gradient(135deg,transparent 0 48%,#64748b 49% 58%,transparent 59% 67%,#94a3b8 68% 76%,transparent 77%)}.color-picker-stack{display:flex;flex-direction:column;gap:5px}.active-color-label{font-size:9px;font-weight:850;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.palette-row{display:none!important}@media(max-width:700px){.loading-card{padding:12px 14px}.model-settings-colours{grid-template-columns:repeat(2,1fr)}.floating-note-card{min-width:170px}}.canvas-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;line-height:1.05;pointer-events:none;max-width:30vw;white-space:nowrap}.canvas-brand strong{font-size:14px;letter-spacing:-.02em}.canvas-brand span{font-size:10px;color:#64748b;margin-top:3px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hidden{display:none!important}.empty-canvas-state{min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.empty-canvas-state h1{font-size:clamp(30px,5vw,62px);margin:4px 0 0}.empty-canvas-state p{color:#64748b;margin:0}.empty-import-plus{width:118px;height:118px;border-radius:34px;border:2px dashed #a5b4fc;background:#fff;box-shadow:0 18px 55px #4f46e51f;font-size:58px;line-height:1;color:#4f46e5;cursor:pointer;transition:.2s transform,.2s box-shadow}.empty-import-plus:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 25px 70px #4f46e52b}.loaded-home{display:block}.topic-import-modal{position:fixed;inset:0;z-index:2600;background:#0f172a55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:24px}.topic-import-modal.show{display:flex}.topic-import-card{position:relative;width:min(680px,96vw);background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:30px;box-shadow:0 30px 100px #0f172a33}.topic-import-card h2{font-size:28px;margin:7px 0 8px}.topic-import-card>p{color:#64748b;line-height:1.55}.topic-import-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:12px;background:#f1f5f9;font-size:24px;cursor:pointer}.topic-import-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.topic-import-options button{min-height:150px;text-align:left;border:1px solid #dbe3ef;background:#fbfdff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.topic-import-options button:hover{border-color:#818cf8;background:#f8f8ff}.topic-import-options b{font-size:17px}.topic-import-options small{color:#64748b;line-height:1.4}.topic-import-options code{margin-top:auto;color:#4f46e5;background:#eef2ff;border-radius:8px;padding:5px 8px;width:max-content}.topic-import-status{min-height:22px;margin-top:16px;color:#475569;font-weight:700}.content-package-status{display:flex;flex-direction:column;gap:5px;padding:12px 0}.content-package-status small{color:#64748b}.content-package-actions{display:flex;gap:10px;flex-wrap:wrap}.content-format-badge{font-size:10px;font-weight:800;letter-spacing:.08em;background:#eef2ff;color:#4f46e5;padding:5px 8px;border-radius:999px}.lesson-media-block img,.lesson-media-block video{display:block;max-width:100%;width:100%;border-radius:14px}.lesson-media-caption{font-size:13px;color:#64748b;margin-top:8px}.content-divider{height:1px;background:#e2e8f0;margin:10px 0}.content-heading-block h2{margin:0;font-size:1.35em}@media(max-width:900px){.canvas-brand{display:none}.topic-import-options{grid-template-columns:1fr}.topic-import-card{padding:24px}.topic-import-options button{min-height:110px}}.canvas-brand{display:none!important}.v4-topbar{height:auto;min-height:70px;display:flex;flex-wrap:wrap;align-content:center;overflow:visible;transition:min-height .18s ease,padding-bottom .18s ease}.top-actions-left{margin-right:auto}.top-actions-right{margin-left:auto;max-width:100%;overflow-x:auto;scrollbar-width:none}.top-actions-right::-webkit-scrollbar{display:none}.topbar-draw-row{display:none;flex:0 0 100%;width:100%;order:3;padding:0 4px 10px}.v4-topbar.drawing-tools-open{min-height:132px;padding-bottom:2px}.v4-topbar.drawing-tools-open .topbar-draw-row{display:block}.topbar .draw-palette{position:static;left:auto;right:auto;bottom:auto;transform:none!important;z-index:auto;width:100%;max-width:none;box-sizing:border-box;border-radius:16px;box-shadow:0 8px 24px #0f172a14;display:none;overflow-x:auto;justify-content:center;padding:8px 10px;background:#fff;touch-action:manipulation}.topbar .draw-palette.open{display:flex}.drawing-mode .right-scroller{top:142px}.settings-page-view{min-height:calc(100vh - 70px)}.settings-page{max-width:1040px;margin:0 auto;padding:42px 54px 120px 74px}.settings-page-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-bottom:20px}.settings-page-head h1{font-size:clamp(34px,5vw,58px);margin:2px 0 6px;letter-spacing:-.04em}.settings-page-head p{margin:0;color:#64748b;line-height:1.55}.settings-change-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #c7d2fe;background:linear-gradient(135deg,#fff,#f7f7ff);border-radius:18px;padding:16px 18px;margin:0 0 18px;box-shadow:0 8px 25px #4f46e50f}.settings-change-preview h3{margin:3px 0 0;color:#312e81}.settings-change-preview>div:last-child{font-size:12px;color:#64748b;text-align:right}.settings-page .settings-card{max-width:none}.settings-page-footer{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px -10px -10px;padding:14px 10px calc(14px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #e2e8f0}.settings-page-footer button{border:1px solid #dce4ee;background:#fff;padding:10px 15px;border-radius:11px;cursor:pointer;font-weight:750}.settings-page-footer .primary{background:var(--ink);border-color:var(--ink);color:#fff}.settings-save-actions{display:flex;gap:8px}.topic-import-options.single-option{grid-template-columns:1fr}.topic-import-options.single-option button{min-height:130px}.startup-error{min-height:calc(100vh - 100px);display:grid;place-items:center}.startup-error-card{max-width:620px;background:#fff;border:1px solid #fecaca;border-radius:24px;padding:28px;box-shadow:0 20px 60px #7f1d1d1f}.startup-error-card>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#dc2626}.startup-error-card h1{font-size:30px;margin:7px 0 9px}.startup-error-card p{color:#64748b;line-height:1.55}.startup-error-card button{border:0;background:#111827;color:#fff;border-radius:11px;padding:10px 15px;font-weight:800;cursor:pointer}@media(max-width:820px){.v4-topbar.drawing-tools-open{min-height:145px}.topbar .draw-palette{justify-content:flex-start}.settings-page{padding:30px 38px 110px 44px}.settings-change-preview{align-items:flex-start;flex-direction:column}.settings-change-preview>div:last-child{text-align:left}.drawing-mode .right-scroller{top:154px}}@media(max-width:560px){.v4-topbar.drawing-tools-open{min-height:154px}.settings-page{padding:24px 34px 105px 38px}.settings-page-head{grid-template-columns:1fr}.settings-page-footer{flex-direction:column;align-items:stretch}.settings-save-actions{display:grid;grid-template-columns:1fr 1fr}.settings-page-footer button{width:100%}}.offline-status-card{position:relative;overflow:hidden}.offline-status-card:after{content:"";position:absolute;inset:auto -34px -42px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#60a5fa22,transparent 70%);pointer-events:none}.offline-status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800}.offline-status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#6366f1;box-shadow:0 0 0 4px #6366f119}body.offline-mode .offline-status-badge{background:#fff7ed;color:#c2410c}body.offline-mode .offline-status-badge:before{background:#f97316;box-shadow:0 0 0 4px #f9731619}body.offline-mode .topbar{box-shadow:0 1px #fed7aa,0 10px 30px #9a34120d}.source-thumbs figure.source-thumb{margin:0 0 18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:10px}.source-thumbs figure.source-thumb img{display:block;width:100%;height:auto;border-radius:10px}.source-thumbs figure.source-thumb figcaption{padding:8px 2px 0;color:#64748b;font-size:12px;font-weight:800}.offline-mode #addBtn,.offline-mode #drawBtn,.offline-mode #clearInkBtn{display:inline-flex!important}:root{--toolbar-height: 70px;--whiteboard-width: 50vw}body{min-height:100dvh;overflow-x:hidden}body.focus-mode{width:100%;min-height:100dvh}.focus-mode main>.view>.notebook-section,.focus-mode .v4-lesson-shell{max-width:none}.focus-mode .v4-lesson-shell .lesson-main{max-width:none;padding:24px 44px 70px}.topbar{padding-top:env(safe-area-inset-top);max-width:100%}.whiteboard-edge{position:fixed;left:0;top:calc(var(--toolbar-height) + 12px);z-index:59;width:28px;height:42px;border:1px solid #cbd5e1;border-left:0;border-radius:0 10px 10px 0;background:#fff;color:#475569;font-size:22px;box-shadow:2px 3px 10px #0f172a12;cursor:pointer}.temporary-whiteboard{position:fixed;left:0;top:var(--toolbar-height);bottom:0;height:calc(100dvh - var(--toolbar-height));width:var(--whiteboard-width);z-index:59;background:#fff;opacity:1;border:1px solid #dbe3ee;border-left:0;border-radius:0 16px 16px 0;box-shadow:6px 0 24px #0f172a12;display:flex;flex-direction:column;padding:12px max(12px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));overflow:hidden;animation:boardEnter .18s ease}.temporary-whiteboard[hidden],.whiteboard-open .whiteboard-edge{display:none}.whiteboard-open main{margin-left:var(--whiteboard-width);width:calc(100% - var(--whiteboard-width));min-width:0}.whiteboard-open .paper-margin{display:none}.whiteboard-open .v4-lesson-shell .lesson-main{padding:24px 40px 80px 24px;min-width:0}.whiteboard-open .notebook-section{padding-left:24px;padding-right:40px}.whiteboard-open .hero,.whiteboard-open .studio-grid{grid-template-columns:minmax(0,1fr);gap:20px}.whiteboard-open .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whiteboard-open .hero h1{font-size:clamp(26px,4vw,54px)}.whiteboard-open .lesson-title-row h1{font-size:clamp(24px,3.7vw,46px);overflow-wrap:anywhere}.whiteboard-open .topic-sticker{width:46px;height:46px;flex-shrink:0;font-size:22px}.whiteboard-open .property-grid,.whiteboard-open .quiz-options{grid-template-columns:minmax(0,1fr)}.whiteboard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#334155;font-size:13px}.whiteboard-head button,.whiteboard-tools button{border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#334155;min-height:34px;cursor:pointer;padding:5px 9px}.whiteboard-head button{font-size:22px;width:38px}.whiteboard-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 0;font-size:11px}.whiteboard-tools button[aria-pressed=true]{background:#111827;color:#fff}.whiteboard-tools button:disabled{opacity:.35}.whiteboard-tools label{display:flex;align-items:center;gap:4px}.whiteboard-tools input{width:30px;height:30px;padding:0;border:0;background:#fff}.whiteboard-tools select{max-width:90px;background:#fff;border:1px solid #dbe3ee;border-radius:6px;padding:5px;font:inherit}.whiteboard-surface{flex:1;min-height:0;position:relative;background:#fff;overflow:hidden}#whiteboardCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overscroll-behavior:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.whiteboard-note{font-size:10px;color:#94a3b8;padding-top:7px}.right-scroller,.drawing-mode .right-scroller{top:calc(var(--toolbar-height) + 12px)}.watermark-layer{top:var(--toolbar-height)}.whiteboard-open .watermark-layer{left:var(--whiteboard-width)}.add-menu{top:calc(var(--toolbar-height) + 8px);right:max(18px,env(safe-area-inset-right))}.topics-drawer,.source-drawer{top:var(--toolbar-height)}@keyframes boardEnter{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.temporary-whiteboard{animation:none}}@media(max-width:600px){:root{--whiteboard-width: 48vw}.whiteboard-open .v4-lesson-shell .lesson-main,.whiteboard-open .notebook-section{padding-left:10px;padding-right:32px}.whiteboard-open .topic-grid{grid-template-columns:minmax(0,1fr)}.whiteboard-open .lesson-title-row{display:block}.whiteboard-open .hero-actions{flex-wrap:wrap}.whiteboard-tools{gap:4px}.whiteboard-tools button{font-size:10px;padding:4px}.temporary-whiteboard{padding-left:6px;padding-right:6px}.whiteboard-head b{font-size:11px}}.lesson-card,.hero-model,.board{min-width:0;container-type:inline-size}.visual-card{padding:clamp(16px,2vw,24px);overflow:visible}.visual-head{padding:0 0 12px;gap:12px;flex-wrap:wrap}.visual-stage{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);min-height:0;gap:16px}.visual-canvas-wrap{min-width:0;min-height:0;padding:16px;border:1px solid #e1e8f0;border-radius:12px;overflow:visible}.visual-canvas{width:100%;height:auto!important;aspect-ratio:760 / 390;min-height:180px;max-width:100%;display:block}.diagram-panel{min-width:0;padding:16px}.inline-diagram{padding:8px;min-width:0}.diagram-panel svg{width:100%;height:auto;max-width:100%;display:block;overflow:visible}.visual-controls{flex-wrap:wrap}.hero-model{min-height:0;overflow:visible;padding:24px}.hero-model canvas{aspect-ratio:640 / 440}.board{padding:20px;overflow:visible}.board canvas{touch-action:none;max-width:100%;height:auto}.lesson-card img,.lesson-card video,.lesson-card svg,.lesson-card canvas{max-width:100%;object-fit:contain;object-position:center}.lesson-media-block img,.lesson-media-block video{width:100%;height:auto;max-height:70dvh;padding:16px;object-fit:contain}.card-media{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}.card-media img{padding:16px;height:auto}.floating-media-body img,.floating-media-body video{padding:12px}@container (max-width:640px){.visual-stage{grid-template-columns:minmax(0,1fr)}.visual-canvas-wrap{border-right:1px solid #e1e8f0}}@media(max-width:1160px){.visual-stage{grid-template-columns:minmax(0,1fr)}}.whiteboard-open .visual-stage{grid-template-columns:minmax(0,1fr)}.focus-mode .notebook-section{padding-left:24px;padding-right:44px}[hidden]{display:none!important}.account-view{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#ede9fe,transparent 60%),#fffefa}.account-card{width:min(420px,100%);padding:36px;background:#fff;border:1px solid #ddd6fe;border-radius:24px;box-shadow:0 24px 80px #4f46e51a;display:grid;gap:16px}.account-card h1{font-size:38px;margin:0;letter-spacing:-.04em}.account-card p{margin:0;color:#64748b}.account-card label{display:grid;gap:8px;font-weight:700}.account-card input,.dashboard input{border:1px solid #cbd5e1;border-radius:10px;padding:12px;font:inherit;width:100%;box-sizing:border-box}.account-links{display:flex;flex-wrap:wrap;gap:12px}.account-links button{border:0;background:transparent;color:#4f46e5;cursor:pointer;font:inherit;font-size:13px}.dashboard{max-width:1200px;margin:auto;padding:50px 54px 80px 74px}.dashboard h1{font-size:clamp(36px,6vw,66px);margin:8px 0 16px;letter-spacing:-.04em}.dashboard p{color:#64748b;line-height:1.7}#createWorkbookForm{display:flex;gap:12px;margin:28px 0;max-width:700px}.workbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin:28px 0}.workbook-card{padding:24px;border:1px solid #ddd6fe;background:#fff;border-radius:20px;box-shadow:0 12px 35px #4f46e509}.workbook-card h2{overflow-wrap:anywhere;margin:12px 0 16px}.workbook-card .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.workbook-card button,.admin-row button,#adminDetail button,#topicLibrary button{border:1px solid #dbe3ee;background:#fff;border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer}.workbook-card .open-workbook{background:#4f46e5;color:#fff;border:0;padding:12px 18px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.admin-row small{display:block;color:#64748b}.admin-detail{padding:24px;background:#fff;border:1px solid #ddd6fe;border-radius:18px}.admin-detail pre{white-space:pre-wrap;max-height:450px;overflow:auto}#syncStatus{font-size:11px;color:#64748b}#syncStatus.conflicted{color:#b45309;background:#fff7ed}dialog{border:1px solid #ddd6fe;border-radius:20px;padding:28px;width:min(800px,90vw)}dialog::backdrop{background:#0f172a66}dialog pre{overflow:auto;max-height:220px;white-space:pre-wrap;background:#f8fafc;padding:12px}#updateNotice{position:fixed;bottom:12px;left:12px;right:12px;z-index:3000;padding:14px;background:#312e81;color:#fff;border-radius:12px}#topicLibrary{display:grid;gap:10px}.account-card #authError{color:#b91c1c}.floating-media-drag,.floating-media-resize{touch-action:none}button:focus-visible,input:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}@media(max-width:700px){.dashboard{padding:30px 34px 80px}.account-card{padding:26px}#createWorkbookForm{flex-direction:column}.top-actions-left,.top-actions-right{margin:0;max-width:100%;overflow:auto}.admin-row{align-items:flex-start;flex-direction:column}.workbook-grid{grid-template-columns:1fr}.topbar{gap:6px}}