@import "https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@300;400;500;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.right-2{right:calc(var(--spacing) * 2)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.cursor-default{cursor:default}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-control{border-radius:var(--radius-control)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#e8beb6\]{border-color:#e8beb6}.border-\[rgba\(140\,80\,64\,0\.2\)\]{border-color:#8c504033}.border-\[rgba\(140\,110\,80\,0\.16\)\]{border-color:#8c6e5029}.bg-\[\#fff0ed\]{background-color:#fff0ed}.bg-\[rgba\(255\,252\,246\,0\.86\)\]{background-color:#fffcf6db}.bg-muted{background-color:var(--mt-card-sunken)}.bg-primary{background-color:var(--mt-primary)}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-danger\)\]{color:var(--color-danger)}.text-\[var\(--mt-brick\)\]{color:var(--mt-brick)}.text-primary-foreground{color:var(--color-primary-contrast)}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_0_rgba\(255\,249\,238\,0\.7\)_inset\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,#fff9eeb3) inset;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(181\,115\,110\,0\.18\)\]{--tw-shadow:0 10px 20px var(--tw-shadow-color,#b5736e2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--mt-bg)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[background\,border-color\,box-shadow\,color\,transform\]{transition-property:background,border-color,box-shadow,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-\[\#ffe8e2\]:hover{background-color:#ffe8e2}.hover\:bg-\[rgba\(232\,208\,138\,0\.24\)\]:hover{background-color:#e8d08a3d}.hover\:bg-\[var\(--mt-card\)\]:hover{background-color:var(--mt-card)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[rgba\(201\,123\,92\,0\.5\)\]:focus-visible{--tw-ring-color:#c97b5c80}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--mt-ink-soft)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}:root{--mt-bg:#fbf7f0;--mt-bg-deep:#f4ece0;--mt-bg-tinted:#f7efe2;--mt-card:#fffcf6;--mt-card-2:#faf5ec;--mt-card-sunken:#f2e9da;--mt-ink:#3d332b;--mt-ink-soft:#8b7e72;--mt-ink-faint:#b8a99b;--mt-primary:#c97b5c;--mt-secondary:#c9a57d;--mt-tertiary:#a8b89a;--mt-accent:#e8d08a;--mt-pink:#e8b4b8;--mt-blue:#95a8b5;--mt-lavender:#bfafcc;--mt-sage:#b5c4b1;--mt-brick:#b5736e;--mt-mint:#9cb5b0;--color-bg:var(--mt-bg);--color-surface:var(--mt-card);--color-surface-strong:var(--mt-card);--color-text:var(--mt-ink);--color-text-muted:var(--mt-ink-soft);--color-primary:var(--mt-primary);--color-primary-contrast:#fff9ee;--color-border:#8c6e5029;--color-success:#7f9d75;--color-warning:#b98f48;--color-danger:var(--mt-brick);--shadow-soft:0 22px 60px #3c28141f;--shadow-tight:0 10px 26px #3c281414;--shadow-paper:0 1px 0 #fff9eeeb inset, 0 12px 28px #3c281414;--radius-card:14px;--radius-control:10px;--font-sans:"Plus Jakarta Sans", "LXGW WenKai TC", "Yuanti TC", "Noto Sans TC", "PingFang TC", sans-serif;--font-hand:"LXGW WenKai TC", "Yuanti TC", "Noto Sans TC", "PingFang TC", sans-serif}*{box-sizing:border-box}body{color:var(--color-text);font-family:var(--font-sans);background:radial-gradient(circle at 9% 4%,#e8d08a38,#0000 24rem),radial-gradient(circle at 88% 0,#b5c4b147,#0000 28rem),linear-gradient(135deg,#fbf7f0fa,#f4ece0f2),repeating-linear-gradient(0deg,#8c6e500a 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,#8c6e5009 0 1px,#0000 1px 28px);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{stroke-width:1.8px;width:18px;height:18px}.app-shell{grid-template-columns:280px minmax(0,1fr);gap:clamp(18px,2vw,34px);max-width:1760px;min-height:100vh;margin:0 auto;padding:clamp(18px,2.5vw,42px);display:grid}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}@media (min-width:1181px) and (max-height:860px){.sidebar{gap:10px;padding-block:14px}.brand-block:after{height:14px;top:-7px}.sidebar-card{padding:10px}.sidebar-card strong{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nav-item{min-height:36px;padding-block:8px}.sidebar-stat-card{height:66px}}.login-shell{align-items:center;min-height:100vh;padding:24px;display:grid}.login-card{box-shadow:var(--shadow-soft);background:#fffdf8f0;border:1px solid #84745a24;border-radius:24px;gap:22px;width:100%;max-width:460px;margin:0 auto;padding:28px;display:grid}.login-mark{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.login-card h1{letter-spacing:0;margin:6px 0 10px;font-size:34px;line-height:1.1}.login-card p{color:var(--color-text-muted);margin:0;line-height:1.6}.login-form{gap:12px;display:grid}.login-form label{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fffdf8;border-radius:16px;gap:6px;padding:12px;font-size:12px;display:grid}.login-form input{color:var(--color-text);background:0 0;border:0;outline:0;font-size:16px}.dialog-backdrop{padding:var(--dialog-viewport-padding,14px);z-index:60;background:#2d302a33;align-items:center;display:grid;position:fixed;inset:0}.course-dialog{--dialog-action-height:58px;--dialog-column-gap:clamp(12px, 1.2vw, 18px);--dialog-section-gap:12px;--dialog-section-padding:clamp(12px, 1.1vw, 16px);--dialog-shell-padding:clamp(16px, 1.4vw, 20px);--dialog-scroll-height:calc(100dvh - 190px);gap:var(--dialog-section-gap);max-width:980px;min-height:0;max-height:calc(100dvh - 28px);padding:var(--dialog-shell-padding);background:#fffdf8fa;border:1px solid #84745a29;border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:min(100%,980px);margin:0 auto;display:grid;box-shadow:0 26px 70px #5046342e}.dialog-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.dialog-header h2{letter-spacing:0;margin:3px 0 0;font-size:26px}.course-form{align-items:start;gap:var(--dialog-column-gap);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:0;display:grid;overflow:hidden}.edit-course-form{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.course-form label{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fffdf8;border-radius:16px;gap:5px;padding:10px 12px;font-size:12px;transition:border-color .16s,box-shadow .16s;display:grid}.course-form label:focus-within{border-color:#c97b5c47;box-shadow:0 0 0 3px #c97b5c1a}.course-form-section{gap:var(--dialog-section-gap);min-height:0;padding:var(--dialog-section-padding);border:1px solid #8c6e501a;border-radius:18px;display:grid}.course-form-section.material-section{max-height:var(--dialog-scroll-height);scrollbar-color:#b7746057 #f1e8d885;scrollbar-width:thin;background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#f6f1e78a;position:sticky;top:0;overflow-y:auto}.course-form-section.data-section{max-height:var(--dialog-scroll-height);padding-bottom:calc(var(--dialog-section-padding) + 8px);scrollbar-color:#b774606b #f1e8d8ad;scrollbar-width:thin;padding-right:12px;overflow-y:auto}.course-form-section-heading{justify-content:space-between;align-items:center;gap:9px;display:flex}.course-form-section-heading strong{color:var(--color-text);font-size:13px}.course-form input,.course-form select,.course-form textarea{color:var(--color-text);background:0 0;border:0;outline:0;width:100%}.course-select-trigger{box-shadow:none;color:var(--color-text);font-family:var(--font-sans);background:0 0;border:0;width:100%;height:auto;min-height:26px;padding:0;font-size:14px}.course-select-trigger:focus{box-shadow:none}.course-select-trigger svg{color:var(--color-text-muted);width:15px;height:15px}.course-select-content{color:var(--color-text);font-family:var(--font-hand);z-index:80;background:linear-gradient(#fffcf6fa,#faf5ecfa);border:1px solid #8c6e5029;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px #3c28141f}.course-select-item{color:var(--color-text-muted);cursor:pointer;border-radius:10px;min-height:34px}.course-select-item:focus{color:var(--mt-ink);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#b5c4b157}.course-form textarea{resize:vertical;min-height:112px;line-height:1.6}.course-form textarea.compact-textarea{min-height:58px}.form-grid{grid-template-columns:1fr 150px;gap:10px;display:grid}.dialog-submit{background:repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee24 5px 10px), var(--mt-primary);min-height:var(--dialog-action-height);z-index:2;grid-column:1/-1;align-self:end;position:sticky;bottom:0;box-shadow:0 -12px 24px #fffdf8db,0 10px 20px #b5736e2e}.cover-input-zone{gap:var(--dialog-control-gap,10px);grid-template-columns:minmax(0,1fr) minmax(150px,.42fr);display:grid}.cover-preview-box{aspect-ratio:2.35;color:var(--color-text-muted);background:linear-gradient(135deg,#f6fbf4,#fffdf8);border:1px dashed #c8d9c4;border-radius:14px;justify-content:center;align-items:center;min-height:86px;display:flex;position:relative;overflow:hidden}.cover-preview-box:focus{border-color:#c97964;outline:0;box-shadow:0 0 0 3px #c979642e}.cover-preview-box>span{align-items:center;gap:9px;display:flex}.cover-preview-box svg{color:var(--color-primary);width:18px;height:18px}.cover-preview-box small,.cover-preview-box strong{display:block}.cover-preview-box img{object-fit:cover;width:100%;height:100%}.cover-preview-box button{background:#fffdf8eb;border:1px solid #8c6e5024;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:8px;right:8px}.screenshot-input-zone{gap:var(--dialog-control-gap,10px);grid-template-columns:minmax(0,1fr) minmax(150px,.42fr);display:grid}.screenshot-paste-zone,.screenshot-picker-button{color:var(--color-text-muted);text-align:left;background:linear-gradient(135deg,#f6fbf4,#fffdf8);border:1px dashed #c8d9c4;border-radius:14px;justify-content:flex-start;align-items:center;gap:9px;min-height:48px;padding:9px 11px;display:flex}.screenshot-paste-zone{cursor:text}.screenshot-paste-zone:focus{border-color:#c97964;outline:0;box-shadow:0 0 0 3px #c979642e}.screenshot-picker-button{color:var(--color-primary);border-style:solid;justify-content:center;min-height:48px;font-weight:800}.screenshot-paste-zone:hover,.screenshot-picker-button:hover{border-color:#a9c8a4;box-shadow:0 12px 28px #739c8514}.screenshot-paste-zone svg,.screenshot-picker-button svg{color:var(--color-primary);flex:none;width:18px;height:18px}.screenshot-paste-zone strong,.screenshot-paste-zone small{display:block}.screenshot-paste-zone small{margin-top:2px;font-size:12px}.analysis-screenshot-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.analysis-screenshot-grid figure{aspect-ratio:4/3;border:1px solid var(--color-border);background:#fffdf8;border-radius:12px;margin:0;position:relative;overflow:hidden}.analysis-screenshot-grid img{object-fit:cover;width:100%;height:100%}.analysis-screenshot-grid button{background:#fffdf8eb;border:1px solid #8c6e5024;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute;top:6px;right:6px}.analysis-screenshot-grid svg{width:13px;height:13px}.purchase-proof-zone{gap:var(--dialog-control-gap,10px);background:#f6fbf46b;border:1px solid #a9c8a485;border-radius:16px;grid-template-columns:minmax(0,1fr) 96px 112px;padding:8px;display:grid}.compact-proof-zone,.compact-proof-button{min-height:44px;padding:8px 10px}.compact-proof-button{gap:7px}.purchase-proof-preview{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,96px));gap:8px;display:grid}.purchase-proof-message{grid-column:1/-1}.purchase-proof-preview figure{aspect-ratio:4/3;border:1px solid var(--color-border);background:#fffdf8;border-radius:12px;margin:0;position:relative;overflow:hidden}.purchase-proof-preview img{object-fit:cover;width:100%;height:100%}.purchase-proof-preview button{background:#fffdf8eb;border:1px solid #8c6e5024;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:5px;right:5px}.purchase-proof-preview svg{width:12px;height:12px}.analyze-course-button{min-height:42px}.analysis-message{border-radius:12px;margin:0;padding:9px 11px;font-size:12px}.analysis-message.ready{color:#4d7d56;background:#eef8ed}.analysis-message.error{color:var(--color-danger);background:#fff0ed}.analysis-message.loading{color:#9a6d36;background:#fff8e7}.analyzed-outline-preview{border:1px solid var(--color-border);background:#fffdf8;border-radius:16px;gap:8px;padding:10px 12px;display:grid}.analyzed-outline-preview p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.55}.analyzed-outline-preview ol{gap:7px;max-height:164px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.analyzed-outline-preview li{background:#f6f1e79e;border:1px solid #8c6e5014;border-radius:12px;gap:3px;padding:8px 9px;display:grid}.analyzed-outline-preview li strong{color:var(--color-text);font-size:13px}.analyzed-outline-preview li span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.form-error{color:var(--color-danger);background:#fff0ed;border:1px solid #eac4bc;border-radius:14px;margin:0;padding:10px 12px;font-size:13px}.delete-course-dialog{max-width:480px}.delete-course-copy{border:1px solid var(--color-border);background:#fffdf8;border-radius:16px;gap:7px;padding:14px;display:grid}.delete-course-copy strong{color:var(--color-text);overflow-wrap:anywhere;line-height:1.35}.delete-course-copy p{color:var(--color-text-muted);margin:0;line-height:1.55}.dialog-action-row{justify-content:flex-end;gap:10px;display:flex}.dialog-header .icon-button:focus-visible,.dialog-action-row button:focus-visible,.dialog-submit:focus-visible,.mobile-menu-button:focus-visible,.brand-block:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.icon-button:focus-visible,.open-course-button:focus-visible,.course-url-button:focus-visible{outline-offset:3px;outline:2px solid #c97b5c80}.login-error{background:#fff0ed;border:1px solid #eac4bc;border-radius:14px;padding:10px 12px;font-size:13px;color:var(--color-danger)!important}.login-button{min-height:46px}.mobile-menu-button,.mobile-menu-backdrop{display:none}.sidebar{border-right:1px solid #5f534124;flex-direction:column;gap:14px;max-height:100vh;padding:18px;transition:padding .18s,width .18s;display:flex;overflow:hidden}.sidebar.is-collapsed{align-items:center;gap:14px;padding-inline:8px}.surface-frame{box-shadow:var(--shadow-tight);border:1px solid #84745a1f}.brand-block{color:inherit;cursor:pointer;text-align:left;background:#fffdf8e0;border-radius:18px;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.sidebar.is-collapsed .brand-block{justify-content:center;padding:10px 8px}.sidebar-collapse-button{color:var(--color-text);cursor:pointer;background:#fff8df;border:1px solid #eadba8;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:34px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.sidebar-collapse-button:hover,.sidebar-collapse-button:focus-visible{border-color:#d2ba68;outline:0;box-shadow:0 10px 20px #b38a2e1f}.sidebar.is-collapsed .sidebar-collapse-button{border-radius:16px;padding:9px}.brand-block:hover{border-color:#c97b5c38;transform:translateY(-1px);box-shadow:0 14px 28px #3c281417}.brand-icon,.cover-mark{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-block strong,.sidebar-card strong{font-size:15px;display:block}.brand-block span,.sidebar-card span,.eyebrow{color:var(--color-text-muted);font-size:12px}.nav-list{gap:6px;display:grid}.sidebar.is-collapsed .nav-list{width:100%}.nav-item{color:var(--color-text-muted);text-align:left;background:#fffdf8b8;border-radius:13px;align-items:center;gap:9px;min-height:39px;padding:9px 11px;display:flex}.sidebar.is-collapsed .nav-item{justify-content:center;min-height:42px;padding:10px}.nav-item.active,.nav-item:hover{color:var(--color-text);background:#fff}.sidebar-card{background:#fffdf8db;border-radius:16px;margin-top:auto;padding:12px}.sidebar-card strong{line-height:1.35}.sidebar-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sidebar.is-collapsed .sidebar-stats{grid-template-columns:1fr;width:100%}.sidebar-stat-card{color:var(--color-text-muted);text-align:center;background:#fffdf8db;border-radius:14px;align-content:center;justify-items:center;gap:2px;height:74px;padding:8px 7px;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:grid}.sidebar.is-collapsed .sidebar-stat-card{height:42px;padding:9px}.sidebar-stat-card:hover,.sidebar-stat-card.active{color:var(--color-primary);background:#fff;transform:translateY(-1px)}.sidebar-stat-card svg{color:currentColor;width:16px;height:16px}.sidebar-stat-card span{font-size:11px;line-height:1.15}.sidebar-stat-card strong{color:var(--color-text);font-size:23px;line-height:1}.logout-button{color:var(--color-text-muted);background:#fffdf8b8;border:1px solid #84745a1f;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:38px;display:inline-flex}.sidebar.is-collapsed form{width:100%;margin-top:auto}.sidebar.is-collapsed .logout-button{padding:0}.logout-button:hover{color:var(--color-text);background:#fff}.main-panel{align-content:start;gap:clamp(12px,1.4vw,18px);padding:0;display:grid}.course-bottom-row,.course-meta-row,.note-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{grid-template-columns:minmax(220px,auto) auto;justify-content:space-between;align-items:flex-start;row-gap:12px;display:grid}.topbar-main{gap:0;display:grid}.topbar-kicker-row,.library-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar h1,.directory-section-heading h2,.note-header h2,.reflection-box h3{letter-spacing:0;margin:2px 0 0}.topbar h1{margin-top:4px;font-size:clamp(32px,4vw,52px);line-height:.96}.library-title-row h2{margin:0}.data-source-badge{border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:6px 10px;font-size:12px;display:inline-flex}.app-updated-badge{color:var(--color-text-muted);background:#fffcf6c7;border:1px solid #8c6e5024;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:6px 10px;font-size:12px;display:inline-flex}.data-source-badge svg,.app-updated-badge svg{width:14px;height:14px}.data-source-badge.supabase{color:#4f7e5e;background:#edf7ec;border-color:#d5e8d1}.data-source-badge.demo{color:#9b6b2f;background:#fff4e6;border-color:#ecd7b8}.data-source-badge.loading{color:var(--color-text-muted);background:#fffdf8}.data-source-badge.loading svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar-actions{justify-self:end;gap:10px;display:flex}.search-box{border:1px solid var(--color-border);background:#fffdf8e6;border-radius:999px;align-items:center;gap:9px;min-width:280px;padding:11px 14px;display:flex}.search-box input,.builder-grid textarea,.reflection-box textarea{color:var(--color-text);background:0 0;border:0;outline:0;width:100%}.primary-button,.secondary-button,.danger-button,.icon-button,.course-view-tabs button,.filter-pills button{border-radius:var(--radius-control);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button{background:var(--color-primary);color:var(--color-primary-contrast);padding:12px 16px}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.62}.secondary-button{border-color:var(--color-border);color:var(--color-text);background:#fffdf8;padding:10px 13px}.danger-button{color:var(--color-danger);background:#fff0ed;border-color:#e8beb6;padding:10px 13px;font-weight:800}.icon-button{border-color:var(--color-border);background:#fffdf8;width:38px;height:38px}.workspace-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.outline-builder{min-width:0}.library-panel{--library-block-gap:clamp(18px, 1.8vw, 28px);--library-control-gap:12px;--library-heading-gap:14px;--library-result-inset:clamp(6px, .8vw, 12px);--card-grid-gap:clamp(16px, 1.3vw, 20px);--result-row-gap:clamp(14px, 1.2vw, 18px);gap:var(--library-block-gap);min-width:0;display:grid}.filter-pills{flex-wrap:wrap;gap:8px;display:flex}.library-filters{place-items:end;gap:8px;display:grid}.filter-row{justify-content:flex-end;align-items:center;gap:9px;display:flex}.filter-row>span{color:var(--color-text-muted);font-family:var(--font-hand);flex:none;font-size:12px}.filter-pills button{border-color:var(--color-border);color:var(--color-text-muted);background:#fffdf8d1;padding:8px 11px}.filter-pills button.active{color:var(--color-text);background:#eaf3e9}.library-selectors{z-index:20;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.library-selectors>span{color:var(--color-text-muted);font-family:var(--font-hand);font-size:12px}.library-selector{position:relative}.library-selector-trigger{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-hand);white-space:nowrap;background:#fffcf6d6;border:1px solid #8c6e5024;border-radius:999px;align-items:center;min-height:34px;padding:6px 9px;font-size:12px;font-weight:500;list-style:none;display:inline-flex}.library-selector-trigger:focus-visible,.library-selector-menu button:focus-visible,.library-view-toggle button:focus-visible,.course-type-tabs button:focus-visible,.course-list-source-chip:focus-visible,.course-list-icon-row a:focus-visible,.course-list-icon-row button:focus-visible{outline-offset:3px;outline:2px solid #c97b5c80}.library-selector.open .library-selector-trigger{color:var(--mt-ink);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#e8d08a80}.library-selector-menu{z-index:30;background:linear-gradient(#fffcf6fa,#faf5ecfa);border:1px solid #8c6e5024;border-radius:16px;gap:6px;min-width:190px;max-height:260px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 40px #3c28141f}.library-selector-menu:before{content:"";background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee29 5px 10px),#e8d08ab8;width:84px;height:14px;position:absolute;top:-7px;left:18px;transform:rotate(-1.2deg)}.library-selector-menu button{color:var(--color-text-muted);font-family:var(--font-hand);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;min-height:34px;padding:7px 9px}.library-selector-menu button:hover,.library-selector-menu button.active{color:var(--mt-ink);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#b5c4b157;border-color:#8c6e501a}.active-filter-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.active-filter-summary span{color:var(--color-text-muted);font-family:var(--font-hand);background:#fffcf6d6;border:1px solid #8c6e5024;border-radius:999px;padding:7px 10px;font-size:12px}.course-grid{align-items:stretch;gap:var(--card-grid-gap,18px);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;display:grid}.course-grid.mini-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.directory-overview{min-width:0}.directory-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.directory-heading{align-items:flex-start}.directory-heading p{color:var(--color-text-muted);max-width:620px;margin:8px 0 0;line-height:1.55}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:16px;display:grid}.directory-card{box-shadow:var(--shadow-paper);color:var(--color-text);text-align:left;background:linear-gradient(#fffcf6f5,#faf5ecf5);border:1px solid #8c6e5024;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:92px;padding:16px;transition:box-shadow .16s,transform .16s;display:grid}.directory-card:hover,.directory-card.active{background:repeating-linear-gradient(45deg,#0000 0 6px,#fff9ee33 6px 12px),#b5c4b157;transform:translateY(-2px);box-shadow:0 16px 34px #3c28141a}.platform-directory-card{--platform-color:#8f7f66;background:linear-gradient(90deg, var(--platform-color), #fffcf6f5 58%), linear-gradient(180deg, #fffcf6f5, #faf5ecf5)}@supports (color:color-mix(in lab, red, red)){.platform-directory-card{background:linear-gradient(90deg, color-mix(in srgb, var(--platform-color) 10%, transparent), #fffcf6f5 58%), linear-gradient(180deg, #fffcf6f5, #faf5ecf5)}}.platform-directory-card{border-color:var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.platform-directory-card{border-color:color-mix(in srgb, var(--platform-color) 20%, #8c6e5024)}}.platform-directory-card:hover,.platform-directory-card.active{background:repeating-linear-gradient(45deg, transparent 0 6px, #fff9ee33 6px 12px), linear-gradient(90deg, var(--platform-color), #fffcf6eb 64%), #fffdf8f0}@supports (color:color-mix(in lab, red, red)){.platform-directory-card:hover,.platform-directory-card.active{background:repeating-linear-gradient(45deg, transparent 0 6px, #fff9ee33 6px 12px), linear-gradient(90deg, color-mix(in srgb, var(--platform-color) 18%, transparent), #fffcf6eb 64%), #fffdf8f0}}.platform-directory-card:hover,.platform-directory-card.active{box-shadow:0 16px 34px var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.platform-directory-card:hover,.platform-directory-card.active{box-shadow:0 16px 34px color-mix(in srgb, var(--platform-color) 16%, #3c28141a)}}.all-sources-directory-card{--platform-color:#a17a55;background:radial-gradient(circle at 18% 22%,#e8d08a5c,#0000 34%),radial-gradient(circle at 86% 78%,#b5c4b157,#0000 34%),repeating-linear-gradient(45deg,#fff9ee57 0 7px,#0000 7px 14px),linear-gradient(135deg,#fff8e1f5,#f7efe2f5);border-color:#a17a5547;position:relative;overflow:hidden;box-shadow:0 16px 34px #3c281417,inset 0 0 0 1px #fff9eed1}.all-sources-directory-card:hover,.all-sources-directory-card.active{background:radial-gradient(circle at 18% 22%,#e8d08a70,#0000 34%),radial-gradient(circle at 86% 78%,#b5c4b16b,#0000 34%),repeating-linear-gradient(45deg,#fff9ee61 0 7px,#0000 7px 14px),linear-gradient(135deg,#fff8e1fa,#f7efe2fa);box-shadow:0 18px 38px #a17a5529}.directory-card-ribbon{color:#8a6540;font-family:var(--font-sans);letter-spacing:.14em;background:#fffdf8d6;border:1px solid #a17a552e;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:10px;right:14px;transform:rotate(1.5deg)}.directory-icon{color:#fff9ee;background:linear-gradient(145deg,#c97b5cf5,#b5736eeb);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.platform-directory-card .directory-icon{background:linear-gradient(145deg, var(--platform-color), var(--platform-color))}@supports (color:color-mix(in lab, red, red)){.platform-directory-card .directory-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--platform-color) 74%, #fff9ee), color-mix(in srgb, var(--platform-color) 56%, #b5736e))}}.platform-directory-card .directory-icon{box-shadow:0 10px 18px var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.platform-directory-card .directory-icon{box-shadow:0 10px 18px color-mix(in srgb, var(--platform-color) 18%, #3c281414)}}.all-sources-directory-card .directory-icon{background:linear-gradient(145deg,#b79a75,#8d7760);border-radius:16px;box-shadow:8px 0 #b5c4b157,0 12px 20px #3c28141a}.all-sources-directory-card strong{color:#5d4a38;font-size:19px}.platform-directory-card strong{color:var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.platform-directory-card strong{color:color-mix(in srgb, var(--platform-color) 58%, var(--mt-ink))}}.directory-card strong,.directory-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.directory-card strong{font-family:var(--font-hand);font-size:18px}.directory-card small{color:var(--color-text-muted);margin-top:4px;font-size:12px}.settings-panel{min-width:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.settings-card{box-shadow:var(--shadow-paper);background:repeating-linear-gradient(45deg,#0000 0 7px,#fff9ee38 7px 14px),#fffdf8e0;border:1px solid #8c6e5024;border-radius:18px;gap:14px;padding:16px;display:grid}.settings-card-heading{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.settings-card-heading h3,.settings-card-heading p{margin:0}.settings-card-heading h3{color:var(--color-text);font-family:var(--font-hand);font-size:20px}.settings-card-heading p{color:var(--color-text-muted);font-size:13px;line-height:1.55}.settings-chip-list{flex-wrap:wrap;align-content:start;gap:8px;min-height:116px;display:flex}.settings-chip{border:1px solid var(--color-border);color:var(--color-text);background:#fffdf8;border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 12px;display:inline-flex}.platform-settings-chip{background:linear-gradient(90deg, var(--taxonomy-color), #fffdf8eb 46%), #fffdf8}@supports (color:color-mix(in lab, red, red)){.platform-settings-chip{background:linear-gradient(90deg, color-mix(in srgb, var(--taxonomy-color) 15%, transparent), #fffdf8eb 46%), #fffdf8}}.platform-settings-chip{border-color:var(--taxonomy-color)}@supports (color:color-mix(in lab, red, red)){.platform-settings-chip{border-color:color-mix(in srgb, var(--taxonomy-color) 36%, #8c6e501f)}}.platform-settings-chip{color:var(--taxonomy-color)}@supports (color:color-mix(in lab, red, red)){.platform-settings-chip{color:color-mix(in srgb, var(--taxonomy-color) 74%, var(--mt-ink))}}.platform-settings-chip{padding-left:8px}.category-settings-chip{--category-color:#d1a15f;background:repeating-linear-gradient(45deg, transparent 0 6px, #fff9ee6b 6px 12px), var(--category-color)}@supports (color:color-mix(in lab, red, red)){.category-settings-chip{background:repeating-linear-gradient(45deg, transparent 0 6px, #fff9ee6b 6px 12px), color-mix(in srgb, var(--category-color) 20%, #fcf0c4ad)}}.category-settings-chip{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.category-settings-chip{border-color:color-mix(in srgb, var(--category-color) 32%, #be8e4a2e)}}.category-settings-chip{color:var(--category-color);border-radius:8px 12px 10px 8px}@supports (color:color-mix(in lab, red, red)){.category-settings-chip{color:color-mix(in srgb, var(--category-color) 62%, var(--mt-ink))}}.category-settings-chip{transform:rotate(-.4deg);box-shadow:0 7px 16px #3c28140b}.settings-color-control{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:relative}.settings-color-control span{background:var(--taxonomy-color);box-shadow:0 0 0 1px var(--taxonomy-color);border:2px solid #fffdf8f0;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.settings-color-control span{box-shadow:0 0 0 1px color-mix(in srgb, var(--taxonomy-color) 44%, #8c6e502e)}}.settings-color-control span{pointer-events:none;width:18px;height:18px}.settings-color-control input{cursor:pointer;opacity:0;width:24px;height:24px;position:absolute;inset:0}.settings-chip button{color:var(--color-text-muted);background:#f7ede2d9;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.settings-chip button:disabled{cursor:not-allowed;opacity:.38}.settings-chip svg{width:13px;height:13px}.settings-empty{color:var(--color-text-muted);align-items:center;font-size:13px;display:inline-flex}.settings-add-form{grid-template-columns:minmax(0,1fr) 96px;gap:10px;display:grid}.settings-add-form input,.settings-add-form button{border:1px solid var(--color-border);color:var(--color-text);background:#fffdf8;border-radius:14px;min-height:42px;padding:0 12px}.settings-add-form button{color:var(--color-primary);justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.settings-add-form svg{width:16px;height:16px}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-card);color:var(--color-text-muted);text-align:center;background:repeating-linear-gradient(45deg,#0000 0 8px,#fff9ee38 8px 16px),#fffdf8d6;place-items:center;gap:6px;min-height:168px;padding:28px;display:grid;position:relative;box-shadow:0 10px 28px #3c28140b}.empty-state:before{content:"";background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee33 5px 10px),#e8d08a9e;border-radius:3px;width:112px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-1deg)}.empty-state strong{color:var(--color-text);font-size:18px}.course-card{--course-card-cover-height:142px;--course-card-gap:10px;--course-card-padding:15px;background:var(--color-surface-strong);border-radius:var(--radius-card);flex-direction:column;min-width:0;height:390px;display:flex;overflow:hidden}.course-cover{min-height:var(--course-card-cover-height);justify-content:space-between;align-items:flex-start;padding:14px;display:flex;position:relative;overflow:hidden}.course-cover-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.course-cover:has(.course-cover-image):after{content:"";z-index:1;background:linear-gradient(#2d23191a,#2d23192e);position:absolute;inset:0}.platform-default-cover{background:repeating-linear-gradient(45deg, transparent 0 7px, #fff9ee33 7px 14px), radial-gradient(circle at 16% 16%, #fffdf8e6, transparent 6.8rem), linear-gradient(135deg, var(--platform-cover-from), var(--platform-cover-to));color:var(--platform-cover-ink);text-align:center;z-index:0;border:1px solid #8c6e501f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:32px 88px 22px 24px;display:flex;position:absolute;inset:10px;overflow:hidden;box-shadow:inset 0 1px #fffdf8b8,0 14px 28px #3c281414}.platform-default-cover:before{background:var(--platform-cover-accent);content:"";opacity:.26;border-radius:999px;height:8px;position:absolute;top:20px;left:18px;right:154px}.platform-default-cover:after{content:"";background:linear-gradient(135deg,#fffdf861,#fffdf814);border:1px solid #fffdf87a;border-radius:999px;width:122px;height:122px;position:absolute;top:-32px;right:-34px}.platform-default-cover span{color:#46372a8f;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;z-index:1;font-size:10px;font-weight:900;position:relative}.platform-default-cover strong{font-family:var(--font-sans);overflow-wrap:anywhere;white-space:normal;z-index:1;background:#fffdf8e6;border:1px solid #8c6e501f;border-radius:999px;justify-content:center;align-items:center;max-width:min(100%,278px);min-height:54px;padding:8px 22px 10px;font-size:23px;font-weight:900;line-height:1.35;display:inline-flex;position:relative;overflow:visible;box-shadow:0 10px 22px #3c28140f,inset 0 1px #ffffffb8}.platform-default-cover small{color:#46372a9e;font-family:var(--font-sans);z-index:1;font-size:11px;font-weight:800;position:relative}.platform-default-cover em{clip-path:inset(16px 0 18px);color:var(--platform-cover-accent);font-family:var(--font-hand);opacity:.1;z-index:0;background:#fffdf83d;border:1px solid #fffdf85c;border-radius:28px;justify-content:center;align-items:center;min-width:124px;min-height:88px;padding:0 18px;font-size:58px;font-style:normal;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:50%;right:34px;transform:translateY(-50%)rotate(-1deg)}.cover-label-stack{z-index:2;align-items:flex-start;gap:6px;display:grid;position:relative}.cover-kicker,.mini-course-badge{color:var(--mt-ink);background:#fffdf8d6;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px}.category-filter-badge{--category-color:#d1a15f;background:linear-gradient(180deg, #fffdf88f, #fffdf80a), repeating-linear-gradient(45deg, transparent 0 6px, #fff9ee57 6px 12px), var(--category-color)}@supports (color:color-mix(in lab, red, red)){.category-filter-badge{background:linear-gradient(180deg, #fffdf88f, #fffdf80a), repeating-linear-gradient(45deg, transparent 0 6px, #fff9ee57 6px 12px), color-mix(in srgb, var(--category-color) 20%, #fcf0c4c7)}}.category-filter-badge{border:1px solid var(--category-color)}@supports (color:color-mix(in lab, red, red)){.category-filter-badge{border:1px solid color-mix(in srgb, var(--category-color) 32%, #be8e4a2e)}}.category-filter-badge{color:var(--category-color);border-radius:5px 10px 8px 5px;box-shadow:0 8px 16px #3c28140e}@supports (color:color-mix(in lab, red, red)){.category-filter-badge{color:color-mix(in srgb, var(--category-color) 62%, #6f4e2f)}}.category-filter-badge{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,180px);font-weight:800;transition:background .16s,box-shadow .16s,color .16s,transform .16s;overflow:hidden;transform:rotate(-1deg)}.category-filter-badge:hover{background:repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee3d 5px 10px), var(--category-color)}@supports (color:color-mix(in lab, red, red)){.category-filter-badge:hover{background:repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee3d 5px 10px), color-mix(in srgb, var(--category-color) 28%, #e8d08a9e)}}.category-filter-badge:hover{box-shadow:0 8px 18px var(--category-color)}@supports (color:color-mix(in lab, red, red)){.category-filter-badge:hover{box-shadow:0 8px 18px color-mix(in srgb, var(--category-color) 14%, #3c281414)}}.category-filter-badge:hover{color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.category-filter-badge:hover{color:color-mix(in srgb, var(--category-color) 74%, var(--mt-brick))}}.category-filter-badge:hover{transform:translateY(-1px)rotate(0)}.mini-course-badge{color:#9b6424;background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee57 5px 10px),#e8d08ad1;border:1px solid #be8e4a2e;font-size:11px;font-weight:900}.course-card-body>.mini-course-badge{place-self:center;margin-top:2px}.cover-mark{cursor:pointer;z-index:2;border-radius:16px;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0;transition:box-shadow .16s,transform .16s;display:inline-flex;position:relative}.cover-mark:hover{transform:translateY(-2px);box-shadow:0 14px 28px #b5736e33}.cover-preview{gap:10px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}:is(.course-cover:has(.course-cover-image) .cover-preview,.course-cover:has(.platform-default-cover) .cover-preview){display:none}.preview-window,.preview-stack span{background:#fffdf8d1;border:1px solid #74654e1a;box-shadow:0 10px 22px #74654e14}.preview-window{border-radius:16px;gap:8px;width:72%;padding:14px;display:grid}.preview-window span{background:#739c8538;border-radius:999px;height:9px;display:block}.preview-window span:nth-child(2){width:76%}.preview-window span:nth-child(3){width:54%}.preview-stack{gap:8px;display:flex}.preview-stack span{border-radius:12px;width:30%;height:34px;display:block}.course-card-body{gap:var(--course-card-gap);min-width:0;padding:var(--course-card-padding);grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;width:100%;display:grid;overflow:hidden}.course-card-body>*{min-width:0;max-width:100%}.course-card h3{overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.3;display:-webkit-box;overflow:hidden}.course-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:10px;display:grid}.course-manage-actions{gap:6px;display:inline-flex}.course-manage-actions button{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fffdf8;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.course-manage-actions button:hover{color:var(--color-primary);background:#fff}.course-manage-actions button:last-child:hover{color:var(--color-danger)}.course-manage-actions svg{width:15px;height:15px}.course-card p,.course-meta-stack,.course-meta-row,.course-bottom-row{color:var(--color-text-muted);font-size:12px}.course-card p,.course-meta-author,.course-meta-row span,.course-platform-badge,.save-state{align-items:center;gap:6px;margin:6px 0 0;display:inline-flex}.course-card .course-meta-author,.course-card .course-meta-row span,.course-card .course-platform-badge{margin:0}.course-platform-badge{--platform-color:#6f9078;background:linear-gradient(90deg, var(--platform-color), #fffdf8d1 68%), #fffdf8e6}@supports (color:color-mix(in lab, red, red)){.course-platform-badge{background:linear-gradient(90deg, color-mix(in srgb, var(--platform-color) 18%, transparent), #fffdf8d1 68%), #fffdf8e6}}.course-platform-badge{border:1px solid var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.course-platform-badge{border:1px solid color-mix(in srgb, var(--platform-color) 34%, #8c6e501f)}}.course-platform-badge{color:var(--platform-color);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.course-platform-badge{color:color-mix(in srgb, var(--platform-color) 72%, var(--mt-ink))}}.course-platform-badge{font-family:var(--font-hand);flex:0 auto;min-width:0;max-width:min(100%,172px);min-height:28px;padding:4px 9px;font-size:12px;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s}.course-platform-badge:hover{background:linear-gradient(90deg, var(--platform-color), #fffdf8e6 70%), #fffdf8f0}@supports (color:color-mix(in lab, red, red)){.course-platform-badge:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--platform-color) 26%, transparent), #fffdf8e6 70%), #fffdf8f0}}.course-platform-badge:hover{box-shadow:0 8px 18px var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.course-platform-badge:hover{box-shadow:0 8px 18px color-mix(in srgb, var(--platform-color) 20%, #3c281414)}}.course-platform-badge:hover{color:var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.course-platform-badge:hover{color:color-mix(in srgb, var(--platform-color) 84%, var(--mt-ink))}}.course-platform-badge:hover{transform:translateY(-1px)}.course-platform-badge svg{flex:none}.course-meta-stack{gap:4px;min-width:0;display:grid}.course-meta-author{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.course-meta-author.muted{opacity:.75}.course-meta-row{flex-wrap:wrap;gap:10px;margin-top:0;display:flex}.course-card-actions{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-self:end;gap:8px;width:100%;display:grid}.course-url-button{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fffdf8;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:42px;padding:10px 11px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.course-url-button:hover{color:var(--color-primary);background:#fff}.course-card p,.course-meta-row span,.course-meta-author,.course-bottom-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.course-card p svg,.course-meta-row svg,.course-meta-author svg{flex:none}.progress-track{background:#f1e9dd;border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:var(--color-primary);border-radius:inherit;height:100%;display:block}.rating{align-items:center;gap:2px;display:flex}.rating.unrated{color:var(--color-text-muted);font-family:var(--font-hand);font-size:13px}.star{color:#d5cbbd;width:14px;height:14px}.star.filled{color:#b89152;fill:currentColor}.outline-edit-button{min-height:56px}.nested-dialog-backdrop{z-index:80}.outline-editor-dialog{max-width:760px}.outline-editor-field{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fffdf8;border-radius:16px;gap:8px;padding:12px;font-size:12px;display:grid}.outline-editor-field textarea{color:var(--color-text);font-family:var(--font-hand);resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:min(52vh,460px);line-height:1.7}.outline-panel,.note-panel,.ai-panel,.outline-builder{border-radius:var(--radius-card);background:#fffdf8e6;padding:18px}.detail-workspace{--detail-panel-gap:clamp(14px, 1.2vw, 20px);--detail-resize-width:12px;--detail-workspace-top:clamp(14px, 1.4vw, 20px);align-items:start;gap:var(--detail-panel-gap);grid-template-columns:var(--outline-panel-width,360px) var(--detail-resize-width) minmax(0, 1fr);min-width:0;display:grid}.detail-workspace.outline-collapsed{--detail-resize-width:0px;grid-template-columns:92px minmax(0,1fr)}.detail-workspace.resizing,.is-resizing-outline{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-resize-handle{cursor:col-resize;min-height:calc(100vh - (var(--detail-workspace-top) * 2));border-radius:999px;align-self:stretch;position:relative}.detail-workspace.outline-collapsed .workspace-resize-handle,.detail-workspace.outline-collapsed .outline-panel{display:none}.workspace-resize-handle:before{content:"";background:#84745a2e;border-radius:999px;transition:background .16s,box-shadow .16s,transform .16s;position:absolute;inset:6px 5px}.workspace-resize-handle:hover:before,.workspace-resize-handle:focus-visible:before,.detail-workspace.resizing .workspace-resize-handle:before{background:#739c8580;transform:scaleX(1.4);box-shadow:0 0 0 3px #739c851f}.workspace-resize-handle:focus-visible{outline:0}.outline-panel{--outline-panel-gap:12px;--outline-panel-padding:clamp(14px, 1.2vw, 18px);gap:var(--outline-panel-gap);max-height:calc(100vh - (var(--detail-workspace-top) * 2));min-height:0;padding:var(--outline-panel-padding);top:var(--detail-workspace-top);flex-direction:column;display:flex;position:sticky;overflow:hidden}.outline-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.outline-panel-header h2{margin:4px 0 0;font-size:26px;line-height:1.12}.outline-toggle-button{color:var(--color-text);cursor:pointer;white-space:nowrap;background:#fff8df;border:1px solid #eadba8;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.outline-toggle-button:hover,.outline-toggle-button:focus-visible{border-color:#d2ba68;outline:0;box-shadow:0 10px 20px #b38a2e1f}.outline-toggle-button svg{width:15px;height:15px}.outline-scroll{overscroll-behavior:contain;scrollbar-color:#c97b5c6b #e8d08a2e;scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;min-height:0;padding:0 4px 4px 0;overflow:auto}.outline-floating-open-button{color:var(--color-text);cursor:pointer;background:#fff8df;border:1px solid #eadba8;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:34px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.outline-floating-open-button svg{width:16px;height:16px}.outline-floating-open-button:hover,.outline-floating-open-button:focus-visible{border-color:#d2ba68;outline:0;box-shadow:0 12px 22px #b38a2e1f}.outline-rail{border-radius:var(--radius-card);max-height:calc(100vh - (var(--detail-workspace-top) * 2));top:var(--detail-workspace-top);background:#fffdf8db;align-self:start;gap:12px;padding:10px;display:grid;position:sticky;overflow:auto}.outline-rail-list{justify-items:center;gap:10px;display:grid}.outline-rail-group{place-items:center;gap:7px;display:grid;position:relative}.outline-rail-group:after{content:"";z-index:0;background:#c9a57d59;border-radius:999px;width:1px;height:calc(100% - 36px);position:absolute;top:34px;left:50%;transform:translate(-50%)}.outline-rail-group>button{z-index:1;position:relative}.outline-rail .module-index,.outline-rail .lesson-index{cursor:pointer}.outline-rail .module-index.active,.outline-rail .lesson-index.active{color:#c26f50;background:linear-gradient(135deg,#efc7abe6,#fff4e7f5);border-color:#bb7c5f4d;box-shadow:0 0 0 3px #bb7c5f1a}.outline-scroll::-webkit-scrollbar{width:8px}.outline-scroll::-webkit-scrollbar-track{background:#e8d08a29;border-radius:999px}.outline-scroll::-webkit-scrollbar-thumb{background:repeating-linear-gradient(0deg,#c97b5c75 0 8px,#e8d08a75 8px 16px);border-radius:999px}.outline-tree{gap:6px;display:grid}.outline-context-card{background:linear-gradient(135deg,#f4faf2,#fffdf8);border:1px solid #dce9d8;border-radius:14px;gap:4px;padding:12px;display:grid}.outline-context-card span{color:var(--color-text-muted);font-size:11px}.outline-context-card strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.35;display:flex;overflow:hidden}.outline-empty,.outline-warning{border:1px dashed var(--color-border);color:var(--color-text-muted);background:#fffdf8;border-radius:14px;gap:5px;margin-top:16px;padding:14px;display:grid}.outline-empty strong,.outline-warning strong{color:var(--color-text)}.outline-warning{background:#fff7ed;border-color:#ead6bc;margin-top:10px}.tree-group{gap:5px;display:grid}.tree-node{color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;width:100%;min-height:34px;padding:8px 10px;transition:background .16s,color .16s,transform .16s;display:grid}.tree-node:hover{transform:translate(2px)}.tree-node.module{grid-template-columns:22px minmax(0,1fr);padding:6px 8px;font-size:14px;font-weight:700}.tree-node.lesson{color:var(--color-text-muted);grid-template-columns:minmax(0,1fr) auto;min-height:32px;padding-left:12px;font-size:13px}.tree-node.lesson:has(.tree-comment-editor){grid-template-columns:minmax(0,1fr) auto}.tree-lesson-main{color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:44px 16px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:0;display:grid}.tree-lesson-copy{gap:2px;min-width:0;display:grid}.tree-lesson-copy small{color:#6e5a48d1;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#fff4d3b8,#fffaedd6);border:1px solid #d2a65629;border-left:3px solid #bb7c5f57;border-radius:8px;width:fit-content;max-width:100%;margin-top:2px;padding:3px 7px 3px 8px;font-size:11px;font-weight:600;line-height:1.35;display:block;overflow:hidden}.tree-lesson-actions{opacity:0;justify-content:flex-end;align-items:center;gap:4px;transition:opacity .16s;display:inline-flex}.tree-node.lesson:hover .tree-lesson-actions,.tree-node.lesson.active .tree-lesson-actions,.tree-star-button.active{opacity:1}.tree-star-button,.tree-comment-button{color:var(--color-text-muted);background:#fffdf8b8;border:1px solid #8c6e501f;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .16s,color .16s,transform .16s;display:inline-flex}.tree-star-button:hover,.tree-comment-button:hover{transform:translateY(-1px)}.tree-star-button svg,.tree-comment-button svg{width:13px;height:13px}.tree-star-button.active{color:#c58b28;background:#ffe59d8c;border-color:#cd9d4652}.tree-comment-editor{background:#fffdf8e6;border:1px solid #8c6e501f;border-radius:12px;grid-column:1/-1;gap:8px;margin-left:68px;padding:8px;display:grid}.tree-comment-editor textarea{color:var(--color-text);font:inherit;resize:vertical;background:#fffdf8e6;border:1px solid #8c6e501f;border-radius:10px;width:100%;min-height:62px;padding:8px 10px;line-height:1.45}.tree-comment-editor textarea:focus{border-color:#bb7c5f52;outline:0;box-shadow:0 0 0 3px #bb7c5f14}.tree-comment-editor>div{justify-content:flex-end;gap:6px;display:flex}.tree-comment-editor button{color:var(--color-text-muted);background:#fffdf8db;border:1px solid #8c6e501f;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.tree-comment-editor button:last-child{color:var(--color-primary)}.tree-node.active,.tree-node:hover{color:var(--color-text);background:#edf6ed}.tree-toggle,.tree-toggle-button{color:var(--color-text-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tree-toggle svg,.tree-toggle-button svg{width:14px;height:14px}.tree-module-main{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:0;display:grid}.tree-icon{color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.tree-icon svg{width:14px;height:14px}.lesson-icon{opacity:.72}.tree-index{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.module-index{color:#b86c50;background:linear-gradient(135deg,#f7ddc7e0,#fff7ebf0);border:1px solid #bb7c5f2e;width:28px;height:28px;font-size:12px;font-weight:800;box-shadow:0 7px 14px #3c28140b,inset 0 1px #fffaf0e0}.lesson-index{color:#7a5e44c7;background:linear-gradient(135deg,#fceed2b8,#fffbf2e6);border:1px solid #c9a57d24;min-width:34px;height:24px;padding:0 7px;font-size:11px;font-weight:700}.tree-title{overflow-wrap:anywhere;min-width:0}.tree-count{color:var(--color-text-muted);background:#fffdf8b8;border:1px solid #84745a1f;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.tree-reference-count{color:#b5771f;font-family:var(--font-sans);white-space:nowrap;background:linear-gradient(135deg,#ffe59d8f,#fff9e8e6);border:1px solid #cd9d4642;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:22px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.tree-node.active .lesson-index{color:#c26f50;background:linear-gradient(135deg,#efc7abdb,#fff4e7f0);border-color:#bb7c5f3d}.tree-node.active .lesson-icon{color:var(--color-primary);opacity:1}.tree-node.lesson:has(.tree-star-button.active) .lesson-icon{color:#c58b28;opacity:1}.tree-children{border-left:1px solid var(--color-border);gap:2px;margin-left:32px;padding-left:8px;display:grid}.note-panel,.structure-panel{background:var(--color-surface-strong)}.note-panel{--note-panel-gap:clamp(14px, 1.1vw, 18px);--note-panel-padding:clamp(14px, 1.2vw, 18px);align-content:start;gap:var(--note-panel-gap);min-height:0;padding:var(--note-panel-padding);display:grid}.module-workspace{--module-workspace-gap:clamp(12px, 1vw, 16px);gap:var(--module-workspace-gap);display:grid}.module-focus-card{background:linear-gradient(135deg,#fff8ef,#fffdf8)}.module-note-card,.module-ai-card,.module-lesson-queue{border:1px solid var(--color-border);background:#fffdf8;border-radius:18px;gap:12px;padding:14px;display:grid}.module-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.module-card-header h3,.module-ai-card h3{margin:2px 0 0;font-size:18px}.module-card-header>span{color:#6e5a48d1;white-space:nowrap;background:#fff4d3b8;border:1px solid #d2a65629;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.module-note-card textarea{color:var(--color-text);font:inherit;resize:vertical;background:#fffaf1;border:1px solid #8c6e5021;border-radius:16px;width:100%;min-height:132px;padding:14px;line-height:1.65}.module-note-card textarea:focus{border-color:#bb7c5f52;outline:0;box-shadow:0 0 0 3px #bb7c5f14}.module-ai-card{background:linear-gradient(135deg,#f6fbf4f5,#fffdf8f5);grid-template-columns:minmax(0,1fr) auto;align-items:center}.module-insight-result{background:#fffdf8d1;border:1px solid #8c6e501a;border-radius:14px;grid-column:1/-1;gap:12px;padding:12px;display:grid;position:relative}.module-insight-result.error{background:#fff0ed;border-color:#eac4bc}.module-insight-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.module-insight-toolbar span{color:var(--color-text-muted);font-family:var(--font-hand);font-size:12px;font-weight:800}.module-insight-toolbar button{color:var(--mt-brick);cursor:pointer;font-family:var(--font-hand);background:#fffcf6e6;border:1px solid #8c6e5021;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.module-insight-toolbar button:hover{background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee33 5px 10px),#e8d08a57}.module-insight-toolbar svg{width:14px;height:14px}.module-insight-sections{gap:10px;max-height:540px;padding-right:4px;display:grid;overflow:auto}.module-insight-result.collapsed .module-insight-sections{max-height:190px}.module-insight-result.collapsed:after{content:"";pointer-events:none;background:linear-gradient(#fffdf800,#fffdf8f5);border-radius:0 0 14px 14px;height:52px;position:absolute;bottom:0;left:0;right:0}.module-insight-section{background:linear-gradient(135deg,#f6fbf4c2,#fffaf1e0);border:1px solid #8c6e501a;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;display:grid}.module-insight-section>span{color:#8a6540;font-family:var(--font-sans);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee47 5px 10px),#e8d08a80;border:1px solid #8c6e501a;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:inline-flex}.module-insight-section h4{color:var(--mt-ink);font-family:var(--font-hand);margin:0 0 7px;font-size:17px;line-height:1.22}.module-insight-section ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.module-insight-section li{color:var(--color-text-muted);padding-left:16px;font-size:14px;line-height:1.65;position:relative}.module-insight-section li:before{content:"";background:#b5c4b1d9;border-radius:999px;width:6px;height:6px;position:absolute;top:10px;left:0}.module-ai-card p,.module-empty-note,.module-lesson-note p{color:var(--color-text-muted);margin:0}.module-lesson-list{gap:10px;display:grid}.module-lesson-note{background:#fffaf2b8;border:1px solid #8c6e501a;border-radius:14px;gap:8px;padding:10px;display:grid}.module-lesson-note button{color:var(--color-text);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0;display:grid}.module-lesson-note button span{color:#7a5e44cc;background:#fceed2d6;border:1px solid #c9a57d29;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800}.module-lesson-note button svg{color:var(--color-text-muted);width:15px;height:15px}.module-lesson-note pre{color:var(--color-text);font:inherit;overflow-wrap:anywhere;white-space:pre-wrap;max-height:150px;margin:0;line-height:1.62;overflow:auto}.note-panel>.ai-cleaned-note,.note-panel>.note-action-strip,.note-panel>.note-editor,.note-panel>.reflection-box{margin-top:0}.lesson-focus-card{background:linear-gradient(135deg,#f5fbf2,#fffdf8);border:1px solid #84745a1f;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.lesson-focus-card h2{align-items:center;gap:10px;margin:3px 0 0;font-size:24px;line-height:1.18;display:flex}.lesson-reference-card{background:linear-gradient(135deg,#fffcf6f0,#f8f2e8e6);border:1px solid #8c6e501f;border-radius:18px;gap:0;padding:10px 12px;display:grid;box-shadow:0 12px 22px #3c28140b}.lesson-reference-card.open{gap:12px;padding:12px}.lesson-reference-summary{color:var(--color-text-muted);font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:36px;padding:0;display:grid}.lesson-reference-summary>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-reference-summary>svg{color:#74604ead;width:15px;height:15px}.lesson-reference-status{color:var(--color-text-muted);white-space:nowrap;background:#fffdf8cc;border:1px solid #8c6e501f;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-size:13px;font-weight:800;display:inline-flex}.lesson-reference-status svg{width:14px;height:14px}.lesson-reference-status.active{color:#b5771f;background:linear-gradient(135deg,#ffedb1ad,#fff9e6eb);border-color:#cd9d464d}.lesson-reference-status.active svg{fill:currentColor}.lesson-reference-body{gap:10px;display:grid}.lesson-reference-toolbar{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.lesson-reference-toolbar>span{align-items:center;gap:7px;display:inline-flex}.lesson-reference-toolbar svg{color:var(--color-primary);width:15px;height:15px}.lesson-star-button,.lesson-comment-save{color:var(--color-text-muted);background:#fffdf8c2;border:1px solid #8c6e501f;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:fit-content;min-height:36px;padding:8px 14px;font-weight:800;display:inline-flex}.lesson-star-button svg,.lesson-comment-save svg{width:15px;height:15px}.lesson-star-button.active{color:#b5771f;background:linear-gradient(135deg,#ffedb1ad,#fff9e6eb);border-color:#cd9d464d}.lesson-star-button.active svg{fill:currentColor}.lesson-reference-body textarea{color:var(--color-text);font:inherit;resize:vertical;background:#fffdf8db;border:1px solid #8c6e501f;border-radius:14px;width:100%;min-height:92px;padding:12px 14px;line-height:1.6}.lesson-reference-body textarea:focus{border-color:#bb7c5f5c;outline:0;box-shadow:0 0 0 3px #bb7c5f1a}.lesson-comment-save{color:var(--color-primary)}.lesson-reference-card p{color:var(--color-danger);margin:0}.lesson-heading-index,.inline-lesson-index{color:var(--color-primary);font-variant-numeric:tabular-nums;white-space:nowrap;background:#e4f0df;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.lesson-heading-index{min-width:46px;height:30px;padding:0 11px;font-size:14px}.inline-lesson-index{min-width:34px;height:22px;padding:0 7px;font-size:11px}.save-state{color:var(--color-success);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.save-state.dirty,.save-state.saving,.save-state.loading{color:var(--color-text-muted)}.save-state.error{color:#b85b50}.note-editor{border:1px solid var(--color-border);background:#fffdf8;border-radius:18px;gap:12px;min-height:312px;margin-top:12px;padding:16px;line-height:1.7;transition:border-color .16s,box-shadow .16s;display:grid}.note-editor:focus-within{border-color:#cfe3cd;box-shadow:0 14px 40px #739c851a}.note-editor.drag-active{background:linear-gradient(#f1f8eed6,#fffdf8f0),repeating-linear-gradient(135deg,#89a97d29 0 8px,#0000 8px 18px);border-color:#9fc59b;box-shadow:0 16px 44px #739c8529,inset 0 0 0 1px #89a97d33}.note-editor textarea{color:var(--color-text);font:inherit;resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:168px;padding:0;line-height:1.7}.note-editor textarea::placeholder{color:var(--color-text-muted)}.note-editor-topbar{border-bottom:1px dashed #84745a2e;justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 2px;padding-bottom:12px;display:flex}.note-editor-topbar>div{gap:3px;min-width:0;display:grid}.note-editor-topbar strong{color:var(--color-text);font-family:var(--font-display);overflow-wrap:anywhere;font-size:16px;line-height:1.25}.note-save-button{color:#4d754d;cursor:pointer;background:#f1f8ee;border:1px solid #b8d2b4;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:900;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.note-save-button:hover:not(:disabled),.note-save-button:focus-visible{background:#e8f4e6;border-color:#9fc59b;outline:0;transform:translateY(-1px);box-shadow:0 12px 24px #739c8524}.note-save-button:disabled{cursor:not-allowed;opacity:.64}.note-save-button svg{width:15px;height:15px}.rich-note-editor-shell{gap:12px;display:grid}.rich-note-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rich-note-toolbar button{color:var(--color-text);cursor:pointer;background:#fff8df;border:1px solid #eadba8;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:7px 10px;font-size:12px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.rich-note-toolbar button:hover:not(:disabled),.rich-note-toolbar button:focus-visible{border-color:#d2ba68;outline:0;transform:translateY(-1px);box-shadow:0 10px 20px #b38a2e1a}.rich-note-toolbar button.active{color:#4d754d;background:#f1f8ee;border-color:#b8d2b4}.rich-note-toolbar button:disabled{cursor:not-allowed;opacity:.52}.rich-note-toolbar svg{width:14px;height:14px}.rich-note-order-panel{background:#fff8df94;border:1px dashed #b38a2e57;border-radius:14px;padding:8px}.rich-note-order-panel ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rich-note-order-panel li{cursor:grab;background:#fffdf8f5;border:1px solid #eadba8db;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:7px 8px;transition:border-color .16s,box-shadow .16s,opacity .16s,transform .16s;display:grid}.rich-note-order-panel li:hover{border-color:#d2ba68;box-shadow:0 10px 20px #84745a1a}.rich-note-order-panel li.dragging{opacity:.48;transform:scale(.99)}.rich-note-order-handle{color:#b38a2e;display:inline-flex}.rich-note-order-type{color:#4d754d;white-space:nowrap;background:#f1f8ee;border:1px solid #d9e8d4;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:900;display:inline-flex}.rich-note-order-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.rich-note-order-actions{gap:4px;display:inline-flex}.rich-note-order-actions button{color:var(--color-text);cursor:pointer;background:#fff8df;border:1px solid #eadba8;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.rich-note-order-actions button:disabled{cursor:not-allowed;opacity:.42}.rich-note-order-panel svg{width:14px;height:14px}.rich-note-editor-content{outline:0;min-height:178px}.rich-note-editor-content p,.rich-note-editor-content h2,.rich-note-editor-content h3,.rich-note-editor-content ul,.rich-note-editor-content ol{margin:0}.rich-note-editor-content p+p,.rich-note-editor-content p+h2,.rich-note-editor-content p+h3,.rich-note-editor-content h2+p,.rich-note-editor-content h3+p,.rich-note-editor-content ul+p,.rich-note-editor-content ol+p{margin-top:12px}.rich-note-editor-content h2,.rich-note-editor-content h3{color:#3e5f42;font-family:var(--font-display);line-height:1.35}.rich-note-editor-content h2{font-size:22px}.rich-note-editor-content h3{font-size:18px}.rich-note-editor-content ul,.rich-note-editor-content ol{gap:6px;padding-left:22px;display:grid}.rich-note-editor-content .is-editor-empty:first-child:before{color:var(--color-text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.rich-note-editor-content mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#fff0ad;border-radius:5px;padding:0 3px}.rich-note-editor-content img{cursor:zoom-in;object-fit:contain;background:#fff8df;border:1px solid #eadba8;border-radius:14px;width:70%;max-width:min(100%,760px);max-height:420px;margin:14px 0;padding:6px;transition:box-shadow .16s,transform .16s;display:block;box-shadow:0 14px 30px #84745a1f}.rich-note-editor-content img[data-size=small]{width:42%;max-width:min(100%,460px)}.rich-note-editor-content img[data-size=large]{width:100%;max-width:100%}.rich-note-editor-content img:hover,.rich-note-editor-content img.ProseMirror-selectednode{transform:translateY(-1px);box-shadow:0 18px 40px #739c8529}.rich-note-editor-loading{color:var(--color-text-muted);min-height:178px;font-size:13px}.inline-screenshot{color:var(--color-text);cursor:pointer;text-align:left;background:#fff8df;border:1px solid #eadba8;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:58px;margin:0;padding:10px 12px;display:flex}.inline-screenshot:hover:not(:disabled){border-color:#d2ba68;box-shadow:0 12px 26px #b38a2e1a}.inline-screenshot:disabled,.inline-screenshot.disabled{cursor:not-allowed;opacity:.68}.inline-screenshot>svg{color:#b38a2e;flex:none;width:17px;height:17px}.inline-screenshot>div{gap:2px;min-width:0;display:grid}.inline-screenshot strong,.inline-screenshot span{overflow-wrap:anywhere}.inline-screenshot span,.placeholder-line{color:var(--color-text-muted)}.inline-screenshot strong{line-height:1.25}.inline-screenshot span{font-size:12px;line-height:1.35}.screenshot-status{color:var(--color-text-muted);margin:0;font-size:12px}.screenshot-status.error{color:#b85b50}.screenshot-status.uploading{color:#b38a2e}.screenshot-gallery{grid-template-columns:repeat(auto-fill,minmax(118px,154px));gap:8px;margin-top:0;display:grid}.screenshot-gallery figure{border:1px solid var(--color-border);background:#fffdf8;border-radius:12px;margin:0;position:relative;overflow:hidden}.screenshot-preview-button{cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.screenshot-gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:filter .16s,transform .16s;display:block}.screenshot-preview-button:hover img,.screenshot-preview-button:focus-visible img{filter:saturate(1.05)contrast(1.03);transform:scale(1.02)}.screenshot-preview-button:focus-visible{outline-offset:3px;outline:2px solid #b38a2e66}.screenshot-insert-button{color:var(--color-text);cursor:pointer;background:#fff9eef5;border:1px solid #b38a2e47;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.screenshot-insert-button svg{width:14px;height:14px}.screenshot-insert-button:hover,.screenshot-insert-button:focus-visible{background:#fff8df;border-color:#b38a2e80}.screenshot-delete-button{color:var(--color-text-muted);cursor:pointer;background:#fffdf8f0;border:1px solid #84745a24;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .16s,color .16s,transform .16s;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 8px 20px #483b271f}.screenshot-delete-button svg{width:14px;height:14px}.screenshot-delete-button:hover:not(:disabled),.screenshot-delete-button:focus-visible{color:#b85b50;background:#fff7f2;transform:translateY(-1px)}.screenshot-delete-button:disabled{cursor:not-allowed;opacity:.55}.screenshot-lightbox{z-index:100;place-items:center;width:100dvw;height:100dvh;padding:clamp(12px,2vw,28px);display:grid;position:fixed;inset:0;overflow:hidden}.screenshot-lightbox-backdrop{cursor:zoom-out;background:#2d302a70;border:0;position:absolute;inset:0}.screenshot-lightbox-panel{background:#fffdf8fa;border:1px solid #84745a2e;border-radius:18px;grid-template-rows:auto minmax(0,1fr);gap:10px;width:min(1120px,100dvw - 32px);max-width:calc(100dvw - 24px);max-height:calc(100dvh - 32px);margin:0 auto;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #3e342742}.screenshot-lightbox-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.screenshot-lightbox-toolbar span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.screenshot-lightbox-toolbar button{color:#b85b50;cursor:pointer;background:#fff8f1;border:1px solid #b85b502e;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.screenshot-lightbox-toolbar svg{width:16px;height:16px}.screenshot-size-control{background:#fff8df;border:1px solid #b38a2e3d;border-radius:999px;gap:3px;padding:3px;display:inline-flex}.screenshot-size-control button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;width:auto;min-width:30px;height:28px;padding:0 9px;font-size:12px;font-weight:900}.screenshot-size-control button.active{color:var(--color-text);background:#fff;box-shadow:0 5px 12px #84745a1f}.screenshot-lightbox-panel>img{object-fit:contain;border-radius:12px;width:100%;max-width:100%;height:100%;max-height:calc(100dvh - 116px);display:block}.note-action-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.note-action-strip span{color:var(--color-text-muted);background:#fffdf8c7;border:1px solid #84745a1f;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.note-action-chip{color:var(--color-primary);background:#edf7ec;border:1px solid #dce9d8;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.note-action-chip:disabled{cursor:not-allowed;opacity:.58}.note-action-strip svg{color:var(--color-primary);width:14px;height:14px}.ai-cleaned-note{background:#f6fbf4;border:1px solid #dce9d8;border-radius:16px;gap:12px;margin-top:12px;padding:14px;display:grid}.ai-cleaned-note.error{background:#fff0ed;border-color:#eac4bc}.ai-cleaned-note-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-cleaned-note h3{margin:2px 0 0;font-size:18px}.ai-cleaned-note pre{color:var(--color-text);font:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.7}.ai-cleaned-note p{color:var(--color-text-muted);margin:0}.reflection-box{border:1px solid var(--color-border);background:#fffdf8;border-radius:16px;gap:12px;margin-top:12px;padding:14px;display:grid}.reflection-box summary{color:var(--color-text);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.reflection-box summary::-webkit-details-marker{display:none}.reflection-box summary>span{gap:2px;display:grid}.reflection-box textarea{border:1px solid var(--color-border);resize:vertical;background:#fffdf8;border-radius:16px;min-height:90px;padding:14px}.ai-panel{align-content:start;gap:12px;display:grid}.insight-card{background:#edf7ec;border-radius:16px;align-items:flex-start;gap:10px;padding:14px;display:flex}.insight-card.muted{background:#fbefe7}.course-open-area{--course-detail-block-gap:clamp(14px, 1.2vw, 18px);gap:var(--course-detail-block-gap);animation:.24s both page-in;display:grid}.opened-course-header{border-radius:var(--radius-card);background:#fffdf8d1;border:1px solid #84745a1f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.2vw,18px);padding:clamp(14px,1.2vw,18px);display:grid;box-shadow:0 10px 26px #74654e0d}.opened-course-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.opened-course-edit-button{color:var(--color-primary);background:#fffdf8;border:1px solid #8c6e5029;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.opened-course-ai-button{color:var(--color-primary);background:#f6fbf4;border:1px solid #dce9d8;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.opened-course-ai-button:disabled{cursor:not-allowed;opacity:.62}.opened-course-ai-button:hover:not(:disabled){background:#edf7ec;transform:translateY(-1px);box-shadow:0 8px 16px #3c28140f}.opened-course-ai-button svg{width:14px;height:14px}.opened-course-edit-button:hover{background:#fff9ee;transform:translateY(-1px);box-shadow:0 8px 16px #3c28140f}.opened-course-edit-button svg{width:14px;height:14px}.opened-course-title{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.opened-course-title>div{flex:auto;min-width:0}.opened-course-kicker-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.opened-course-author{color:var(--color-text-muted);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.opened-course-author svg{width:13px;height:13px}.opened-course-header h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:760px;margin:2px 0 0;font-size:22px;line-height:1.18;display:-webkit-box;overflow:hidden}.opened-course-summary{color:var(--color-text-muted);max-width:min(1180px,100%);margin:5px 0 0;font-size:12px;line-height:1.45;display:block;overflow:visible}.opened-course-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12px;display:flex}.opened-course-meta span,.opened-course-meta a{color:inherit;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;text-decoration:none;display:inline-flex}.opened-course-meta .meta-taxonomy{--meta-label-bg:#b5c4b14d;--meta-label-border:#7c97762e}.opened-course-meta .meta-count{--meta-label-bg:#e8d08a8f;--meta-label-border:#8c6e501f}.opened-course-meta .meta-purchase{--meta-label-bg:#d89a853b;--meta-label-border:#c97b5c2e;color:#7d5b4f}.opened-course-meta a{color:var(--color-primary);background:#fffdf8;border:1px solid #8c6e5024;font-weight:800}.opened-course-meta a:hover{background:#fff;transform:translateY(-1px)}.opened-course-meta svg{width:12px;height:12px}.back-link-button{color:var(--color-primary);background:#f6fbf4;border:1px solid #dce9d8;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.back-link-button:hover{background:#edf7ec}.course-ai-summary{border-radius:var(--radius-card);background:linear-gradient(135deg,#f6fbf4f2,#fffdf8f2);border:1px solid #dce9d8;gap:12px;padding:14px;display:grid;position:relative}.course-ai-summary.summary-closed{gap:0;padding-block:12px}.course-ai-summary.error{background:#fff0ed;border-color:#eac4bc}.course-ai-summary-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-ai-summary h3{margin:2px 0 0;font-size:18px}.course-ai-summary-toggle{color:#b85b50;cursor:pointer;font-family:var(--font-hand);background:#fffdf8e6;border:1px solid #b85b502e;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:900;display:inline-flex}.course-ai-summary-toggle:hover,.course-ai-summary-toggle:focus-visible{background:#fff8f1;border-color:#b85b505c;box-shadow:0 10px 24px #b85b501a}.course-ai-summary-toggle svg{width:16px;height:16px}.course-insight-tabs{scrollbar-width:thin;gap:7px;padding:2px 0 4px;display:flex;overflow-x:auto}.course-insight-tabs button{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-hand);white-space:nowrap;background:#fffcf6e0;border:1px solid #8c6e5021;border-radius:999px;flex:none;align-items:center;gap:6px;max-width:210px;min-height:30px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.course-insight-tabs button:hover,.course-insight-tabs button:focus-visible{color:var(--mt-brick);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee33 5px 10px),#e8d08a57}.course-insight-tabs button:focus-visible{outline-offset:3px;outline:2px solid #c97b5c80}.course-insight-tabs span{color:#8a6540;font-family:var(--font-sans);font-size:10px;font-weight:900}.course-ai-summary.collapsed .course-insight-sections{max-height:240px}.course-ai-summary.summary-open.collapsed:after{border-radius:0 0 var(--radius-card) var(--radius-card);content:"";pointer-events:none;background:linear-gradient(#fffdf800,#fffdf8f5);height:58px;position:absolute;bottom:0;left:0;right:0}.course-insight-sections{max-height:620px}.course-insight-section{background:linear-gradient(135deg,#fffaf1e6,#f6fbf4c2)}.course-ai-summary p{color:var(--color-text-muted);margin:0}.course-view-tabs{background:#fffdf8b8;border:1px solid #84745a1f;border-radius:14px;gap:6px;width:fit-content;padding:5px;display:flex}.course-view-tabs button{color:var(--color-text-muted);background:0 0;min-height:34px;padding:7px 11px;font-size:13px;transition:background .16s,color .16s,transform .16s}.course-view-tabs button.active{color:var(--color-primary);background:#edf7ec}.course-view-tabs button:hover{transform:translateY(-1px)}.structure-panel{background:0 0;gap:16px;padding:clamp(10px,1.2vw,16px);display:grid}.structure-hero{isolation:isolate;background:linear-gradient(135deg,#edf7ec,#fffdf8) padding-box padding-box;border:1px solid #84745a1f;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex;overflow:hidden;box-shadow:0 14px 28px #3c28140f,inset 0 1px #fff9eec7}.structure-hero>svg{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:16px;width:48px;height:48px;padding:12px}.structure-hero h2{margin:2px 0 4px}.structure-hero p{color:var(--color-text-muted);margin:0;line-height:1.55}.structure-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.structure-module{border:1px solid var(--color-border);background:linear-gradient(90deg,#fff6d257,#0000 26%),#fffdf8;border-radius:14px;grid-template-columns:minmax(96px,116px) minmax(0,1fr);align-items:start;gap:clamp(14px,1.2vw,20px);min-width:0;padding:clamp(16px,1.4vw,22px);transition:box-shadow .16s,transform .16s;display:grid;overflow:hidden;box-shadow:0 8px 18px #3c28140b}.structure-module:hover{transform:translateY(-2px);box-shadow:0 14px 24px #3c281413}.structure-module-index{text-align:center;place-content:start flex-start;gap:10px;height:100%;min-height:52px;padding:3px 18px 3px 0;display:flex;position:relative}.structure-module-index:after{content:"";opacity:.8;background:repeating-linear-gradient(#bb7c5f47 0 6px,#0000 6px 12px);border-radius:999px;width:1px;position:absolute;top:8px;bottom:8px;right:0}.structure-module-index>span{color:var(--color-primary);font-family:var(--font-sans);letter-spacing:0;background:linear-gradient(135deg,#fff8ecfa,#f4dac9eb),repeating-linear-gradient(135deg,#ffffff57 0 5px,#0000 5px 10px);border:1px solid #bb7c5f2e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:48px;height:42px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 16px #3c28140f,inset 0 1px #fffaf0e6}.structure-module-index small{color:var(--color-text-muted);white-space:nowrap;background:linear-gradient(135deg,#f7faeef5,#e2ebd6db),repeating-linear-gradient(135deg,#ffffff52 0 5px,#0000 5px 10px);border:1px solid #9eb2913d;border-radius:999px;justify-content:center;align-items:center;min-width:48px;height:42px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 16px #3c28140b,inset 0 1px #fffaf0e6}.structure-module-content{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.structure-module h3{color:var(--color-text);margin:0;padding-top:2px;font-size:17px;line-height:1.4}.structure-module ol{color:var(--color-text-muted);grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;line-height:1.45;list-style:none;display:grid}.structure-module li{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.structure-module li>span{color:#bb7c5fd1;font-family:var(--font-sans);letter-spacing:0;background:linear-gradient(135deg,#fff8eceb,#f7e5d8db);border:1px solid #bb7c5f24;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.structure-module li>strong{color:var(--color-text-muted);min-width:0;font-size:15px;font-weight:500;line-height:1.45}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.open-course-button{color:var(--color-primary);background:#f6fbf4;border:1px solid #dce9d8;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;padding:10px 12px;font-weight:700;display:inline-flex}.open-course-button:hover{background:#edf7ec}.insight-card p{color:var(--color-text-muted);margin:5px 0 0;font-size:13px;line-height:1.5}.outline-builder{box-shadow:var(--shadow-soft)}.builder-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.builder-grid textarea,.parsed-tree{border:1px solid var(--color-border);background:#fffdf8;border-radius:18px;min-height:260px;padding:16px}.builder-grid textarea{resize:vertical;line-height:1.7}.parsed-tree{align-content:start;gap:8px;display:grid}.parsed-row{background:#f7f2ea;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.parsed-row.child{margin-left:28px}body:before{content:"";opacity:.42;pointer-events:none;z-index:-1;background-image:radial-gradient(#8c6e501c .75px,#0000 .75px),linear-gradient(115deg,#fff9ee6b,#0000 36%);background-position:0 0,0 0;background-size:18px 18px,100% 100%;position:fixed;inset:0}.sidebar{scrollbar-width:thin;background:linear-gradient(#fffcf6c7,#f4ece0b8),repeating-linear-gradient(90deg,#c9a57d1c 0 1px,#0000 1px 34px);border:1px solid #8c6e5024;border-radius:28px;min-height:calc(100vh - clamp(36px,5vw,84px));max-height:calc(100vh - clamp(36px,5vw,84px));position:sticky;top:clamp(18px,2.5vw,42px);overflow:auto}.paper-surface{box-shadow:var(--shadow-paper);background:linear-gradient(#fffcf6f5,#faf5ecf5),radial-gradient(circle at 18% 0,#e8d08a24,#0000 14rem);border:1px solid #8c6e5029}.brand-block,.paper-stack{position:relative}.paper-stack{overflow:visible}.outline-panel{position:sticky;top:18px;overflow:hidden}.paper-stack:before{background:var(--mt-card-2);border-radius:inherit;content:"";z-index:-1;border:1px solid #8c6e501a;position:absolute;inset:5px -5px -5px 5px}.paper-stack:after{background:var(--mt-card-sunken);border-radius:inherit;content:"";z-index:-2;border:1px solid #8c6e500f;position:absolute;inset:10px -10px -10px 10px}.brand-block:after,.lesson-focus-card:before,.structure-hero:before{content:"";opacity:.9;background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee29 5px 10px),#e8d08ab8;width:92px;height:18px;position:absolute;top:-9px;left:22px;transform:rotate(-1.2deg);box-shadow:0 4px 10px #3c28140f}.eyebrow,.cover-kicker,.data-source-badge,.app-updated-badge,.opened-course-meta span,.filter-pills button,.note-action-strip span,.note-action-chip,.tree-count,.module-index,.lesson-index,.lesson-heading-index,.inline-lesson-index{font-family:var(--font-hand);letter-spacing:0}.eyebrow,.cover-kicker,.data-source-badge,.opened-course-meta span,.filter-pills button.active{background:repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee29 5px 10px), var(--meta-label-bg,#e8d08a94);border:1px solid var(--meta-label-border,#8c6e501f);color:var(--mt-ink);border-radius:3px;display:inline-flex;transform:rotate(-.7deg)}.eyebrow{width:fit-content;padding:4px 9px}.category-filter-badge{color:var(--category-color);border-radius:5px 10px 8px 5px}@supports (color:color-mix(in lab, red, red)){.category-filter-badge{color:color-mix(in srgb, var(--category-color) 62%, #6f4e2f)}}.category-filter-badge{transform:rotate(-1deg)}.opened-course-meta .meta-taxonomy.category{--category-color:#d1a15f;--meta-label-bg:linear-gradient(180deg, #fffdf88a, #fffdf80a), repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee57 5px 10px), var(--category-color)}@supports (color:color-mix(in lab, red, red)){.opened-course-meta .meta-taxonomy.category{--meta-label-bg:linear-gradient(180deg, #fffdf88a, #fffdf80a), repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee57 5px 10px), color-mix(in srgb, var(--category-color) 20%, #fcf0c494)}}.opened-course-meta .meta-taxonomy.category{--meta-label-border:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.opened-course-meta .meta-taxonomy.category{--meta-label-border:color-mix(in srgb, var(--category-color) 32%, #be8e4a2e)}}.opened-course-meta .meta-taxonomy.category{color:var(--category-color);border-radius:5px 10px 8px 5px}@supports (color:color-mix(in lab, red, red)){.opened-course-meta .meta-taxonomy.category{color:color-mix(in srgb, var(--category-color) 62%, #6f4e2f)}}.opened-course-meta .meta-taxonomy.platform{--platform-color:#6f9078;--meta-label-bg:linear-gradient(90deg, var(--platform-color), #fffdf8d1 72%), #fffdf8e6}@supports (color:color-mix(in lab, red, red)){.opened-course-meta .meta-taxonomy.platform{--meta-label-bg:linear-gradient(90deg, color-mix(in srgb, var(--platform-color) 18%, transparent), #fffdf8d1 72%), #fffdf8e6}}.opened-course-meta .meta-taxonomy.platform{--meta-label-border:var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.opened-course-meta .meta-taxonomy.platform{--meta-label-border:color-mix(in srgb, var(--platform-color) 34%, #8c6e501f)}}.opened-course-meta .meta-taxonomy.platform{color:var(--platform-color);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.opened-course-meta .meta-taxonomy.platform{color:color-mix(in srgb, var(--platform-color) 74%, var(--mt-ink))}}.opened-course-meta .meta-taxonomy.platform{transform:rotate(0)}.topbar h1,.directory-section-heading h2,.outline-panel-header h2,.note-header h2,.lesson-focus-card h2,.opened-course-header h2,.course-card h3,.reflection-box h3,.structure-hero h2{font-family:var(--font-hand);font-weight:700}.topbar h1{color:var(--mt-ink);text-shadow:0 1px #fff9eed1}.brand-icon,.cover-mark,.login-mark,.structure-hero>svg{color:#fff9ee;background:linear-gradient(145deg,#c97b5cf5,#b5736eeb);border:1px solid #8c50402e;box-shadow:0 9px 18px #b5736e2e,inset 0 1px #fff9ee57}.nav-item,.logout-button,.search-box,.secondary-button,.icon-button,.course-url-button,.open-course-button,.back-link-button,.course-manage-actions button,.course-view-tabs,.sidebar-filter-box,.note-editor,.reflection-box,.builder-grid textarea,.parsed-tree{background:#fffcf6db;border-color:#8c6e5029;box-shadow:inset 0 1px #fff9eeb3}.primary-button{background:repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee21 5px 10px), var(--mt-primary);color:#fff9ee;border-color:#8c504033;font-weight:800;box-shadow:0 10px 20px #b5736e2e}.secondary-button,.open-course-button,.back-link-button,.note-action-chip,.course-view-tabs button.active{color:var(--mt-brick);font-weight:800}.primary-button:hover,.secondary-button:hover,.open-course-button:hover,.course-url-button:hover,.icon-button:hover,.nav-item:hover,.sidebar-stat-card:hover,.sidebar-filter-box:hover,.back-link-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #3c28141a}.sidebar-stat-card{background:linear-gradient(#fffcf6eb,#faf5eceb);border-radius:12px}.sidebar-stat-card.active,.nav-item.active,.filter-pills button.active,.course-view-tabs button.active,.tree-node.active{color:var(--mt-ink);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#b5c4b16b}.sidebar-stat-card strong{color:var(--mt-primary);font-family:var(--font-hand)}.nav-course-group{gap:6px;display:grid}.sidebar-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 2px;display:grid}.sidebar-type-tabs button,.course-type-tabs button,.library-view-toggle button{color:var(--color-text-muted);font-family:var(--font-hand);background:#fffcf6c7;border:1px solid #8c6e5024;border-radius:12px;justify-content:center;align-items:center;min-height:30px;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.sidebar-type-tabs button{gap:6px;padding:5px 7px}.sidebar-type-tabs button span{color:var(--mt-primary);font-size:12px}.sidebar-type-tabs button:hover,.sidebar-type-tabs button.active,.course-type-tabs button:hover,.course-type-tabs button.active,.library-view-toggle button:hover,.library-view-toggle button.active{color:var(--mt-brick);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee33 5px 10px),#e8d08a57;border-color:#c97b5c38;transform:translateY(-1px);box-shadow:0 10px 20px #3c281414}.library-heading-stack{gap:var(--library-heading-gap);display:grid}.course-library-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(16px,1.6vw,24px);margin:0;display:grid}.course-library-heading h2{font-family:var(--font-hand);letter-spacing:0;margin:0;font-weight:700;line-height:1.08}.course-library-results{min-width:0}.course-library-results.is-list{padding-top:var(--library-result-inset)}.course-type-controls,.course-type-tabs{flex-wrap:wrap;align-items:center;display:flex}.course-type-controls{gap:10px}.course-type-tabs{gap:var(--library-control-gap)}.course-type-tabs button{min-height:34px;padding:7px 12px}.library-toolbar{place-items:end;display:grid}.library-view-toggle{background:#fffcf6b8;border:1px solid #8c6e501f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:5px;padding:5px;display:flex;box-shadow:0 8px 20px #3c28140b}.library-view-toggle button{gap:6px;min-height:32px;padding:6px 10px}.library-view-toggle svg{width:15px;height:15px}.sidebar-filter-stack{gap:8px;display:grid}.sidebar-filter-box{color:var(--color-text-muted);border:1px solid #8c6e5024;border-radius:14px;transition:box-shadow .16s,transform .16s;overflow:hidden}.sidebar-filter-box summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:8px;min-height:46px;padding:10px 12px;list-style:none;display:grid}.sidebar-filter-box summary::-webkit-details-marker{display:none}.sidebar-filter-box summary>span{align-items:center;gap:8px;min-width:0;display:inline-flex}.sidebar-filter-box summary>span svg,.sidebar-filter-box summary>svg{flex:none;width:16px;height:16px}.sidebar-filter-box summary>strong{color:var(--mt-ink);font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#e8d08a6b;border:1px solid #8c6e501a;border-radius:999px;max-width:92px;padding:4px 8px;font-size:11px;overflow:hidden}.sidebar-filter-box[open] summary>svg{transform:rotate(180deg)}.sidebar-filter-options{border-top:1px dashed #8c6e5024;gap:6px;max-height:180px;padding:8px;display:grid;overflow:auto}.sidebar-filter-options button{color:var(--color-text-muted);font-family:var(--font-hand);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;min-height:34px;padding:7px 9px}.sidebar-filter-options button:hover,.sidebar-filter-options button.active{color:var(--mt-ink);background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#b5c4b157;border-color:#8c6e501a}.course-list{gap:var(--result-row-gap,12px);display:grid}.course-list-row{--course-row-action-width:154px;--course-row-content-padding:10px 14px 9px 8px;--course-row-thumb-width:76px;cursor:pointer;grid-template-columns:12px calc(var(--course-row-thumb-width) + 22px) minmax(0, 1fr) var(--course-row-action-width);background:#fffdf8e0;border:1px solid #8c6e5024;border-radius:18px;min-height:100px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden;box-shadow:0 10px 26px #3c28140f}.course-list-row:focus-within,.course-list-row:hover{border-color:#c97b5c33;transform:translateY(-1px);box-shadow:0 16px 34px #3c281417}.course-list-row:focus-visible{outline-offset:3px;outline:2px solid #c97b5c80}.course-list-spine{background:repeating-linear-gradient(45deg,#0000 0 6px,#fff9ee38 6px 12px),#b5c4b185;display:flex}.course-list-spine span{color:#51704cb8;font-family:var(--font-hand);letter-spacing:0;writing-mode:vertical-rl;align-self:center;margin-inline:auto;font-size:11px;font-weight:900;transform:rotate(180deg)}.mini-course-row .course-list-spine{background:repeating-linear-gradient(45deg,#0000 0 6px,#fff9ee5c 6px 12px),#e8d08ac7}.mini-course-row .course-list-spine span{color:#9b6424}.course-list-thumb{aspect-ratio:1.46;background:linear-gradient(135deg, var(--platform-cover-from), #fffdf8e0 48%, var(--platform-cover-to)), repeating-linear-gradient(45deg, transparent 0 6px, #fff9ee33 6px 12px);color:var(--platform-cover-ink);min-height:54px;width:var(--course-row-thumb-width);border:1px solid #8c6e5021;border-radius:14px;align-self:center;justify-items:center;margin-left:12px;padding:7px 6px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 20px #3c28140f}.course-list-thumb:after{background:var(--platform-cover-accent);content:"";opacity:.18;border-radius:999px;height:6px;position:absolute;top:10px;left:12px;right:12px}.course-list-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.course-list-thumb span,.course-list-thumb small{color:#7e5b34bd;font-family:var(--font-sans);letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:1;max-width:100%;font-size:9px;font-weight:900;line-height:1;overflow:hidden}.course-list-thumb strong{color:var(--platform-cover-ink);font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;z-index:1;max-width:100%;font-size:22px;line-height:1;overflow:hidden}.mini-course-row .course-list-thumb{width:70px;min-height:50px}.mini-course-row .course-list-thumb strong{font-size:20px}.course-list-content{min-width:0;padding:var(--course-row-content-padding);align-content:center;gap:6px;display:grid}.course-list-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.course-list-title-stack{gap:5px;min-width:0;display:grid}.course-list-title-stack h3{overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:18px;line-height:1.18;display:-webkit-box;overflow:hidden}.course-list-source-row,.course-list-meta-row{color:var(--color-text-muted);flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.course-list-info-strip{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;display:grid}.course-list-source-chip,.course-list-meta-row span{align-items:center;gap:5px;display:inline-flex}.course-list-source-chip{color:var(--mt-ink);cursor:default;font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;background:#fffdf8e6;border:1px solid #8c6e5021;border-radius:999px;flex:0 auto;max-width:190px;min-height:24px;padding:3px 8px;font-size:11.5px;font-weight:900;transition:border-color .16s,color .16s,transform .16s;overflow:hidden}.course-list-source-chip svg{flex:none}button.course-list-source-chip{cursor:pointer}.course-list-source-chip.platform{--platform-color:#6f9078;background:linear-gradient(90deg, var(--platform-color), #fffdf8d6 74%), #fffdf8e6}@supports (color:color-mix(in lab, red, red)){.course-list-source-chip.platform{background:linear-gradient(90deg, color-mix(in srgb, var(--platform-color) 17%, transparent), #fffdf8d6 74%), #fffdf8e6}}.course-list-source-chip.platform{border-color:var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.course-list-source-chip.platform{border-color:color-mix(in srgb, var(--platform-color) 32%, #8c6e5021)}}.course-list-source-chip.platform{color:var(--platform-color)}@supports (color:color-mix(in lab, red, red)){.course-list-source-chip.platform{color:color-mix(in srgb, var(--platform-color) 74%, var(--mt-ink))}}.course-list-source-chip.category{--category-color:#d1a15f;background:linear-gradient(180deg, #fffdf88a, #fffdf80a), repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee5c 5px 10px), var(--category-color)}@supports (color:color-mix(in lab, red, red)){.course-list-source-chip.category{background:linear-gradient(180deg, #fffdf88a, #fffdf80a), repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee5c 5px 10px), color-mix(in srgb, var(--category-color) 20%, #fcf0c494)}}.course-list-source-chip.category{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.course-list-source-chip.category{border-color:color-mix(in srgb, var(--category-color) 32%, #be8e4a2e)}}.course-list-source-chip.category{color:var(--category-color);border-radius:5px 10px 8px 5px}@supports (color:color-mix(in lab, red, red)){.course-list-source-chip.category{color:color-mix(in srgb, var(--category-color) 62%, #6f4e2f)}}.course-list-source-chip.category{transform:rotate(-.5deg)}.course-list-source-chip:hover{color:var(--mt-brick);border-color:#c97b5c33;transform:translateY(-1px)}.course-list-source-chip svg,.course-list-meta-row svg{width:14px;height:14px}.course-list-source-chip.muted{color:#8c6e50b3}.course-list-meta-row{justify-content:flex-end;gap:7px}.course-list-meta-row span,.course-list-meta-row .rating{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:999px;max-width:100%;min-height:auto;padding:0;font-size:11.5px;font-weight:850;overflow:hidden}.course-list-meta-row span:not(:first-child):before,.course-list-meta-row .rating:before{color:#8c6e5057;content:"·";margin-right:1px;font-weight:900}.course-row-type{font-family:var(--font-hand);white-space:nowrap;border:1px solid #8c6e501f;border-radius:999px;padding:5px 10px 6px;font-size:11.5px;font-weight:900}.course-row-type.standard{color:#51704c;background:#b5c4b15c}.course-row-type.mini{color:#9b6424;background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee57 5px 10px),#e8d08ad1}.course-list-actions{border-left:1px solid #8c6e5024;justify-content:center;align-items:center;gap:8px;padding:12px;display:grid;position:relative}.course-list-actions:before{content:"";opacity:.88;background:repeating-linear-gradient(45deg,#0000 0 5px,#fff9ee2e 5px 10px),#e8d08a57;border-radius:3px;width:78px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(1deg)}.course-list-actions .open-course-button{min-width:118px;min-height:36px;padding:7px 10px}.course-list-icon-row{justify-content:center;gap:8px;display:flex}.course-list-icon-row a,.course-list-icon-row button{color:var(--color-text-muted);background:#fffdf8e0;border:1px solid #8c6e5024;border-radius:13px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .16s,color .16s,transform .16s;display:inline-flex}.course-list-icon-row a:hover,.course-list-icon-row button:hover{color:var(--mt-brick);background:#fff;transform:translateY(-1px)}.course-list-icon-row svg{width:15px;height:15px}.course-list .progress-track{height:6px}.course-grid{gap:var(--card-grid-gap,16px)}.course-cover{border-radius:calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 10px 10px;margin:7px 7px 0}.mini-course-card{--course-card-cover-height:112px;--course-card-gap:9px;background:linear-gradient(#fffaeef7,#f6efe0f5),radial-gradient(circle at 12% 0,#e8d08a33,#0000 10rem);border-color:#c9a57d38;height:364px}.mini-course-card:not(.compact-course-card) .course-cover{--course-card-cover-height:104px}.mini-course-card:not(.compact-course-card) .platform-default-cover,.compact-course-card .platform-default-cover{gap:0;padding:20px 68px 16px 20px}.mini-course-card:not(.compact-course-card) .platform-default-cover:before,.compact-course-card .platform-default-cover:before{top:18px;left:20px;right:130px}.mini-course-card:not(.compact-course-card) .platform-default-cover span,.mini-course-card:not(.compact-course-card) .platform-default-cover small,.compact-course-card .platform-default-cover span,.compact-course-card .platform-default-cover small{display:none}.mini-course-card:not(.compact-course-card) .platform-default-cover strong,.compact-course-card .platform-default-cover strong{font-family:var(--font-hand);max-width:min(100%,172px);min-height:0;padding:7px 13px 8px;font-size:22px;line-height:1.22;display:block}.mini-course-card:not(.compact-course-card) .platform-default-cover em,.compact-course-card .platform-default-cover em{clip-path:none;opacity:.24;min-width:84px;min-height:62px;padding:0 12px;font-size:42px;right:48px}.course-grid:not(.mini-filter-grid) .mini-course-card:not(.compact-course-card){justify-self:center;width:80%}.compact-course-card .course-cover{--course-card-cover-height:112px}.compact-course-card{height:371px}.compact-course-card .course-card-body{gap:7px;padding:10px 11px 11px}.compact-course-card .course-card h3,.compact-course-card h3{font-size:14px}.compact-course-card .course-meta-stack,.compact-course-card .course-bottom-row{font-size:11px}.compact-course-card .course-url-button,.compact-course-card .open-course-button{min-height:34px}.compact-course-card .cover-mark{min-width:38px;min-height:38px}.compact-course-card .cover-mark svg{width:16px;height:16px}.course-card-body{gap:var(--course-card-gap,9px);padding:var(--course-card-padding,12px)}.course-card h3{font-size:15px;line-height:1.25}.course-title-row{gap:8px}.course-manage-actions{gap:5px}.course-manage-actions button{width:28px;height:28px}.course-meta-stack{gap:3px}.course-meta-row,.course-card-actions{gap:7px}.course-url-button,.open-course-button{min-height:36px;padding:8px 9px;font-size:12px}.cover-mark{border-radius:14px;min-width:42px;min-height:42px}.tone-sage .course-cover{background:radial-gradient(circle at 22% 18%,#fff9eea6,#0000 8rem),linear-gradient(135deg,#b5c4b175,#e8d08a52)}.tone-coral .course-cover{background:radial-gradient(circle at 18% 20%,#fff9eea8,#0000 8rem),linear-gradient(135deg,#e8b4b870,#c97b5c52)}.tone-sky .course-cover{background:radial-gradient(circle at 18% 20%,#fff9eea8,#0000 8rem),linear-gradient(135deg,#95a8b570,#9cb5b057)}.tone-moss .course-cover{background:radial-gradient(circle at 18% 20%,#fff9eea8,#0000 8rem),linear-gradient(135deg,#a8b89a80,#c9a57d57)}.tone-rose .course-cover{background:radial-gradient(circle at 18% 20%,#fff9eea8,#0000 8rem),linear-gradient(135deg,#e8b4b875,#bfafcc57)}.tone-linen .course-cover{background:radial-gradient(circle at 18% 20%,#fff9eead,#0000 8rem),linear-gradient(135deg,#e8d08a6b,#c9a57d57)}.cover-kicker{padding:6px 9px;font-size:11px}.preview-window,.preview-stack span{background:#fffcf6bd;border-color:#8c6e501f;box-shadow:0 12px 22px #3c281414}.preview-window span{background:#c97b5c33}.progress-track{background:#c9a57d3d}.progress-track span{background:linear-gradient(90deg, var(--mt-primary), var(--mt-accent))}.star{color:#c9a57d70}.star.filled{color:#c69b4e}.inline-screenshot{background:repeating-linear-gradient(45deg,#0000 0 8px,#fff9ee42 8px 16px),#e8d08a52;border-color:#b98f4847}.workspace-resize-handle:before{background:repeating-linear-gradient(0deg,#c97b5c57 0 8px,#e8d08a57 8px 16px);box-shadow:0 0 0 1px #8c6e501a}.workspace-resize-handle:hover:before,.workspace-resize-handle:focus-visible:before,.detail-workspace.resizing .workspace-resize-handle:before{background:repeating-linear-gradient(0deg,#b5736e9e 0 8px,#e8d08a94 8px 16px);box-shadow:0 0 0 4px #c97b5c1f}.outline-context-card,.lesson-focus-card,.structure-hero,.ai-cleaned-note,.insight-card{background:linear-gradient(135deg,#b5c4b147,#fffcf6eb);border-color:#8c6e5024;box-shadow:inset 0 1px #fff9eebf}.lesson-focus-card,.structure-hero{position:relative}.tree-children{border-left-color:#c9a57d80}.screenshot-gallery figure{background:#fffcf6f0;border-color:#8c6e5029;padding:6px;box-shadow:0 12px 22px #3c281414}.screenshot-gallery img{border-radius:10px}.screenshot-delete-button{color:var(--mt-brick);background:#fff9eef5;border-color:#b5736e38}.dialog-backdrop{background:#3d332b47}@media (max-width:1320px){.course-grid,.course-grid.mini-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1180px){.app-shell{grid-template-columns:1fr;padding:20px}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{border-right:0;grid-template-columns:1fr;display:grid}.sidebar.is-collapsed{align-items:stretch;gap:14px;padding-inline:14px}.sidebar.is-collapsed .brand-block,.sidebar.is-collapsed .nav-item{justify-content:flex-start}.workspace-grid,.detail-workspace,.detail-workspace.outline-collapsed,.settings-grid{grid-template-columns:1fr}.workspace-resize-handle{display:none}.outline-rail{max-height:none;position:static;overflow:auto}.outline-rail-list{align-items:start;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}.outline-rail-group{flex:none;align-items:start;display:flex}.outline-rail-group:after{display:none}.course-grid,.course-grid.mini-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outline-panel{max-height:none;position:static;top:auto}.sidebar{min-height:0;max-height:none;position:static;top:auto;overflow:visible}}@media (max-width:720px){body{background:radial-gradient(circle at 9% 2%,#e8d08a3d,#0000 18rem),linear-gradient(135deg,#fbf7f0fa,#f4ece0f5),repeating-linear-gradient(0deg,#8c6e500a 0 1px,#0000 1px 24px),repeating-linear-gradient(90deg,#8c6e5009 0 1px,#0000 1px 24px)}.mobile-menu-button{background:repeating-linear-gradient(45deg, transparent 0 5px, #fff9ee21 5px 10px), var(--mt-primary);box-shadow:var(--shadow-tight);color:#fff9ee;z-index:40;border:1px solid #fff9eead;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:fixed;top:14px;left:auto;right:14px}.mobile-menu-backdrop{z-index:20;background:#2d302a29;border:0;display:block;position:fixed;inset:0}.sidebar{box-shadow:var(--shadow-soft);z-index:30;background:linear-gradient(#fffcf6f7,#f4ece0f5),repeating-linear-gradient(90deg,#c9a57d1a 0 1px,#0000 1px 30px);border-right:1px solid #84745a1f;border-radius:0 24px 24px 0;gap:14px;width:78vw;max-width:282px;height:100dvh;min-height:0;max-height:none;padding:70px 14px 16px;transition:transform .18s;display:flex;position:fixed;top:0;left:0;overflow:auto;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.brand-block,.nav-item,.sidebar-card{border-radius:14px}.brand-icon{width:36px;height:36px}.nav-list{gap:7px}.nav-item{min-height:40px;padding:9px 11px}.sidebar-card{margin-top:0}.main-panel{gap:14px;padding:18px 12px 22px}.topbar,.topbar-actions,.dialog-action-row,.form-grid,.builder-grid{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.topbar{grid-template-columns:1fr;align-items:flex-start;gap:10px;padding-left:0;padding-right:0;display:grid}.topbar-main{padding-right:54px}.topbar-kicker-row,.library-title-row{flex-direction:column;align-items:flex-start;gap:6px}.topbar h1{font-size:34px}.data-source-badge,.app-updated-badge{padding:5px 9px;font-size:11px}.topbar-actions{gap:8px}.primary-button,.search-box{min-height:42px;padding:9px 12px}.note-header{flex-direction:row;align-items:flex-start}.search-box{min-width:0}.workspace-grid{gap:12px}.course-library-heading{grid-template-columns:1fr;align-items:start;gap:12px}.library-toolbar{justify-items:start;width:100%}.course-type-controls,.library-view-toggle{justify-content:flex-start}.library-selectors{justify-content:flex-start;width:100%}.library-selector-menu{max-width:min(260px,100vw - 48px);left:0;right:auto}.library-filters{justify-items:stretch;width:100%}.filter-row{justify-content:stretch;align-items:flex-start;gap:5px;display:grid}.filter-pills{scrollbar-width:none;flex-wrap:nowrap;margin:0 -12px;padding:0 12px 4px;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pills button{border-radius:999px;flex:none;min-height:32px;padding:6px 10px;font-size:12px}.course-grid{gap:var(--card-grid-gap,10px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.course-card{border-radius:16px}.course-cover{min-height:var(--course-card-cover-height,112px);padding:9px}.cover-kicker{padding:5px 8px;font-size:10px}.cover-mark{border-radius:12px;width:34px;height:34px}.cover-mark svg{width:15px;height:15px}.cover-preview{gap:7px;bottom:10px;left:10px;right:10px}.preview-window{border-radius:12px;gap:5px;width:76%;padding:9px}.preview-window span{height:6px}.preview-stack{gap:5px}.preview-stack span{border-radius:9px;height:24px}.course-card-body{gap:var(--course-card-gap,7px);padding:var(--course-card-padding,10px)}.course-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:14px;line-height:1.2;display:-webkit-box;overflow:hidden}.course-card p{display:none}.course-meta-row{align-items:flex-start;gap:4px;min-width:0;font-size:11px;display:grid}.course-card-actions{grid-template-columns:1fr}.course-bottom-row{flex-direction:column;align-items:flex-start;gap:4px}.star{width:12px;height:12px}.progress-track{height:6px}.open-course-button{border-radius:10px;min-height:34px;padding:7px 8px;font-size:12px}.opened-course-header{align-items:flex-start;gap:12px;padding:14px 14px 16px;position:relative}.opened-course-actions{position:absolute;top:14px;right:14px}.opened-course-actions .icon-button{display:none}.opened-course-title{align-items:flex-start;gap:8px;width:100%;padding-right:112px;display:grid}.opened-course-title .back-link-button{min-height:30px;padding:6px 10px;font-size:12px}.opened-course-header h2{max-width:100%;font-size:23px;line-height:1.12}.course-view-tabs{width:100%}.course-view-tabs button{flex:1}.outline-panel{order:2;max-height:none;position:static}.outline-scroll{max-height:min(62vh,560px)}.note-panel{order:1}.lesson-focus-card,.structure-hero{flex-direction:column;align-items:flex-start}.lesson-focus-card{gap:8px;padding:14px;position:relative}.lesson-focus-card h2{padding-right:0;font-size:21px}.lesson-focus-card .save-state{gap:4px;font-size:11px;position:absolute;top:14px;right:14px}.lesson-focus-card .save-state svg{width:13px;height:13px}.note-action-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.note-action-strip span,.note-action-chip{white-space:nowrap;justify-content:center;gap:4px;min-height:30px;padding:5px 4px;font-size:10px}.note-action-strip svg{width:12px;height:12px}.note-editor{min-height:0;padding:16px}.note-editor textarea{min-height:128px}.inline-screenshot{margin-top:14px}.structure-grid{grid-template-columns:1fr}.structure-panel{padding:6px}.structure-module{grid-template-columns:1fr;padding:14px}.structure-module-index{justify-content:flex-start;height:auto;min-height:0;padding:0 0 12px}.structure-module-index:after{width:min(180px,100%);height:1px;inset:auto auto 0 0}.structure-module-content{grid-template-columns:1fr;gap:12px}.structure-module ol{grid-template-columns:1fr;gap:8px}.outline-builder{margin-top:2px;position:static}.app-shell{padding:14px}.course-dialog{--dialog-action-height:52px;--dialog-column-gap:12px;--dialog-section-gap:10px;--dialog-section-padding:12px;--dialog-shell-padding:14px;max-width:100%}.course-form{grid-template-rows:none;grid-template-columns:1fr;overflow-y:auto}.edit-course-form,.cover-input-zone,.screenshot-input-zone,.purchase-proof-zone{grid-template-columns:1fr}.course-form-section.material-section,.course-form-section.data-section{max-height:none;padding-bottom:var(--dialog-section-padding);position:static;overflow:visible}.active-filter-summary{justify-content:flex-start}.course-list-row{--course-row-action-width:auto;--course-row-content-padding:14px 14px 12px 10px;--course-row-thumb-width:66px;grid-template-columns:10px calc(var(--course-row-thumb-width) + 18px) minmax(0, 1fr)}.course-list-spine span{font-size:0}.course-list-thumb{min-height:52px;margin-left:10px}.course-list-thumb strong{font-size:20px}.course-list-top{grid-template-columns:1fr}.course-list-content{padding:var(--course-row-content-padding)}.course-list-actions{border-top:1px solid #8c6e5024;border-left:0;grid-column:2/-1;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;gap:10px;padding:12px 14px 14px 10px}.course-list-actions:before{top:-8px;left:18px;transform:rotate(-1deg)}.course-list-actions .open-course-button{justify-self:start;width:100%}.course-list-icon-row{justify-content:flex-end}.course-grid,.course-grid.mini-filter-grid{gap:var(--card-grid-gap,14px);grid-template-columns:1fr}.course-cover{min-height:var(--course-card-cover-height,110px);margin:6px 6px 0}.rich-note-toolbar{gap:6px}.rich-note-toolbar button{flex:calc(50% - 6px);justify-content:center}.rich-note-order-panel li{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.rich-note-order-type{grid-column:2;justify-self:start}.rich-note-order-title{white-space:normal;grid-column:1/-1}.rich-note-order-actions{grid-area:1/3/span 2}.rich-note-editor-content img,.rich-note-editor-content img[data-size=small],.rich-note-editor-content img[data-size=large]{width:100%}.paper-stack:before,.paper-stack:after{display:none}.eyebrow,.cover-kicker,.data-source-badge,.app-updated-badge,.opened-course-meta span,.filter-pills button.active{transform:none}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}