.course-library-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.course-library-head>div,.course-directory-actions{display:flex;gap:8px;flex-wrap:wrap}.course-card-list{display:flex!important;flex-direction:column!important;gap:16px!important}.course-card{--course-paper:var(--card,#fffdf7);border:1px solid var(--border,#dce2d5);border-radius:21px;overflow:hidden;background:var(--course-paper);min-width:0}.course-card-main{display:block;position:relative;text-align:left;width:100%;border:0;padding:0;min-height:156px;overflow:hidden;background:transparent;color:inherit;cursor:pointer;font:inherit}.course-cover-layer{position:absolute;inset:0 auto 0 0;width:60%;pointer-events:none;background-image:repeating-radial-gradient(ellipse at 6% 70%,transparent 0 17px,#8f9f8340 18px 19px,transparent 20px 32px),linear-gradient(120deg,#d9e3d5,#f1e8d6);background-position:center;background-size:cover;mask-image:linear-gradient(to right,#000 0%,#000 28%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 28%,transparent 100%)}.tone-1 .course-cover-layer{background-image:repeating-radial-gradient(ellipse at 5% 25%,transparent 0 19px,#aa95843b 20px 21px,transparent 22px 37px),linear-gradient(125deg,#ebdfd1,#eee9dc)}.tone-2 .course-cover-layer{background-image:repeating-radial-gradient(ellipse at 12% 70%,transparent 0 14px,#8b9ea93b 15px 16px,transparent 17px 29px),linear-gradient(120deg,#dce6e5,#ece8dd)}.course-card-info{position:relative;margin-left:25%;padding:22px 24px 22px 10px;display:flex;flex-direction:column;gap:9px;min-width:0}.course-card-info strong{font-size:19px;line-height:1.55;overflow-wrap:anywhere}.course-card-info small{color:var(--muted,#69735f);font-size:13px}.course-card-info>span{font-size:12px;color:var(--muted,#69735f)}.course-card-info progress,#course-directory-progress progress{appearance:none;width:100%;height:5px;border:0;border-radius:10px;background:#a4b89b25;overflow:hidden}.course-card-info progress::-webkit-progress-bar,#course-directory-progress progress::-webkit-progress-bar{background:#a4b89b25;border-radius:10px}.course-card-info progress::-webkit-progress-value,#course-directory-progress progress::-webkit-progress-value{background:#8fa383;border-radius:10px}.course-card-info .course-enter{align-self:flex-end;font-size:12px}.course-manage-actions,.chapter-manage-actions{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--border,#dce2d5)}.course-manage-actions .btn,.chapter-manage-actions .btn{min-height:44px}.course-empty{padding:24px 8px;line-height:1.9;color:var(--muted,#69735f)}.course-edit-form label,#course-add-chapters label,#chapter-rename-form label{display:block;font-size:13px;margin:14px 0}.course-edit-form .input,#course-add-chapters .input,#chapter-rename-form .input{margin-top:7px;width:100%;box-sizing:border-box}.course-cover-preview:empty{display:none}.course-cover-preview img{display:block;max-width:100%;max-height:190px;object-fit:contain;border-radius:12px;margin:12px 0}.course-chapters{margin-top:20px}.course-chapter-row{display:grid;grid-template-columns:48px minmax(0,1fr);border-bottom:1px solid var(--border,#dce2d5);min-width:0}.course-complete-hit{display:grid;place-items:center;min-width:44px;min-height:60px;cursor:pointer}.course-complete-hit input,.chapter-completion input{width:19px;height:19px;accent-color:#718866}.course-chapter-main{border:0;background:none;font:inherit;color:inherit;display:grid;grid-template-columns:76px minmax(0,1fr) 16px;align-items:center;gap:8px;text-align:left;min-height:62px;padding:12px 0;cursor:pointer}.course-chapter-main small{color:var(--muted,#69735f);font-size:12px}.course-chapter-main span{line-height:1.65;overflow-wrap:anywhere}.course-chapter-main i{font-style:normal;color:var(--muted,#69735f)}.chapter-manage-actions{grid-column:2;border-top:0;padding:0 0 12px}.chapter-completion{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;margin:12px 0;cursor:pointer}.course-directory-actions{margin:18px 0}#course-directory-progress{display:flex;flex-direction:column;gap:8px;max-width:460px;font-size:13px;color:var(--muted,#69735f)}#page-chapter h1 small{display:block;font-weight:400;font-size:13px;color:var(--muted,#69735f);margin-bottom:7px}#page-chapter h1 span{display:block;font-size:25px;line-height:1.6;overflow-wrap:anywhere}#course-bulk-result{max-height:340px;overflow:auto;margin:16px 0;font-size:14px;line-height:1.9}#course-bulk-result li{margin:7px 0;overflow-wrap:anywhere}#course-bulk-result small{display:block;color:#9c6a44;font-size:12px}.course-note-toolbar{display:flex;gap:5px;flex-wrap:wrap;position:sticky;top:8px;background:var(--card,#fffdf7);padding:8px;border:1px solid var(--border,#dce2d5);border-radius:14px;z-index:6}.course-note-toolbar .btn{min-height:44px;padding:8px 10px;flex-shrink:0}#course-rich-editor{margin-top:12px;background:var(--card,#fffdf7);border:1px solid var(--border,#dce2d5);border-radius:16px}#course-rich-editor .tiptap{outline:none;min-height:300px;padding:18px 20px 85px;line-height:1.85;font-size:16px;overflow-wrap:anywhere;white-space:pre-wrap}#course-rich-editor .tiptap>*{max-width:100%;box-sizing:border-box}#course-rich-editor .tiptap p{margin:9px 0}#course-rich-editor .tiptap h1,#course-rich-editor .tiptap h2,#course-rich-editor .tiptap h3{line-height:1.6;margin:20px 0 10px}#course-rich-editor .tiptap img{max-width:100%;width:auto;height:auto;display:block;margin:14px 0;cursor:default}#course-rich-editor .tiptap img.ProseMirror-selectednode{outline:2px solid #8fa383;outline-offset:3px}#course-rich-editor .tiptap ul,#course-rich-editor .tiptap ol{padding-left:26px}#course-rich-editor .tiptap li>p{margin:3px 0}.course-save-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;font-size:12px;color:var(--muted,#69735f);padding:8px 2px;overflow-wrap:anywhere}.course-save-line [data-state=error]{color:#a05a44}.course-existing-time{margin:24px 0;padding-bottom:40px;font-size:12px;color:var(--muted,#69735f)}.course-existing-time summary{min-height:44px;cursor:pointer}.course-existing-time>div{display:flex;gap:6px;flex-wrap:wrap}body.course-keyboard-open .bottombar{visibility:hidden;pointer-events:none}body.course-keyboard-open #page-chapter{padding-bottom:30px}#page-chapter{padding-bottom:100px}
@media(max-width:600px){.course-card-info{margin-left:22%;padding-right:16px}.course-card-info strong{font-size:17px}.course-card-main{min-height:154px}.course-chapter-main{grid-template-columns:57px minmax(0,1fr) 12px;font-size:14px;gap:5px}.course-complete-hit{min-width:44px}.course-directory-actions .btn{min-height:44px;font-size:12px}.course-note-toolbar{top:4px;padding:5px;gap:3px}.course-note-toolbar .btn{font-size:12px;padding:8px 9px}#course-rich-editor .tiptap{padding:14px 14px 85px;min-height:320px}.course-library-head>div{gap:5px}.course-library-head .btn{font-size:12px;min-height:44px}#page-chapter h1 span{font-size:22px}}
.course-note-toolbar [aria-pressed="true"]{background:#8fa38335;box-shadow:inset 0 0 0 1px #8fa38380}
#course-bulk-result ol{list-style:decimal inside;padding-left:6px}#course-bulk-result li{display:list-item;list-style:inherit}
#course-rich-editor .tiptap ul{list-style:disc}#course-rich-editor .tiptap ol{list-style:decimal}#course-rich-editor .tiptap li{display:list-item}
@media(max-width:650px){#page-courses .course-page-head{padding:18px 20px;margin-bottom:16px}#page-courses .course-page-head small{display:none}#page-courses .course-page-head .course-back{margin-bottom:6px}#page-courses .course-page-head h1{font-size:26px;margin:6px 0}#page-courses .course-library-head{flex-direction:row;align-items:center;gap:8px}#page-courses .course-library-head h2{font-size:18px}#page-courses .course-library-head>div{flex-wrap:nowrap;gap:4px}#page-courses .course-library-head .btn{width:auto;padding:8px 10px}}
.course-list-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 8px}.course-list-filters .btn,.course-list-filters select{min-height:44px;font:inherit;font-size:12px;border-radius:18px;padding:8px 13px}.course-list-filters select{border:1px solid var(--border,#dce2d5);background:var(--card,#fffdf7);color:inherit;max-width:145px}.course-list-filters [aria-pressed=true]{background:#dfe7d7;color:#3e5236}.course-list-count{font-size:11px;color:var(--muted,#69735f);line-height:1.6;margin-bottom:14px}.course-card{border:0;box-shadow:0 3px 15px #37412d06;border-radius:20px}.course-card-main{min-height:166px}.course-cover-layer{width:58%;mask-image:linear-gradient(to right,#000 0%,#000 35%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 35%,transparent 100%)}.course-card-info{margin-left:36%;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding:24px 42px 24px 12px}.course-card-info strong,.course-card-info small,.course-card-info .course-progress-count{grid-column:1 / -1}.course-card-info strong{font-size:21px;line-height:1.4}.course-card-info progress{align-self:center;height:7px}.course-card-info .course-progress-percent{font-size:12px;align-self:center;text-align:right}.course-card-info .course-enter{position:absolute;right:16px;top:43%;font-size:27px;font-weight:300}.course-card-info progress::-webkit-progress-value{background:#94a98b}.tone-1 .course-card-info progress::-webkit-progress-value{background:#d1af8e}.tone-2 .course-card-info progress::-webkit-progress-value{background:#a3a6c3}.course-card-info progress::-moz-progress-bar{background:#94a98b}.course-progress-percent{font-variant-numeric:tabular-nums}
@media(max-width:600px){.course-card-list{gap:13px!important}.course-card-main{min-height:148px}.course-card-info{margin-left:35%;padding:19px 27px 19px 8px;gap:8px;grid-template-columns:minmax(0,1fr) 34px}.course-card-info strong{font-size:17px}.course-card-info small{font-size:12px}.course-card-info .course-progress-count,.course-card-info .course-progress-percent{font-size:11px}.course-card-info .course-enter{right:8px;font-size:24px}.course-list-filters{gap:5px}.course-list-filters .btn,.course-list-filters select{padding:7px 10px;font-size:11px}.course-list-filters label{margin-left:0}.course-list-count{margin-top:9px}}
.course-library-back{margin:0 0 4px}.course-library-back .course-back{min-height:44px;background:none;border:0;font:inherit;font-size:12px;color:var(--muted,#69735f);padding:0;cursor:pointer}.course-library-head h1{font-size:24px;line-height:1.4;margin:0}.course-library-head{margin:8px 0 18px}
@media(max-width:600px){.course-library-head h1{font-size:21px}.course-library-head{gap:6px}.course-library-head>div{gap:4px}.course-library-head .btn{padding:8px;font-size:11px}.course-library-head #plan-new-course{max-width:112px}}
.course-library-back .course-back{margin:0}.course-library-back{padding:0}