{"version":3,"sources":["frontend/_focus-mode.scss","llms-focus-mode.css"],"names":[],"mappings":"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","file":"../../css/llms-focus-mode.css","sourcesContent":["//\n// Focus Mode\n//\n\n$focus-header-height: 60px;\n$focus-sidebar-width: 350px;\n$focus-sidebar-collapsed-width: 48px;\n$admin-bar-height: 32px;\n$admin-bar-height-mobile: 46px;\n\n.llms-focus-mode {\n\tmargin: 0;\n\tpadding: 0;\n\tbackground-color: #f9f9f9;\n\toverflow: hidden;\n\n\t.llms-focus-mode-wrapper {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100dvh;\n\t\toverflow: hidden;\n\t}\n\n\t// -- Header: fixed to top, full width --\n\t.llms-focus-mode-header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tgap: 20px;\n\t\tbackground-color: #fff;\n\t\tborder-bottom: 1px solid #e5e5e5;\n\t\tpadding: 0 20px;\n\t\theight: $focus-header-height;\n\t\tmin-height: $focus-header-height;\n\t\tbox-sizing: border-box;\n\t\tflex-shrink: 0;\n\t\tz-index: 20;\n\n\t\t.llms-focus-mode-header-left {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex-shrink: 0;\n\t\t\twhite-space: nowrap;\n\n\t\t\t> .clear {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t.llms-focus-mode-header-center {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t}\n\n\t\t.llms-progress {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 300px;\n\n\t\t\t.llms-progress-bar {\n\t\t\t\twidth: 100%;\n\t\t\t\tmin-width: 20px;\n\t\t\t}\n\t\t}\n\n\t\t.llms-focus-mode-header-nav {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t}\n\n\t.llms-focus-mode-nav-btn {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tpadding: 6px 14px;\n\t\tborder: 1px solid #e5e5e5;\n\t\tborder-radius: 6px;\n\t\tbackground: #fafafa;\n\t\tcolor: #1d2327;\n\t\ttext-decoration: none;\n\t\tfont-size: 0.8125rem;\n\t\tfont-weight: 500;\n\t\tline-height: 1;\n\t\twhite-space: nowrap;\n\t\ttransition: background-color 0.15s ease, border-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground: #f0f0f0;\n\t\t\tborder-color: #ccc;\n\t\t\tcolor: #1d2327;\n\t\t}\n\n\t\t.llms-focus-mode-nav-icon {\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tfill: currentColor;\n\t\t\tflex-shrink: 0;\n\t\t}\n\n\t\t.llms-focus-mode-nav-label {\n\t\t\t@media (max-width: 768px) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: 768px) {\n\t\t\tpadding: 6px 8px;\n\t\t}\n\n\t\t&.llms-lesson-locked {\n\t\t\tcursor: not-allowed;\n\t\t\tposition: relative;\n\t\t\tcolor: #a7aaad;\n\t\t\tborder-color: #e5e5e5;\n\t\t\tbackground: #f9f9f9;\n\n\t\t\t.llms-tooltip {\n\t\t\t\ttop: auto;\n\t\t\t\tbottom: auto;\n\t\t\t\tleft: auto;\n\t\t\t\tright: 0;\n\t\t\t\ttransform: none;\n\t\t\t\twhite-space: normal;\n\t\t\t\tmin-width: 200px;\n\t\t\t\tmax-width: 200px;\n\n\t\t\t\t&.show {\n\t\t\t\t\ttop: auto;\n\t\t\t\t\tbottom: -112px;\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\t\t\t\t\tbottom: auto;\n\t\t\t\t\ttop: -8px;\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tright: 12px;\n\t\t\t\t\ttransform: none;\n\t\t\t\t\tborder-top: 0;\n\t\t\t\t\tborder-bottom: 8px solid #2a2a2a;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.llms-focus-mode-back-link {\n\t\ttext-decoration: none;\n\t\tcolor: #0073aa;\n\t\tfont-weight: 500;\n\n\t\t&:hover {\n\t\t\tcolor: #005177;\n\t\t}\n\t}\n\n\t// -- Body: sidebar + content side by side below header --\n\t.llms-focus-mode-body {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\theight: calc(100dvh - #{$focus-header-height});\n\t}\n\n\t// -- Sidebar: fixed width, split into fixed header + scrollable list --\n\t.llms-focus-mode-sidebar {\n\t\tposition: relative;\n\t\twidth: $focus-sidebar-width;\n\t\tmin-width: $focus-sidebar-width;\n\t\tflex-shrink: 0;\n\t\tbackground-color: #fff;\n\t\tborder-right: 1px solid #e5e5e5;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: visible;\n\n\t\t.llms-focus-mode-sidebar-header {\n\t\t\tpadding: 15px 20px;\n\t\t\tmargin: 0;\n\t\t\tfont-size: 1rem;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #333;\n\t\t\tborder-bottom: 1px solid #e5e5e5;\n\t\t\tflex-shrink: 0;\n\n\t\t\th3 {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: inherit;\n\t\t\t\tfont-weight: inherit;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\n\t\t.llms-focus-mode-sidebar-content {\n\t\t\tflex: 1;\n\t\t\toverflow-y: auto;\n\t\t\tpadding: 20px;\n\n\t\t\t.llms-widget-syllabus:not(.llms-widget-syllabus--collapsible) {\n\n\t\t\t\t.section-title {\n\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\tmargin: 20px 0 10px;\n\t\t\t\t}\n\n\t\t\t\t.llms-section:first-child {\n\t\t\t\t\t.section-title {\n\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t.llms-lesson-locked {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\t}\n\n\t// -- Sidebar toggle button (expanded state: floating pill on sidebar edge) --\n\t.llms-focus-mode-sidebar-toggle {\n\t\tposition: absolute;\n\t\ttop: 20px;\n\t\tright: -14px;\n\t\tz-index: 11;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tpadding: 0;\n\t\tborder: 1px solid #e5e5e5;\n\t\tborder-radius: 8px;\n\t\tbackground: #fff;\n\t\tbox-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);\n\t\tcursor: pointer;\n\t\tcolor: #666;\n\t\tline-height: 1;\n\t\ttransition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;\n\n\t\t&:hover {\n\t\t\tcolor: #1d2327;\n\t\t\tbackground: #f0f0f0;\n\t\t\tbox-shadow: 2px 0 6px rgba(0, 0, 0, 0.12);\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t\tfill: currentColor;\n\t\t}\n\n\t\t.llms-chevron-left {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.llms-chevron-right {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// -- Main wrapper: content + footer in a column that fills remaining space --\n\t.llms-focus-mode-main {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\t}\n\n\t// -- Content: scrollable lesson area --\n\t.llms-focus-mode-content {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t\toverflow-y: auto;\n\t\tpadding: 40px;\n\t\tbox-sizing: border-box;\n\n\t\t@media (max-width: 768px) {\n\t\t\tpadding: 20px;\n\t\t}\n\n\t\t.llms-focus-mode-title {\n\t\t\tmargin: 0 0 30px;\n\t\t\tfont-size: 1.8rem;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: #1d2327;\n\t\t}\n\n\t\t.llms-lesson-content {\n\t\t\tmax-width: 100%;\n\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t// -- Footer: lesson action buttons pinned to bottom of content area --\n\t.llms-focus-mode-footer {\n\t\tflex-shrink: 0;\n\t\tborder-top: 1px solid #e5e5e5;\n\t\tbackground: #fff;\n\t\tbox-sizing: border-box;\n\n\t\t.clear {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.llms-lesson-button-wrapper {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 10px;\n\t\t\tmargin: 0;\n\t\t\tpadding: 20px 10px;\n\n\t\t\t.llms-form-field {\n\t\t\t\tpadding-top: 0;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:not(.llms-focus-mode-footer--mobile) {\n\t\t\t@media (max-width: 768px) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t&.llms-focus-mode-footer--mobile {\n\t\t\tdisplay: none;\n\n\t\t\t@media (max-width: 768px) {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: sticky;\n\t\t\t\tbottom: 0;\n\t\t\t\tz-index: 10;\n\t\t\t}\n\t\t}\n\t}\n\n\t// =============================================\n\t// Sidebar collapsed state\n\t// =============================================\n\t&.llms-sidebar-collapsed {\n\n\t\t.llms-focus-mode-sidebar {\n\t\t\twidth: $focus-sidebar-collapsed-width;\n\t\t\tmin-width: $focus-sidebar-collapsed-width;\n\t\t\toverflow: hidden;\n\n\t\t\t.llms-focus-mode-sidebar-header,\n\t\t\t.llms-focus-mode-sidebar-content {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.llms-focus-mode-sidebar-toggle {\n\t\t\t\tposition: static;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tbackground: #fafafa;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tright: auto;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 18px;\n\t\t\t\t\theight: 18px;\n\t\t\t\t}\n\n\t\t\t\t.llms-chevron-left {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.llms-chevron-right {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// =============================================\n\t// Sidebar position: right\n\t// =============================================\n\t&.llms-focus-mode-sidebar-right {\n\n\t\t.llms-focus-mode-body {\n\t\t\tflex-direction: row-reverse;\n\t\t}\n\n\t\t.llms-focus-mode-sidebar {\n\t\t\tborder-right: 0;\n\t\t\tborder-left: 1px solid #e5e5e5;\n\t\t}\n\n\t\t.llms-focus-mode-sidebar-toggle {\n\t\t\tright: auto;\n\t\t\tleft: -14px;\n\t\t\tbox-shadow: -2px 0 4px rgba(0, 0, 0, 0.08);\n\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: -2px 0 6px rgba(0, 0, 0, 0.12);\n\t\t\t}\n\n\t\t\t.llms-chevron-left {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.llms-chevron-right {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&.llms-sidebar-collapsed .llms-focus-mode-sidebar {\n\t\t\tborder-left: 0;\n\n\t\t\t.llms-focus-mode-sidebar-toggle {\n\t\t\t\tleft: auto;\n\t\t\t\tbox-shadow: none;\n\n\t\t\t\t.llms-chevron-left {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t.llms-chevron-right {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// =============================================\n\t// Content width variants\n\t// =============================================\n\t@each $width in 768, 960, 1180, 1600 {\n\t\t&.llms-focus-mode-width-#{$width} .llms-focus-mode-content {\n\n\t\t\t.llms-focus-mode-title,\n\t\t\t.llms-lesson-content {\n\t\t\t\tmax-width: #{$width}px;\n\t\t\t\tmargin-left: auto;\n\t\t\t\tmargin-right: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t// =============================================\n\t// Mobile: sidebar stacks below content\n\t// =============================================\n\t@media (max-width: 768px) {\n\n\t\t.llms-focus-mode-body {\n\t\t\tflex-direction: column;\n\t\t\toverflow-y: auto;\n\t\t}\n\n\t\t.llms-focus-mode-main {\n\t\t\tflex: none;\n\t\t\toverflow-y: visible;\n\t\t\torder: 1;\n\t\t}\n\n\t\t.llms-focus-mode-sidebar {\n\t\t\twidth: 100%;\n\t\t\tmin-width: 100%;\n\t\t\tborder-right: 0;\n\t\t\tborder-top: 1px solid #e5e5e5;\n\t\t\toverflow: hidden;\n\t\t\torder: 2;\n\n\t\t\t.llms-focus-mode-sidebar-content {\n\t\t\t\toverflow-y: visible;\n\t\t\t}\n\t\t}\n\n\t\t.llms-focus-mode-sidebar-toggle {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Override collapsed state so the sidebar is always visible on mobile.\n\t\t&.llms-sidebar-collapsed .llms-focus-mode-sidebar {\n\t\t\twidth: 100%;\n\t\t\tmin-width: 100%;\n\n\t\t\t.llms-focus-mode-sidebar-header,\n\t\t\t.llms-focus-mode-sidebar-content {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t// Sidebar-right doesn't need reversed direction on mobile.\n\t\t&.llms-focus-mode-sidebar-right {\n\t\t\t.llms-focus-mode-body {\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t.llms-focus-mode-sidebar {\n\t\t\t\tborder-left: 0;\n\t\t\t\tborder-top: 1px solid #e5e5e5;\n\t\t\t}\n\t\t}\n\t}\n\n\n\t// Fix position of the Notes button.\n\t.llms-note-button.position-fixed__top, .llms-note-wrapper {\n\t\ttop: 68px;\n\t}\n\n\t@media screen and (max-width: 782px) {\n\t\t.llms-note-button.position-fixed__bottom {\n\t\t\tbottom: 86px;\n\t\t}\n\t}\n}\n\n.admin-bar.llms-focus-mode {\n\t.llms-focus-mode-wrapper {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: calc( 100dvh - $admin-bar-height );\n\t\toverflow: hidden;\n\t}\n\n\t.llms-note-button.position-fixed__top, .llms-note-wrapper {\n\t\ttop: 100px;\n\t}\n\n\t@media screen and (max-width: 782px) {\n\t\t.llms-note-button.position-fixed__top, .llms-note-wrapper {\n\t\t\ttop: 112px;\n\t\t}\n\n\t\t.llms-focus-mode-wrapper {\n\t\t\theight: calc( 100dvh - $admin-bar-height-mobile );\n\t\t}\n\t}\n}\n\n\n",".llms-focus-mode {\n  margin: 0;\n  padding: 0;\n  background-color: #f9f9f9;\n  overflow: hidden;\n}\n.llms-focus-mode .llms-focus-mode-wrapper {\n  display: flex;\n  flex-direction: column;\n  height: 100dvh;\n  overflow: hidden;\n}\n.llms-focus-mode .llms-focus-mode-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  background-color: #fff;\n  border-bottom: 1px solid #e5e5e5;\n  padding: 0 20px;\n  height: 60px;\n  min-height: 60px;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  z-index: 20;\n}\n.llms-focus-mode .llms-focus-mode-header .llms-focus-mode-header-left {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n.llms-focus-mode .llms-focus-mode-header .llms-focus-mode-header-left > .clear {\n  display: none;\n}\n.llms-focus-mode .llms-focus-mode-header .llms-focus-mode-header-center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  min-width: 0;\n}\n.llms-focus-mode .llms-focus-mode-header .llms-progress {\n  width: 100%;\n  max-width: 300px;\n}\n.llms-focus-mode .llms-focus-mode-header .llms-progress .llms-progress-bar {\n  width: 100%;\n  min-width: 20px;\n}\n.llms-focus-mode .llms-focus-mode-header .llms-focus-mode-header-nav {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.llms-focus-mode .llms-focus-mode-nav-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 14px;\n  border: 1px solid #e5e5e5;\n  border-radius: 6px;\n  background: #fafafa;\n  color: #1d2327;\n  text-decoration: none;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n}\n.llms-focus-mode .llms-focus-mode-nav-btn:hover {\n  background: #f0f0f0;\n  border-color: #ccc;\n  color: #1d2327;\n}\n.llms-focus-mode .llms-focus-mode-nav-btn .llms-focus-mode-nav-icon {\n  width: 12px;\n  height: 12px;\n  fill: currentColor;\n  flex-shrink: 0;\n}\n@media (max-width: 768px) {\n  .llms-focus-mode .llms-focus-mode-nav-btn .llms-focus-mode-nav-label {\n    display: none;\n  }\n}\n@media (max-width: 768px) {\n  .llms-focus-mode .llms-focus-mode-nav-btn {\n    padding: 6px 8px;\n  }\n}\n.llms-focus-mode .llms-focus-mode-nav-btn.llms-lesson-locked {\n  cursor: not-allowed;\n  position: relative;\n  color: #a7aaad;\n  border-color: #e5e5e5;\n  background: #f9f9f9;\n}\n.llms-focus-mode .llms-focus-mode-nav-btn.llms-lesson-locked .llms-tooltip {\n  top: auto;\n  bottom: auto;\n  left: auto;\n  right: 0;\n  transform: none;\n  white-space: normal;\n  min-width: 200px;\n  max-width: 200px;\n}\n.llms-focus-mode .llms-focus-mode-nav-btn.llms-lesson-locked .llms-tooltip.show {\n  top: auto;\n  bottom: -112px;\n}\n.llms-focus-mode .llms-focus-mode-nav-btn.llms-lesson-locked .llms-tooltip:after {\n  bottom: auto;\n  top: -8px;\n  left: auto;\n  right: 12px;\n  transform: none;\n  border-top: 0;\n  border-bottom: 8px solid #2a2a2a;\n}\n.llms-focus-mode .llms-focus-mode-back-link {\n  text-decoration: none;\n  color: #0073aa;\n  font-weight: 500;\n}\n.llms-focus-mode .llms-focus-mode-back-link:hover {\n  color: #005177;\n}\n.llms-focus-mode .llms-focus-mode-body {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n  height: calc(100dvh - 60px);\n}\n.llms-focus-mode .llms-focus-mode-sidebar {\n  position: relative;\n  width: 350px;\n  min-width: 350px;\n  flex-shrink: 0;\n  background-color: #fff;\n  border-right: 1px solid #e5e5e5;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n}\n.llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-header {\n  padding: 15px 20px;\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 600;\n  color: #333;\n  border-bottom: 1px solid #e5e5e5;\n  flex-shrink: 0;\n}\n.llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-header h3 {\n  margin: 0;\n  font-size: inherit;\n  font-weight: inherit;\n  color: inherit;\n}\n.llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n.llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-content .llms-widget-syllabus:not(.llms-widget-syllabus--collapsible) .section-title {\n  font-weight: normal;\n  margin: 20px 0 10px;\n}\n.llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-content .llms-widget-syllabus:not(.llms-widget-syllabus--collapsible) .llms-section:first-child .section-title {\n  margin-top: 10px;\n}\n.llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-content .llms-lesson-locked {\n  cursor: not-allowed;\n}\n.llms-focus-mode .llms-focus-mode-sidebar-toggle {\n  position: absolute;\n  top: 20px;\n  right: -14px;\n  z-index: 11;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: 1px solid #e5e5e5;\n  border-radius: 8px;\n  background: #fff;\n  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);\n  cursor: pointer;\n  color: #666;\n  line-height: 1;\n  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;\n}\n.llms-focus-mode .llms-focus-mode-sidebar-toggle:hover {\n  color: #1d2327;\n  background: #f0f0f0;\n  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.12);\n}\n.llms-focus-mode .llms-focus-mode-sidebar-toggle svg {\n  width: 14px;\n  height: 14px;\n  fill: currentColor;\n}\n.llms-focus-mode .llms-focus-mode-sidebar-toggle .llms-chevron-left {\n  display: block;\n}\n.llms-focus-mode .llms-focus-mode-sidebar-toggle .llms-chevron-right {\n  display: none;\n}\n.llms-focus-mode .llms-focus-mode-main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.llms-focus-mode .llms-focus-mode-content {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n  padding: 40px;\n  box-sizing: border-box;\n}\n@media (max-width: 768px) {\n  .llms-focus-mode .llms-focus-mode-content {\n    padding: 20px;\n  }\n}\n.llms-focus-mode .llms-focus-mode-content .llms-focus-mode-title {\n  margin: 0 0 30px;\n  font-size: 1.8rem;\n  font-weight: 700;\n  color: #1d2327;\n}\n.llms-focus-mode .llms-focus-mode-content .llms-lesson-content {\n  max-width: 100%;\n}\n.llms-focus-mode .llms-focus-mode-content .llms-lesson-content img {\n  max-width: 100%;\n  height: auto;\n}\n.llms-focus-mode .llms-focus-mode-footer {\n  flex-shrink: 0;\n  border-top: 1px solid #e5e5e5;\n  background: #fff;\n  box-sizing: border-box;\n}\n.llms-focus-mode .llms-focus-mode-footer .clear {\n  display: none;\n}\n.llms-focus-mode .llms-focus-mode-footer .llms-lesson-button-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  margin: 0;\n  padding: 20px 10px;\n}\n.llms-focus-mode .llms-focus-mode-footer .llms-lesson-button-wrapper .llms-form-field {\n  padding-top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n@media (max-width: 768px) {\n  .llms-focus-mode .llms-focus-mode-footer:not(.llms-focus-mode-footer--mobile) {\n    display: none;\n  }\n}\n.llms-focus-mode .llms-focus-mode-footer.llms-focus-mode-footer--mobile {\n  display: none;\n}\n@media (max-width: 768px) {\n  .llms-focus-mode .llms-focus-mode-footer.llms-focus-mode-footer--mobile {\n    display: block;\n    position: sticky;\n    bottom: 0;\n    z-index: 10;\n  }\n}\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar {\n  width: 48px;\n  min-width: 48px;\n  overflow: hidden;\n}\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-header,\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-content {\n  display: none;\n}\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle {\n  position: static;\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background: #fafafa;\n  box-shadow: none;\n  right: auto;\n}\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle svg {\n  width: 18px;\n  height: 18px;\n}\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle .llms-chevron-left {\n  display: none;\n}\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle .llms-chevron-right {\n  display: block;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-body {\n  flex-direction: row-reverse;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-sidebar {\n  border-right: 0;\n  border-left: 1px solid #e5e5e5;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-sidebar-toggle {\n  right: auto;\n  left: -14px;\n  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.08);\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-sidebar-toggle:hover {\n  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.12);\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-sidebar-toggle .llms-chevron-left {\n  display: none;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-sidebar-toggle .llms-chevron-right {\n  display: block;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right.llms-sidebar-collapsed .llms-focus-mode-sidebar {\n  border-left: 0;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle {\n  left: auto;\n  box-shadow: none;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle .llms-chevron-left {\n  display: block;\n}\n.llms-focus-mode.llms-focus-mode-sidebar-right.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-toggle .llms-chevron-right {\n  display: none;\n}\n.llms-focus-mode.llms-focus-mode-width-768 .llms-focus-mode-content .llms-focus-mode-title,\n.llms-focus-mode.llms-focus-mode-width-768 .llms-focus-mode-content .llms-lesson-content {\n  max-width: 768px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.llms-focus-mode.llms-focus-mode-width-960 .llms-focus-mode-content .llms-focus-mode-title,\n.llms-focus-mode.llms-focus-mode-width-960 .llms-focus-mode-content .llms-lesson-content {\n  max-width: 960px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.llms-focus-mode.llms-focus-mode-width-1180 .llms-focus-mode-content .llms-focus-mode-title,\n.llms-focus-mode.llms-focus-mode-width-1180 .llms-focus-mode-content .llms-lesson-content {\n  max-width: 1180px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.llms-focus-mode.llms-focus-mode-width-1600 .llms-focus-mode-content .llms-focus-mode-title,\n.llms-focus-mode.llms-focus-mode-width-1600 .llms-focus-mode-content .llms-lesson-content {\n  max-width: 1600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n@media (max-width: 768px) {\n  .llms-focus-mode .llms-focus-mode-body {\n    flex-direction: column;\n    overflow-y: auto;\n  }\n  .llms-focus-mode .llms-focus-mode-main {\n    flex: none;\n    overflow-y: visible;\n    order: 1;\n  }\n  .llms-focus-mode .llms-focus-mode-sidebar {\n    width: 100%;\n    min-width: 100%;\n    border-right: 0;\n    border-top: 1px solid #e5e5e5;\n    overflow: hidden;\n    order: 2;\n  }\n  .llms-focus-mode .llms-focus-mode-sidebar .llms-focus-mode-sidebar-content {\n    overflow-y: visible;\n  }\n  .llms-focus-mode .llms-focus-mode-sidebar-toggle {\n    display: none;\n  }\n  .llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar {\n    width: 100%;\n    min-width: 100%;\n  }\n  .llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-header,\n.llms-focus-mode.llms-sidebar-collapsed .llms-focus-mode-sidebar .llms-focus-mode-sidebar-content {\n    display: block;\n  }\n  .llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-body {\n    flex-direction: column;\n  }\n  .llms-focus-mode.llms-focus-mode-sidebar-right .llms-focus-mode-sidebar {\n    border-left: 0;\n    border-top: 1px solid #e5e5e5;\n  }\n}\n.llms-focus-mode .llms-note-button.position-fixed__top, .llms-focus-mode .llms-note-wrapper {\n  top: 68px;\n}\n@media screen and (max-width: 782px) {\n  .llms-focus-mode .llms-note-button.position-fixed__bottom {\n    bottom: 86px;\n  }\n}\n\n.admin-bar.llms-focus-mode .llms-focus-mode-wrapper {\n  display: flex;\n  flex-direction: column;\n  height: calc(100dvh - 32px);\n  overflow: hidden;\n}\n.admin-bar.llms-focus-mode .llms-note-button.position-fixed__top, .admin-bar.llms-focus-mode .llms-note-wrapper {\n  top: 100px;\n}\n@media screen and (max-width: 782px) {\n  .admin-bar.llms-focus-mode .llms-note-button.position-fixed__top, .admin-bar.llms-focus-mode .llms-note-wrapper {\n    top: 112px;\n  }\n  .admin-bar.llms-focus-mode .llms-focus-mode-wrapper {\n    height: calc(100dvh - 46px);\n  }\n}"],"sourceRoot":"../../scss"}