@layer components{mark.lesson-highlight{background-color:color-mix(in srgb,var(--primary) 28%,transparent);border-bottom:2px solid var(--primary);border-radius:2px;color:inherit;cursor:pointer;transition-property:background-color;transition-duration:.15s}@media (hover:hover){mark.lesson-highlight:hover{background-color:color-mix(in srgb,var(--primary) 45%,transparent)}}.lesson-highlighter__note-tip{position:fixed;transform:translate(-50%,-100%);z-index:60;max-width:20rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--card);color:var(--foreground);padding:.5rem .75rem;font-size:.8125rem;line-height:1.45;box-shadow:0 6px 18px rgb(0 0 0/.25);pointer-events:none}.lesson-highlighter__editor{position:fixed;transform:translateX(-50%);z-index:61;display:flex;flex-direction:column;gap:.5rem;width:20rem;max-width:90vw;border-radius:.75rem;border:1px solid var(--border-color);background-color:var(--card);padding:.75rem;box-shadow:0 10px 30px rgb(0 0 0/.3)}.lesson-highlighter__editor-input{width:100%;min-height:4.5rem;resize:vertical;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--background);color:var(--foreground);padding:.5rem .65rem;font-size:.8125rem;font-family:inherit;line-height:1.45}.lesson-highlighter__editor-remove-row{display:flex;justify-content:flex-start;margin-top:-.25rem}.lesson-highlighter__editor-actions{display:flex;align-items:center;gap:.5rem}.lesson-highlighter__editor-save{border:none;border-radius:calc(var(--radius) + 4px);background-color:var(--primary);color:var(--primary-foreground);padding:.35rem .75rem;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer}.lesson-highlighter__editor-close,.lesson-highlighter__editor-remove{border:none;background:none;color:var(--muted-foreground);font-size:.8125rem;cursor:pointer;padding:.35rem .25rem}@media (hover:hover){.lesson-highlighter__editor-remove:hover{color:var(--foreground);text-decoration:underline}.lesson-highlighter__editor-close:hover{color:var(--foreground)}}.lesson-highlighter__btns{position:fixed;transform:translateX(-50%);z-index:60;display:flex;gap:.375rem}.lesson-highlighter__btn{border:none;border-radius:9999px;background-color:var(--primary);color:var(--primary-foreground);padding:.35rem .85rem;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 6px 18px rgb(0 0 0/.25);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s}@media (hover:hover){.lesson-highlighter__btn:hover{transform:translateY(-1px)}}}.lesson-highlighter__editor{position:fixed}.lesson-highlighter__editor-close-x{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted-foreground,#9db8c9);cursor:pointer}.lesson-highlighter__editor-close-x:hover{color:var(--foreground,#eaf2f7);background:color-mix(in srgb,currentColor 12%,transparent)}.lesson-highlighter__editor-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--muted-foreground,#9db8c9);margin-bottom:.375rem}.lesson-highlighter__editor-remove{color:var(--state-danger-fg,#ef4444);background:transparent;border:0}.lesson-highlighter__editor-remove--confirm{background-color:var(--state-danger-fg,#dc2626);color:#fff;border-radius:999px;padding-inline:.75rem;font-weight:600}.lesson-highlighter__editor-hint{margin-left:auto;font-size:.6875rem;color:var(--muted-foreground,#9db8c9);opacity:.8;align-self:center}@layer components{mark.lesson-highlight--flash{animation:lesson-highlight-flash 2.2s ease-out 1}@media (prefers-reduced-motion:reduce){mark.lesson-highlight--flash{animation:none;outline:2px solid var(--primary);outline-offset:2px}}}@keyframes lesson-highlight-flash{0%,55%{background-color:color-mix(in srgb,var(--primary) 70%,transparent)}to{background-color:color-mix(in srgb,var(--primary) 28%,transparent)}}@layer components{.lesson-highlighter__img-btn{position:fixed;transform:translate(-100%);z-index:60;border-radius:calc(infinity * 1px);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);background-color:var(--card);color:var(--primary);padding:.3125rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgb(0 0 0/.28)}.lesson-highlighter__img-btn:hover{background-color:color-mix(in srgb,var(--primary) 12%,transparent)}.ga-lesson-content img.lesson-image--noted{outline:2px solid var(--primary);outline-offset:3px;border-radius:.5rem}.lesson-highlighter__editor-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.lesson-highlighter__editor-actions-right{display:inline-flex;align-items:center;gap:.625rem}.lesson-highlighter__editor-remove,.lesson-highlighter__editor-remove--confirm{min-width:0;width:auto;height:auto;padding:.3125rem .625rem;border-radius:calc(var(--radius) - 2px);border:1px solid transparent;background-color:transparent;color:var(--muted-foreground);font-size:.8125rem;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition-property:color,background-color,border-color;transition-duration:.15s}.lesson-highlighter__editor-remove:hover{color:var(--destructive);background-color:color-mix(in srgb,var(--destructive) 8%,transparent)}.lesson-highlighter__editor-remove--confirm,.lesson-highlighter__editor-remove--confirm:hover{color:var(--destructive);border-color:color-mix(in srgb,var(--destructive) 45%,transparent);background-color:color-mix(in srgb,var(--destructive) 12%,transparent)}.lesson-highlighter__editor-save--saved{cursor:default;opacity:.95}.lesson-highlighter__editor-save--saved:before{content:"✓";margin-right:.375rem;font-weight:700}}@layer components{}@layer components{}@layer components{}