:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root:has(.bb-editor){border-inline:0;width:100%}.bb-editor{color:#172033;text-align:left;background:radial-gradient(circle at 0 0,#4678ff1f,#0000 32rem),#f5f7fb;flex-direction:column;height:100vh;min-height:640px;display:flex}.bb-editor button{box-shadow:none}.bb-editor-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #1e293b14;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;padding:0 18px;display:grid}.bb-editor-topbar__left,.bb-editor-topbar__right,.bb-editor-topbar__center{align-items:center;gap:10px;display:flex}.bb-editor-topbar__back{color:#334155;background:#eef2ff;border-radius:12px;width:38px;height:38px;padding:0;font-size:20px}.bb-editor-topbar__title{font-size:16px;font-weight:850}.bb-editor-topbar__subtitle{color:#64748b;margin-top:2px;font-size:12px}.bb-editor-pill{color:#334155;background:#fff;border:1px solid #1e293b1a;border-radius:999px;height:34px;padding:0 14px}.bb-editor-button{color:#fff;background:#2563eb;border-radius:12px;height:38px;padding:0 15px;font-weight:800}.bb-editor-button--ghost{color:#334155;background:#fff;border:1px solid #1e293b1a}.bb-editor__body{flex:1;grid-template-columns:84px minmax(0,1fr) 320px;min-height:0;display:grid}.bb-editor-toolbar{background:#ffffffbf;border-right:1px solid #1e293b14;flex-direction:column;gap:8px;padding:14px 10px;display:flex}.bb-editor-toolbar__item{color:#334155;background:0 0;border:1px solid #0000;border-radius:16px;place-items:center;gap:3px;min-height:58px;padding:6px;display:grid}.bb-editor-toolbar__item:hover{background:#fff;border-color:#1e293b14;box-shadow:0 10px 24px #0f172a0f}.bb-editor-toolbar__icon{font-size:22px;font-weight:900;line-height:1}.bb-editor__workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.bb-editor__canvas-wrap{flex:1;place-items:center;min-height:0;padding:28px;display:grid;overflow:auto}.bb-editor__canvas{aspect-ratio:16/9;background:#fff;border:1px solid #1e293b1a;border-radius:26px;width:min(1120px,100%);min-height:420px;overflow:hidden;box-shadow:0 28px 80px #0f172a1f,0 8px 24px #0f172a0f}.bb-konva-stage{background-color:#fff;background-image:linear-gradient(#2563eb0b 1px,#0000 1px),linear-gradient(90deg,#2563eb0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:100%}.bb-editor-inspector{background:#fffc;border-left:1px solid #1e293b14;padding:16px;overflow:auto}.bb-editor-inspector__section{background:#fff;border:1px solid #1e293b14;border-radius:20px;margin-bottom:12px;padding:16px;box-shadow:0 12px 30px #0f172a0a}.bb-editor-inspector__section h3,.bb-editor-inspector__section h4{margin:0 0 10px}.bb-editor-inspector__hint{color:#64748b;margin:0;font-size:14px;line-height:1.45}.bb-object-card__title{font-weight:850}.bb-object-card__meta{color:#64748b;word-break:break-all;margin-top:4px;font-size:12px}.bb-object-props{gap:10px;margin:14px 0 0;display:grid}.bb-object-props div{background:#f8fafc;border-radius:14px;padding:10px}.bb-object-props dt{color:#64748b;font-size:12px}.bb-object-props dd{margin:2px 0 0;font-weight:750}.bb-editor-statusbar{color:#64748b;background:#ffffffc7;border-top:1px solid #1e293b14;justify-content:space-between;align-items:center;height:42px;padding:0 16px;font-size:13px;display:flex}.bb-editor-statusbar__right{align-items:center;gap:18px;display:flex}@media (width<=980px){.bb-editor__body{grid-template-columns:72px minmax(0,1fr)}.bb-editor-inspector{display:none}.bb-editor-topbar{grid-template-columns:1fr auto}.bb-editor-topbar__center{display:none}}.bb-editor-title-edit input{color:#172033;width:min(280px,36vw);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:16px;font-weight:850}.bb-editor-pages-strip{align-items:center;gap:8px;max-width:42vw;padding-bottom:2px;display:flex;overflow-x:auto}.bb-editor-pill.is-active{color:#fff;background:#2563eb;border-color:#2563eb}.bb-editor-pill--add{color:#2563eb;background:#eef2ff;font-weight:800}.bb-editor-button--danger{color:#b91c1c;background:#fee2e2;border:1px solid #b91c1c1f}.bb-editor-toolbar{gap:12px;padding:12px}.bb-editor-toolbar__groups{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.bb-editor-toolbar__group{color:#334155;background:#fff;border:1px solid #1e293b14;border-radius:15px;place-items:center;gap:2px;min-height:54px;padding:7px 4px;display:grid}.bb-editor-toolbar__group span{font-size:20px;font-weight:900}.bb-editor-toolbar__group small{color:#64748b;font-size:10px}.bb-editor-toolbar__group.is-active small{color:#ffffffd1}.bb-editor-toolbar__panel{background:#f8fafc;border:1px solid #1e293b14;border-radius:20px;gap:8px;padding:10px;display:grid}.bb-editor-toolbar__panel-title{color:#64748b;padding:0 4px 3px;font-size:12px;font-weight:800}.bb-editor-toolbar__item{text-align:left;background:#fff;border-color:#1e293b12;grid-template-columns:34px 1fr;place-items:center start;min-height:52px}.bb-editor-toolbar__label{font-size:12px;line-height:1.15}.bb-editor-field{color:#475569;gap:6px;margin-top:12px;font-size:13px;display:grid}.bb-editor-field input,.bb-editor-field select,.bb-editor-field textarea{color:#172033;width:100%;min-height:38px;font:inherit;box-sizing:border-box;background:#f8fafc;border:1px solid #1e293b1f;border-radius:12px;outline:none;padding:8px 10px}.bb-editor-field input[type=color]{padding:4px}.bb-editor-field input:focus,.bb-editor-field select:focus,.bb-editor-field textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb1f}.bb-editor-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bb-connector-info{color:#334155;background:#eef2ff;border-radius:16px;gap:6px;margin-top:14px;padding:12px;font-size:13px;display:grid}.bb-connector-info span{color:#64748b;line-height:1.35}.bb-connector-info code{color:#2563eb;white-space:normal;font-weight:800}.bb-editor-inspector__actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}@media (width<=1180px){.bb-editor__body{grid-template-columns:152px minmax(0,1fr) 320px}.bb-editor-toolbar__groups{grid-template-columns:1fr}.bb-editor-toolbar__group{text-align:left;grid-template-columns:28px 1fr;min-height:40px}}@media (width<=980px){.bb-editor__body{grid-template-columns:140px minmax(0,1fr)}}.bb-editor-toolbar{grid-template-columns:58px minmax(0,1fr);gap:0;padding:0;display:grid;overflow:hidden}.bb-editor-toolbar__rail{background:#ffffffeb;border-right:1px solid #1e293b14;flex-direction:column;justify-content:space-between;gap:12px;padding:10px 8px;display:flex}.bb-editor-toolbar__groups,.bb-editor-toolbar__actions{grid-template-columns:1fr;gap:8px;display:grid}.bb-editor-toolbar__group,.bb-editor-toolbar__actions button{color:#334155;background:#fff;border:1px solid #1e293b14;border-radius:14px;place-items:center;width:42px;height:42px;min-height:42px;padding:0;font-size:18px;font-weight:900;display:grid}.bb-editor-toolbar__actions button:disabled{opacity:.38;cursor:not-allowed}.bb-editor-toolbar__group small{display:none}.bb-editor-toolbar__group.is-active{color:#fff;background:#2563eb;border-color:#2563eb}.bb-editor-toolbar__panel{background:#f8fafcc7;border:0;border-radius:0;align-content:start;min-width:0;overflow-y:auto}.bb-editor-toolbar__items{gap:8px;display:grid}.bb-editor-toolbar__item{border-radius:14px;grid-template-columns:34px 1fr;min-height:46px}.bb-editor-toolbar__label{font-size:11px}.bb-object-card__title,.bb-object-card__meta,.bb-connector-info,.bb-editor-inspector__actions{display:none}@media (width<=1180px){.bb-editor__body{grid-template-columns:190px minmax(0,1fr) 320px}.bb-editor-toolbar{grid-template-columns:54px minmax(0,1fr)}.bb-editor-toolbar__group,.bb-editor-toolbar__actions button{width:38px;height:38px}}.bb-editor-zoom-controls{background:#fff;border:1px solid #1e293b1a;border-radius:12px;align-items:center;gap:4px;padding:3px;display:inline-flex}.bb-editor-zoom-controls button{color:#334155;background:0 0;border:0;border-radius:9px;min-width:30px;height:28px;padding:0 8px;font-weight:800}.bb-editor-zoom-controls button:hover{color:#2563eb;background:#eef2ff}.bb-inspector-tabs{background:#f1f5f9;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.bb-inspector-tabs button{color:#64748b;background:0 0;border:0;border-radius:11px;height:34px;font-weight:800}.bb-inspector-tabs button.is-active{color:#2563eb;background:#fff;box-shadow:0 8px 18px #0f172a0f}.bb-editor-toolbar__actions button{font-size:14px}.bb-editor-zoom-controls button:last-child{min-width:34px}.bb-editor-pages-bar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;max-width:46vw;display:grid;position:relative}.bb-editor-pages-strip{scrollbar-width:thin;scroll-behavior:smooth;max-width:none;padding:2px 2px 5px;overflow:auto hidden}.bb-editor-pages-strip::-webkit-scrollbar{height:8px}.bb-editor-pages-strip::-webkit-scrollbar-track{background:#eef2ff;border-radius:999px}.bb-editor-pages-strip::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}.bb-editor-pill--compact{min-width:42px;padding:0 10px;font-weight:900}.bb-editor-pages-menu-wrap{position:relative}.bb-editor-pages-menu{z-index:50;background:#fff;border:1px solid #1e293b1f;border-radius:18px;width:260px;max-height:320px;padding:8px;position:absolute;top:44px;right:0;overflow:auto;box-shadow:0 24px 64px #0f172a29}.bb-editor-pages-menu button{text-align:left;cursor:pointer;color:#172033;background:0 0;border:0;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:42px;display:grid}.bb-editor-pages-menu button:hover,.bb-editor-pages-menu button.is-active{color:#1d4ed8;background:#eef2ff}.bb-editor-pages-menu span{color:#64748b;text-align:center}.bb-editor-pages-menu strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-konva-stage-wrap{background:#fff;width:1280px;height:720px;position:relative}.bb-inline-editor{z-index:60;color:#172033;resize:both;background:#fffffffa;border:2px solid #2563eb;border-radius:10px;outline:none;padding:8px 10px;position:absolute;box-shadow:0 14px 30px #2563eb2e}.bb-used-colors{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:5px;margin-top:6px;display:flex}.bb-used-colors span{color:#64748b;margin-right:2px;font-size:11px}.bb-used-colors button{cursor:pointer;border:2px solid #fff;border-radius:7px;width:22px;height:22px;box-shadow:0 0 0 1px #1e293b1f}.bb-editor-check{color:#475569;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.bb-editor-check input{width:16px;height:16px}.bb-editor-topbar{grid-template-columns:minmax(220px,.9fr) minmax(360px,1.8fr) auto;height:68px;overflow:visible}.bb-editor__workspace{position:relative}.bb-editor__canvas-wrap{padding-top:18px}.bb-editor-pages-bar{grid-template-columns:34px minmax(0,1fr) 34px auto auto;align-items:center;gap:8px;max-width:52vw;display:grid;overflow:visible}.bb-editor-pages-strip{scrollbar-width:none;gap:8px;padding:4px 2px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000)}.bb-editor-page-dot,.bb-editor-page-list,.bb-editor-page-add,.bb-page-arrow{color:#0f5f99;background:#fff;border:1px solid #1e293b14;border-radius:999px;place-items:center;width:38px;min-width:38px;height:38px;font-size:15px;font-weight:900;display:grid;box-shadow:0 8px 18px #0f172a0d}.bb-editor-page-dot:hover,.bb-editor-page-list:hover,.bb-editor-page-add:hover,.bb-page-arrow:hover{color:#2563eb;background:#eef2ff}.bb-editor-page-dot.is-active{color:#fff;background:#0b6ea8;outline:3px solid #0e74902e}.bb-editor-page-add{color:#2563eb;background:#eaf0ff;font-size:24px}.bb-page-arrow{color:#94a3b8;font-size:26px}.bb-editor-page-menu-row{border-radius:12px;grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:4px;display:grid}.bb-editor-page-menu-row.is-active{background:#eef2ff}.bb-editor-page-menu-row>button{min-height:36px}.bb-editor-page-menu-row>button:not(:first-child){grid-template-columns:1fr;place-items:center;font-weight:900;display:grid}.bb-formatbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;background:#ffffffeb;border-bottom:1px solid #1e293b14;align-items:center;gap:10px;min-height:52px;padding:8px 16px;display:flex;position:relative}.bb-formatbar__left,.bb-formatbar__tools{align-items:center;gap:7px;min-width:0;display:flex}.bb-formatbar__tools{flex-wrap:wrap}.bb-formatbar__hint{color:#64748b;font-size:13px;font-weight:750}.bb-format-button,.bb-format-number{color:#334155;background:#fff;border:1px solid #1e293b1a;border-radius:11px;height:34px;padding:0 10px;font-weight:800}.bb-format-button:hover,.bb-format-button.is-active{color:#2563eb;background:#eef2ff}.bb-format-button--gear{width:36px;padding:0;font-size:18px}.bb-format-number{width:70px}.bb-formatbar__popover-wrap{z-index:220;position:absolute;top:50px;left:16px}.bb-format-popover{background:#fff;border:1px solid #1e293b1f;border-radius:18px;gap:9px;min-width:220px;padding:12px;display:grid;box-shadow:0 24px 64px #0f172a29}.bb-format-popover label{color:#64748b;gap:5px;font-size:12px;font-weight:800;display:grid}.bb-format-popover input,.bb-format-popover select{min-height:34px;font:inherit;border:1px solid #1e293b1f;border-radius:10px;padding:6px 9px}.bb-color-popover__grid,.bb-align-popover{grid-template-columns:repeat(5,30px);gap:8px;display:grid}.bb-color-popover__grid button{border:2px solid #fff;border-radius:9px;width:30px;height:30px;box-shadow:0 0 0 1px #1e293b24}.bb-font-popover button,.bb-line-popover button,.bb-align-popover button{text-align:left;color:#334155;background:#f8fafc;border:0;border-radius:10px;min-height:34px;padding:6px 10px;font-weight:750}.bb-align-popover button{text-align:center}.bb-context-menu{z-index:300;background:#fff;border:1px solid #1e293b1f;border-radius:16px;gap:3px;width:220px;padding:8px;display:grid;position:fixed;box-shadow:0 24px 64px #0f172a2e}.bb-context-menu button{text-align:left;color:#334155;background:0 0;border:0;border-radius:10px;min-height:34px;padding:0 10px;font-weight:750}.bb-context-menu button:hover:not(:disabled){color:#2563eb;background:#eef2ff}.bb-context-menu button:disabled{opacity:.4}.bb-inline-editor{resize:none;field-sizing:content;min-width:140px;max-width:600px;min-height:42px;max-height:320px;overflow:hidden auto}.bb-editor-inspector{display:none}@media (width<=1180px){.bb-editor-topbar{grid-template-columns:220px minmax(280px,1fr) auto}.bb-editor-pages-bar{max-width:46vw}}.bb-editor-topbar{grid-template-columns:minmax(220px,360px) minmax(480px,1fr) auto;overflow:visible}.bb-editor-title-edit{min-width:0;position:relative}.bb-editor-title-line{align-items:center;gap:8px;display:flex}.bb-editor-title-line input{width:100%;min-width:0}.bb-editor-lesson-settings{color:#334155;background:#eef2ff;border:0;border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.bb-lesson-settings-popover{z-index:260;background:#fff;border:1px solid #1e293b1f;border-radius:18px;gap:10px;width:280px;padding:14px;display:grid;position:absolute;top:48px;left:0;box-shadow:0 24px 64px #0f172a29}.bb-lesson-settings-popover label{color:#64748b;gap:5px;font-size:12px;font-weight:800;display:grid}.bb-lesson-settings-popover input,.bb-lesson-settings-popover select{min-height:36px;font:inherit;border:1px solid #1e293b1f;border-radius:10px;padding:6px 10px}.bb-editor-pages-bar{grid-template-columns:38px minmax(0,1fr) 38px 38px 38px 38px;gap:10px;width:100%;max-width:none}.bb-editor-pages-strip{align-items:center;width:100%;min-width:0;padding:5px 4px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.bb-editor-page-dot,.bb-editor-page-list,.bb-editor-page-add,.bb-editor-page-delete,.bb-page-arrow{text-align:center;border-radius:999px;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;line-height:1;display:inline-grid}.bb-editor-page-delete{color:#ef4444;background:#fff;border:1px solid #1e293b14;font-size:24px;font-weight:900}.bb-editor-page-delete:disabled{opacity:.35}.bb-editor-page-dot.is-title{text-overflow:ellipsis;white-space:nowrap;width:auto;min-width:104px;max-width:190px;padding:0 14px;overflow:hidden}.bb-editor-page-dot.is-title input{width:130px;color:inherit;text-align:center;background:0 0;border:0;outline:0;font-weight:900}.bb-page-arrow{padding-bottom:2px;font-size:25px}.bb-editor-pages-menu{z-index:500;width:320px;max-height:420px;position:fixed;top:62px;right:86px;overflow:auto}.bb-editor-page-menu-row>button:first-child{grid-template-columns:32px minmax(0,1fr)}.bb-formatbar{justify-content:space-between;min-height:58px}.bb-formatbar__tools{flex:1}.bb-formatbar__actions{border-left:1px solid #1e293b14;align-items:center;gap:6px;margin-left:auto;padding-left:12px;display:flex}.bb-format-label{color:#64748b;margin-right:-2px;font-size:12px;font-weight:850}.bb-format-inline-number{color:#64748b;background:#fff;border:1px solid #1e293b1a;border-radius:11px;align-items:center;gap:6px;height:34px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.bb-format-inline-number input{color:#172033;background:0 0;border:0;outline:0;width:58px;font-weight:850}.bb-color-spectrum{border:0;border-radius:10px;width:100%;height:34px;padding:0}.bb-line-popover{min-width:190px}.bb-context-menu{width:245px}.bb-context-menu__group{background:#f8fafc;border-radius:12px;gap:3px;padding:6px;display:grid}.bb-context-menu__group>span{color:#64748b;padding:2px 4px;font-size:11px;font-weight:900}.bb-editor-toolbar__actions{display:none!important}.bb-konva-stage-wrap{width:1280px;height:720px}.bb-inline-editor{max-width:600px;overflow:hidden auto}.bb-format-line-label{min-width:160px;height:34px;font:inherit;color:#172033;background:#fff;border:1px dashed #2563eb59;border-radius:11px;padding:0 10px}.bb-editor-pages-bar{grid-template-columns:38px minmax(0,1fr) 38px 38px 38px 38px;align-items:center;width:100%;min-width:520px;max-width:none}.bb-editor-pages-strip{scrollbar-width:none;width:100%;min-width:0;max-width:none;overflow:auto hidden}.bb-editor-pages-strip::-webkit-scrollbar{display:none}.bb-editor-page-dot,.bb-editor-page-list,.bb-editor-page-add,.bb-editor-page-delete,.bb-page-arrow{vertical-align:middle;text-align:center!important;place-items:center!important;padding:0!important;line-height:1!important;display:inline-grid!important}.bb-editor-page-dot.is-title{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;min-width:72px;max-width:260px;overflow:hidden;width:auto!important;padding:0 18px!important}.bb-editor-page-dot.is-title input{width:min(230px,28vw);min-width:120px}.bb-editor-pages-menu{width:340px;max-height:430px;overflow:auto;z-index:900!important;position:fixed!important;top:62px!important;right:78px!important}.bb-formatbar__actions{display:none!important}.bb-format-italic-icon{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:800;display:inline-block;transform:skew(-10deg)}.bb-context-menu{width:220px!important;overflow:visible!important}.bb-context-menu__group{display:none!important}.bb-context-menu__submenu{position:relative}.bb-context-menu__submenu>button{justify-content:space-between;width:100%}.bb-context-menu__flyout{z-index:901;background:#fff;border:1px solid #1e293b1a;border-radius:16px;min-width:190px;padding:8px;display:none;position:absolute;top:0;left:calc(100% + 6px);box-shadow:0 18px 45px #0f172a26}.bb-context-menu__submenu:hover .bb-context-menu__flyout{gap:4px;display:grid}@media (width<=980px){.bb-editor-topbar{grid-template-columns:minmax(180px,1fr) auto}.bb-editor-pages-bar{min-width:0}}.bb-formatbar__anchored-popup{place-items:center;display:inline-grid;position:relative}.bb-format-popover--anchored{z-index:1100!important;position:absolute!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important}.bb-format-number,.bb-format-inline-number input{text-align:center;box-sizing:border-box;width:58px;min-width:54px;padding-left:8px;padding-right:8px}.bb-format-inline-number{align-items:center;gap:6px;display:inline-flex}.bb-format-inline-number span{white-space:nowrap}.bb-editor-pages-menu{z-index:2200!important;color:#172033!important;background:#fff!important;position:absolute!important;top:calc(100% + 10px)!important;right:0!important;box-shadow:0 24px 64px #0f172a2e!important}.bb-editor-pages-menu *{color:inherit}.bb-context-menu__submenu>button:after{content:"›";color:#64748b;margin-left:auto}.bb-arrow-popover button span{place-items:center;min-width:38px;font-size:18px;display:inline-grid}.bb-editor-topbar{grid-template-columns:minmax(240px,360px) minmax(520px,1fr) 54px}.bb-editor-topbar__right{justify-content:center}.bb-editor-save-icon{border-radius:14px;place-items:center;width:42px;height:42px;font-size:19px;display:inline-grid;padding:0!important}.bb-editor-title-line{align-items:center}.bb-editor-lesson-settings{flex:none;align-self:center}.bb-lesson-settings-popover{width:310px;max-width:calc(100vw - 32px);overflow:visible}.bb-lesson-settings-popover select,.bb-lesson-settings-popover input{box-sizing:border-box;width:100%}.bb-lesson-settings-ok{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;min-height:36px;font-weight:900}.bb-editor-pages-bar{width:100%;grid-template-columns:38px minmax(360px,1fr) 38px 38px 38px 38px!important;min-width:0!important}.bb-editor-page-dot.is-title{justify-content:center;align-items:center;min-width:96px;max-width:280px;width:auto!important;padding:0 18px!important;display:inline-flex!important}.bb-editor-page-dot.is-title input{text-align:center;width:min(240px,28vw)}.bb-editor-pages-menu{border:1px solid #1e293b1f;border-radius:18px;max-height:min(430px,100vh - 90px);padding:8px;z-index:5000!important;background:#fff!important;width:340px!important;position:fixed!important;right:auto!important;overflow:auto!important;box-shadow:0 24px 64px #0f172a38!important}.bb-editor-page-menu-row>button:first-child{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.bb-formatbar{z-index:1200}.bb-format-button{color:#172033;place-items:center;line-height:1;display:inline-grid}.bb-format-popover,.bb-font-popover,.bb-line-popover,.bb-align-popover,.bb-color-popover{z-index:6000!important}.bb-formatbar__popover-wrap{top:120px;left:16px;z-index:6000!important;position:fixed!important}.bb-line-popover button.is-selected,.bb-font-popover button.is-selected,.bb-format-popover button.is-selected{color:#1d4ed8;background:#dbeafe;box-shadow:inset 3px 0 #2563eb}.bb-line-sample{place-items:center;min-width:48px;font-weight:900;display:inline-grid}.bb-format-italic-icon{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:900;text-decoration:underline;transform:skew(-12deg)}.bb-context-menu__flyout button.is-selected{color:#1d4ed8;background:#dbeafe}.bb-konva-stage-wrap{background:#eef2ff}.bb-editor-topbar{z-index:7000;position:relative}.bb-editor-save-icon{color:#172033!important;background:#fff!important;border:1px solid #1e293b1f!important;box-shadow:0 8px 18px #0f172a0d!important}.bb-editor-save-icon:hover,.bb-editor-save-icon:focus-visible{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 12px 26px #2563eb38!important}.bb-lesson-settings-popover{max-height:calc(100vh - 92px);z-index:9000!important;overflow:auto!important}.bb-editor-pages-menu{pointer-events:auto;z-index:10000!important}.bb-editor-page-menu-row>button:first-child{background:0 0!important;height:auto!important;min-height:38px!important}.bb-formatbar__popover-wrap{z-index:11000!important;position:fixed!important}.bb-toolbar-color-icon{box-sizing:border-box;border-radius:999px;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #0f172a14}.bb-toolbar-color-icon--fill{border:1px solid #0f172a2e}.bb-toolbar-color-icon--stroke{border:3px solid #172033;background:0 0!important}.bb-toolbar-text-color{place-items:center;gap:1px;font-weight:900;line-height:1;display:inline-grid}.bb-toolbar-text-color i{border-radius:999px;width:18px;height:3px;display:block}.bb-format-number,.bb-format-inline-number input{text-align:center!important;width:64px!important;min-width:60px!important}.bb-format-inline-number span{align-items:center;min-height:32px;display:inline-flex}.bb-line-sample{place-items:center;min-width:48px;display:inline-grid}.bb-arrow-popover button.is-selected,.bb-line-popover button.is-selected{color:#1d4ed8;background:#eef2ff;box-shadow:inset 0 0 0 1px #2563eb33}.bb-save-floppy{box-sizing:border-box;border:2px solid;border-radius:3px;width:18px;height:18px;display:block;position:relative}.bb-save-floppy:before{content:"";background:#fff;border-bottom:2px solid;border-left:2px solid;border-right:2px solid;width:8px;height:6px;position:absolute;top:-2px;left:3px}.bb-save-floppy:after{content:"";border:2px solid;border-bottom:0;border-radius:2px 2px 0 0;height:5px;position:absolute;bottom:3px;left:4px;right:4px}.bb-editor-save-icon:hover .bb-save-floppy:before,.bb-editor-save-icon:focus-visible .bb-save-floppy:before{background:#2563eb}.bb-editor-topbar{position:relative;z-index:20000!important}.bb-editor-save-icon{color:#111827!important;background:#fff!important;border-color:#11182729!important}.bb-editor-save-icon:hover,.bb-editor-save-icon:focus-visible{color:#1d4ed8!important;background:#eef2ff!important;border-color:#93c5fd!important}.bb-save-floppy,.bb-save-floppy:before,.bb-save-floppy:after{display:none!important}.bb-save-floppy-svg{color:currentColor;width:24px;height:24px;display:block}.bb-editor-lesson-settings{text-align:center!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;line-height:1!important;display:inline-grid!important}.bb-lesson-settings-popover{top:var(--bb-lesson-menu-top,72px)!important;left:var(--bb-lesson-menu-left,16px)!important;z-index:30000!important;max-height:calc(100vh - 96px)!important;position:fixed!important;right:auto!important;overflow:auto!important}.bb-editor-pages-menu{top:var(--bb-page-menu-top,72px)!important;left:var(--bb-page-menu-left,420px)!important;z-index:31000!important;width:min(360px,100vw - 24px)!important;max-height:calc(100vh - 96px)!important;position:fixed!important;right:auto!important;overflow:auto!important}.bb-formatbar{align-items:center!important;min-height:58px!important}.bb-formatbar__tools{align-items:center!important;gap:8px!important}.bb-format-button,.bb-format-number,.bb-format-line-label,.bb-format-inline-number{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;height:42px!important;min-height:42px!important;display:inline-flex!important}.bb-format-number,.bb-format-inline-number input{text-align:center!important;width:70px!important;min-width:68px!important;padding-inline:8px!important}.bb-format-inline-number{gap:8px!important;padding-inline:10px!important}.bb-formatbar__popover-wrap{top:var(--bb-popover-top,120px)!important;left:var(--bb-popover-left,16px)!important;z-index:32000!important;position:fixed!important;right:auto!important}.bb-toolbar-color-icon--fill{background-clip:padding-box!important;border:1px solid #0f172a38!important}.bb-toolbar-color-icon--stroke{background:0 0!important;border:3px solid!important}.bb-konva-stage-wrap{background-color:#eef2ff!important;background-image:linear-gradient(#2563eb0b 1px,#0000 1px),linear-gradient(90deg,#2563eb0b 1px,#0000 1px),none!important;background-position:0 0,0 0,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:28px 28px!important;background-attachment:scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}.bb-konva-stage{background:0 0!important;width:100%!important;height:100%!important}.bb-konva-stage canvas{width:100%!important;height:100%!important}.bb-editor__canvas{background:#eef2ff!important}.bb-formatbar__popover-wrap{pointer-events:auto;top:auto;left:auto;z-index:2147483000!important;position:fixed!important}.bb-format-popover{z-index:2147483001!important;position:static!important;top:auto!important;left:auto!important}.bb-format-button,.bb-format-number,.bb-format-inline-number,.bb-format-line-label{box-sizing:border-box;align-self:center!important;height:44px!important;min-height:44px!important}.bb-format-number{text-align:center;padding-block:0!important;line-height:44px!important}.bb-format-inline-number{gap:8px;align-items:center!important;display:inline-flex!important}.bb-format-inline-number input{text-align:center;min-width:48px;height:34px!important}.bb-editor-title-actions{color:#64748b;align-items:center;gap:6px;margin-top:3px;font-size:12px;display:flex}.bb-editor-title-actions button{color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:9px;place-items:center;width:26px;height:24px;padding:0;font-weight:900;display:grid}.bb-editor-title-actions button:disabled{opacity:.35}.bb-editor-lesson-settings{place-items:center!important;padding:0!important;line-height:1!important;display:grid!important}:is(.bb-lesson-settings-popover label:has(select[value]),.bb-lesson-settings-popover label:has(select)){max-width:100%}.bb-lesson-settings-popover select{width:100%!important}.bb-editor-save-icon{color:#111827!important;background:#fff!important;border:1px solid #0f172a1a!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;display:grid!important}.bb-editor-save-icon:hover{color:#fff!important;background:#2563eb!important}.bb-save-floppy-svg{width:24px;height:24px}.bb-editor__canvas{aspect-ratio:auto!important;width:100%!important;height:100%!important;min-height:0!important}.bb-editor__canvas-wrap{padding:16px!important;display:block!important}.bb-line-popover button.is-selected,.bb-align-popover button.is-selected,.bb-arrow-popover button.is-selected{outline:2px solid #2563eb52;color:#1d4ed8!important;background:#eef2ff!important}.bb-editor-pages-menu,.bb-lesson-settings-popover{z-index:2147483000!important}.bb-editor-topbar{z-index:1000}.bb-formatbar__popover-wrap{top:var(--bb-popover-top,120px)!important;left:var(--bb-popover-left,16px)!important;z-index:2147483600!important;pointer-events:auto!important;position:fixed!important;bottom:auto!important;right:auto!important}.bb-format-popover{z-index:2147483601!important}.bb-formatbar__tools{align-items:center!important}.bb-format-button,.bb-format-number,.bb-format-inline-number,.bb-format-line-label{box-sizing:border-box!important;justify-content:center!important;align-self:center!important;align-items:center!important;height:44px!important;min-height:44px!important;display:inline-flex!important}.bb-format-number,.bb-format-inline-number input{text-align:center!important;padding-top:0!important;padding-bottom:0!important;line-height:44px!important}.bb-toolbar-color-icon--stroke{color:inherit!important;border-color:currentColor!important}.bb-line-popover button.is-selected,.bb-align-popover button.is-selected,.bb-font-popover button.is-selected,.bb-format-popover button.is-selected{color:#1d4ed8!important;background:#dbeafe!important;box-shadow:inset 3px 0 #2563eb!important}.bb-toolbar-stroke-icon{place-items:center;width:22px;height:22px;line-height:1;display:inline-grid}.bb-toolbar-stroke-icon svg{width:22px;height:22px;display:block}.bb-align-popover{grid-template-columns:repeat(4,46px)!important;gap:8px!important;width:max-content!important;display:grid!important}.bb-align-icon{align-content:center;gap:4px;width:27px;height:22px;display:grid}.bb-align-icon i{background:currentColor;border-radius:999px;height:4px;display:block}.bb-align-icon i:first-child{width:25px}.bb-align-icon i:nth-child(2){width:17px}.bb-align-icon i:nth-child(3){width:23px}.bb-align-icon--left i{justify-self:start}.bb-align-icon--center i{justify-self:center}.bb-align-icon--right i{justify-self:end}.bb-align-icon--justify i{justify-self:stretch;width:25px!important}.bb-align-v-icon{grid-template-columns:5px 1fr;align-items:center;gap:5px;width:28px;height:24px;display:grid}.bb-align-v-icon i{background:currentColor;border-radius:999px;width:4px;height:22px}.bb-align-v-icon b{border-top:3px solid;border-bottom:3px solid;width:20px;height:7px;display:block}.bb-align-v-icon--top{align-items:start}.bb-align-v-icon--middle{align-items:center}.bb-align-v-icon--bottom{align-items:end}.bb-formatbar__popover-wrap{bottom:auto!important;right:auto!important;top:var(--bb-popover-top,120px)!important;left:var(--bb-popover-left,16px)!important;z-index:40000!important;position:fixed!important;bottom:auto!important;right:auto!important;transform:none!important}.bb-formatbar__tools{align-items:center!important;gap:10px!important;display:flex!important}.bb-format-number{box-sizing:border-box!important;vertical-align:middle!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 10px!important;display:inline-flex!important;position:relative!important;top:0!important}.bb-format-inline-number,.bb-format-line-label,.bb-format-button{vertical-align:middle!important;margin:0!important;position:relative!important;top:0!important}.bb-format-inline-number input{align-items:center!important;height:100%!important;margin:0!important;padding:0!important;display:inline-flex!important}.bb-editor-toolbar__panel{width:72px!important;min-width:72px!important;max-width:72px!important;overflow-x:hidden!important}.bb-editor-toolbar__items{justify-items:center!important}.bb-editor-toolbar__item{text-align:center!important;grid-template-columns:1fr!important;place-items:center!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;display:inline-grid!important}.bb-editor-toolbar__icon{font-size:18px!important}.bb-editor__body{grid-template-columns:138px minmax(0,1fr)!important}.bb-editor-toolbar{width:138px!important;min-width:138px!important;overflow:hidden!important}.bb-editor-toolbar__panel{width:72px!important;min-width:72px!important;padding:8px!important;overflow:hidden!important}.bb-editor-toolbar__panel-title{display:none!important}.bb-editor-toolbar__items{justify-items:center!important;gap:8px!important;display:grid!important;overflow-x:hidden!important}.bb-editor-toolbar__item{grid-template-columns:1fr!important;place-items:center!important;width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;overflow:visible!important}.bb-editor-toolbar__label{display:none!important}.bb-editor-toolbar__icon{font-size:24px!important;transition:transform .12s,color .12s!important}.bb-editor-toolbar__item:hover .bb-editor-toolbar__icon,.bb-editor-toolbar__item:focus-visible .bb-editor-toolbar__icon{transform:scale(1.38)!important}.bb-context-menu{max-height:none!important;overflow:visible!important}.bb-context-menu__submenu{overflow:visible!important}.bb-context-menu__flyout{z-index:2147483602!important;max-height:none!important;overflow:visible!important}.bb-context-menu__submenu:hover .bb-context-menu__flyout,.bb-context-menu__submenu:focus-within .bb-context-menu__flyout{gap:4px!important;display:grid!important}:root{color:#102033;background:#eef3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:800;box-shadow:0 10px 24px #2563eb3d}button:hover{transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed;transform:none}input,select{color:#102033;background:#fff;border:1px solid #d7def0;border-radius:14px;outline:none;width:100%;margin-top:8px;padding:13px 14px;font-size:15px}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.app{min-height:100vh;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.topLeft{align-items:center;gap:18px;display:flex}.topRight{align-items:flex-start;gap:14px;display:flex}.logo{letter-spacing:-.04em;font-size:26px;font-weight:950}.subtitle{color:#64748b;margin-top:4px;font-size:14px}.ghostButton{color:#2563eb;box-shadow:none;background:#ffffffc7;border:1px solid #2563eb33}.languageSwitcher{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #94a3b859;border-radius:999px;gap:6px;padding:6px;display:inline-flex}.languageButton{color:#475569;box-shadow:none;background:0 0;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}.languageButton.active{color:#fff;background:#2563eb}.userBox{text-align:right;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #94a3b859;border-radius:20px;min-width:300px;padding:14px 16px}.userName{font-weight:850}.userMeta{color:#64748b;margin-top:4px;font-size:13px}.userActions{justify-content:flex-end;gap:8px;display:flex}.smallButton{box-shadow:none;border-radius:12px;margin-top:10px;padding:8px 12px;font-size:13px}.hero{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:24px;display:grid}.heroText,.loginCard,.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #94a3b859;border-radius:28px;box-shadow:0 24px 80px #0f172a14}.heroText{flex-direction:column;justify-content:center;min-height:430px;padding:54px;display:flex}.badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;width:fit-content;padding:8px 12px;font-size:13px;font-weight:850;display:inline-flex}h1{letter-spacing:-.085em;max-width:760px;margin:22px 0 12px;font-size:clamp(42px,7vw,86px);line-height:.92}h2{letter-spacing:-.04em;margin:0;font-size:22px}h3{margin:0 0 14px}.softHint{color:#64748b;max-width:560px;margin:0;font-size:17px;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.loginCard{padding:28px}.loginHeader,.panelHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.panelHeader{margin-bottom:18px}.closeButton{color:#334155;width:38px;height:38px;box-shadow:none;background:#eef2ff;border-radius:999px;padding:0;font-size:24px;line-height:1}.loginCard label,.adminSearch label,.permissionsModal label{color:#334155;margin-bottom:16px;font-size:14px;font-weight:800;display:block}.loginCard button[type=submit]{width:100%;margin-top:4px}.hint{color:#64748b;margin-top:14px;font-size:13px;line-height:1.45}.panel{margin-top:24px;padding:24px}.saveBox{color:#475569;background:#eff6ff;border-radius:18px;align-items:center;gap:14px;margin-bottom:18px;padding:14px;font-size:14px;display:flex}.saveBox button{flex-shrink:0}pre{color:#dbeafe;background:#0f172a;border-radius:18px;margin:0;padding:18px;font-size:13px;line-height:1.55;overflow:auto}.adminModalBackdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.adminModal,.permissionsModal{background:#fff;border:1px solid #94a3b861;border-radius:28px;width:min(1180px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 30px 90px #0f172a47}.permissionsModal{width:min(720px,100%)}.stickyHeader{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #94a3b847;margin:-24px -24px 18px;padding:18px 24px;position:sticky;top:-24px}.adminSecurityHint{color:#64748b;margin-top:5px;font-size:13px}.adminSearch{grid-template-columns:minmax(0,1fr) 190px auto;align-items:end;gap:12px;margin-bottom:18px;display:grid}.tableWrap{border:1px solid #94a3b859;border-radius:18px;overflow-x:auto}.usersTable{border-collapse:collapse;color:#102033;background:#f8fafce6;width:100%;min-width:980px}.usersTable th,.usersTable td{text-align:left;vertical-align:top;color:#102033;border-bottom:1px solid #94a3b840;padding:12px;font-size:13px}.usersTable th{color:#334155;background:#f1f5f9f2;font-weight:900}.emptyTableCell{color:#64748b!important;text-align:center!important;padding:28px!important}.statusPill{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850;display:inline-flex}.statusPill.active{color:#166534;background:#dcfce7}.statusPill.blocked{color:#991b1b;background:#fee2e2}.statusPill.deleted{color:#475569;background:#e2e8f0}.profileCell{flex-direction:column;gap:8px;min-width:150px;display:flex}.profileName{color:#0f172a;font-weight:900}.tableActions{flex-wrap:wrap;gap:6px;display:flex}.miniButton{color:#fff;box-shadow:none;background:#2563eb;border-radius:10px;padding:7px 9px;font-size:12px}.miniButton.muted{color:#1e40af;background:#eef2ff;border:1px solid #c7d2fe}.miniButton.warning{color:#111827;background:#f59e0b}.miniButton.danger{color:#fff;background:#dc2626}.paginationBar{color:#475569;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:14px;font-weight:800;display:flex}.permissionGroups{gap:14px;margin-top:18px;display:grid}.permissionGroup{background:#f8fafc;border:1px solid #94a3b859;border-radius:18px;padding:16px}.permissionGroup label{background:#fff;border-radius:14px;align-items:center;gap:10px;margin:0 0 10px;padding:10px;display:flex}.permissionGroup input{width:auto;margin:0}.modalActions{justify-content:flex-end;margin-top:18px;display:flex}.templatesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.adminCard{background:#f8fafceb;border:1px solid #94a3b859;border-radius:18px;padding:16px}.adminCardTitle{color:#0f172a;font-size:16px;font-weight:900}.adminCardMeta{color:#64748b;margin-top:5px;font-size:13px}.adminDescription{color:#475569;margin:10px 0 0;font-size:14px;line-height:1.45}@media (width<=860px){.topbar,.topRight{flex-direction:column;align-items:stretch}.topLeft{flex-direction:column;align-items:flex-start}.userBox{text-align:left;min-width:0}.userActions{justify-content:flex-start}.hero{grid-template-columns:1fr}.heroText{min-height:auto;padding:32px}.adminSearch,.templatesGrid{grid-template-columns:1fr}}.lessonsPanel{margin-top:24px}.sectionHint{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.45}.lessonGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px;display:grid}.lessonCard{background:#f8fafce6;border:1px solid #94a3b852;border-radius:22px;padding:16px;box-shadow:0 16px 42px #0f172a0f}.lessonCardTitle{color:#0f172a;font-size:17px;font-weight:900;line-height:1.2}.lessonCardMeta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lessonCardMeta span{color:#334155;background:#e0e7ff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.lessonUpdated{color:#64748b;margin:14px 0;font-size:13px}.emptyLessons{color:#64748b;background:#f8fafcc2;border:1px dashed #64748b59;border-radius:18px;margin-top:16px;padding:18px}