.util-bar{position:fixed;top:20px;right:24px;z-index:50;display:flex;gap:8px;align-items:center}.util-badge{font-family:DM Sans;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-tertiary);padding:7px 12px;border:1px solid var(--border);border-radius:99px;background:var(--bg-card)}.theme-toggle{width:38px;height:38px;border-radius:99px;background:var(--bg-card);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-primary);transition:transform .12s ease}.theme-toggle:hover{transform:rotate(15deg)}@media(max-width:768px){.util-bar{top:16px;right:16px}.util-badge{display:none}}@media(max-width:480px){.util-bar{display:none}}.shell{background:var(--bg-card);border-radius:var(--radius-xl);display:grid;grid-template-columns:92px 1fr;height:calc(100vh - 56px);overflow:hidden;max-width:1640px;margin:0 auto;transition:grid-template-columns .2s ease}.shell--with-right{grid-template-columns:92px 1fr 420px}body[data-sidebar=expanded] .shell{grid-template-columns:240px 1fr}body[data-sidebar=expanded] .shell--with-right{grid-template-columns:240px 1fr 420px}@media(max-width:1180px){.shell--with-right{grid-template-columns:92px 1fr 360px}body[data-sidebar=expanded] .shell--with-right{grid-template-columns:240px 1fr 360px}}@media(max-width:1024px){.shell{grid-template-columns:80px 1fr;height:calc(100vh - 40px)}body[data-sidebar=expanded] .shell{grid-template-columns:220px 1fr}.shell--with-right{grid-template-columns:80px 1fr;grid-template-rows:auto auto;height:auto;min-height:calc(100vh - 40px)}body[data-sidebar=expanded] .shell--with-right{grid-template-columns:220px 1fr}.shell--with-right>.lp-right-panel{grid-column:1 / -1}}@media(max-width:768px){.shell,.shell--with-right,body[data-sidebar=expanded] .shell,body[data-sidebar=expanded] .shell--with-right{grid-template-columns:1fr;border-radius:20px}.shell{height:calc(100vh - 24px)}.shell--with-right{min-height:calc(100vh - 24px)}}@media(max-width:480px){.shell,.shell--with-right{border-radius:0;box-shadow:none}.shell{height:100vh}.shell--with-right{min-height:100vh}}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:28px 12px 24px;overflow:hidden;min-width:0}.sidebar.is-expanded{align-items:stretch;padding:28px 14px 24px}.sidebar-head{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.sidebar.is-expanded .sidebar-head{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.sidebar-logo{display:inline-flex;align-items:center;justify-content:center;color:var(--fg-primary);border-radius:8px;padding:4px;flex:0 0 auto;min-width:0}.sidebar-logo-img{height:40px;width:auto;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar.is-expanded .sidebar-logo-img{height:32px}.sidebar-logo-img--for-dark,[data-theme=dark] .sidebar-logo-img--for-light{display:none}[data-theme=dark] .sidebar-logo-img--for-dark{display:block}.sidebar-toggle{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-tertiary);background:transparent;border:none;cursor:pointer;flex:0 0 auto;transition:color .12s ease,background .12s ease}.sidebar-toggle iconify-icon{font-size:18px}.sidebar-toggle:hover{color:var(--fg-primary);background:var(--warm-soft-2)}.sidebar-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:44px;width:100%}.sidebar.is-expanded .sidebar-nav{align-items:stretch;margin-top:28px}.nav-item{position:relative;width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-secondary);font-size:24px;transition:color .12s ease,background .12s ease;text-decoration:none;gap:12px;padding:0;align-self:center}.sidebar.is-expanded .nav-item{width:auto;justify-content:flex-start;padding:0 12px;align-self:stretch}.nav-item:hover{color:var(--fg-primary);background:var(--warm-soft-2)}.nav-item.is-active{color:var(--fg-primary);background:var(--warm-soft)}.nav-item.is-active:after{content:"";position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--fg-primary);border-radius:4px 0 0 4px}.sidebar.is-expanded .nav-item.is-active:after{display:none}.nav-item-icon{position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.nav-item-icon iconify-icon{font-size:24px}.nav-item-label{display:none;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar.is-expanded .nav-item-label{display:inline}.nav-item .dot-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 2px var(--bg-card)}.sidebar-spacer{flex:1}.sidebar-theme{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--fg-secondary);font-size:24px;margin-bottom:14px;padding:0;background:transparent;border:none;cursor:pointer;align-self:center;transition:color .12s ease,background .12s ease,transform .16s ease}.sidebar.is-expanded .sidebar-theme{width:auto;justify-content:flex-start;padding:0 12px;align-self:stretch}.sidebar-theme-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.sidebar-theme-icon iconify-icon{font-size:24px}.sidebar-theme-label{display:none;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;color:inherit;white-space:nowrap}.sidebar.is-expanded .sidebar-theme-label{display:inline}.sidebar-theme:hover{color:var(--fg-primary);background:var(--warm-soft-2)}.sidebar-theme:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.sidebar-theme:active .sidebar-theme-icon{transform:rotate(18deg)}.sidebar-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1a1714,#3a3530);color:#fafaf5;display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans;font-weight:600;font-size:13px;border:2px solid var(--bg-card);box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000f;flex:0 0 auto}[data-theme=dark] .sidebar-avatar{background:linear-gradient(135deg,#fafaf5,#d8d3c8);color:#111}.sidebar-avatar--loading{background:var(--warm-soft);color:transparent;border-color:var(--border);box-shadow:none;animation:sidebar-avatar-pulse 1.4s ease-in-out infinite}@keyframes sidebar-avatar-pulse{0%,to{opacity:.6}50%{opacity:1}}.sidebar-avatar-trigger{display:inline-flex;align-items:center;gap:10px;padding:0;background:transparent;border:none;border-radius:12px;cursor:pointer;width:auto;align-self:center;transition:background .12s ease}.sidebar.is-expanded .sidebar-avatar-trigger{width:100%;align-self:stretch;padding:4px 8px}.sidebar.is-expanded .sidebar-avatar-trigger:hover{background:var(--warm-soft-2)}.sidebar-avatar-text{display:none;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;text-align:left}.sidebar.is-expanded .sidebar-avatar-text{display:flex}.sidebar-avatar-name{font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.sidebar-avatar-action{font-size:11px;color:var(--fg-tertiary)}.sidebar-signin{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:42px;height:42px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-strong);color:var(--fg-primary);font-size:20px;transition:background .12s ease,border-color .12s ease;align-self:center;text-decoration:none;padding:0}.sidebar.is-expanded .sidebar-signin{width:100%;align-self:stretch;border-radius:12px;justify-content:flex-start;padding:0 14px;height:44px}.sidebar-signin-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sidebar-signin-icon iconify-icon{font-size:20px}.sidebar-signin-label{display:none;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500}.sidebar.is-expanded .sidebar-signin-label{display:inline}.sidebar-signin:hover{background:var(--warm-soft);border-color:var(--fg-primary)}.sidebar-avatar-root{position:relative;align-self:center}.sidebar.is-expanded .sidebar-avatar-root{align-self:stretch}.sidebar-avatar-menu{position:absolute;bottom:calc(100% + 10px);left:calc(100% + 10px);min-width:220px;padding:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:2px;z-index:60}.sidebar.is-expanded .sidebar-avatar-menu{left:0;right:0;bottom:calc(100% + 8px)}.sidebar-avatar-menu-head{padding:12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);margin-bottom:6px}.sidebar-avatar-menu-chip{flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--fg-primary),var(--fg-secondary));color:var(--bg-card);display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:12px}.sidebar-avatar-menu-id{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-avatar-menu-name{font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:13px;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-avatar-menu-email{font-size:11px;color:var(--fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-avatar-menu-item{display:inline-flex;align-items:center;gap:10px;padding:9px 10px;font-size:13px;color:var(--fg-primary);border-radius:var(--radius-sm);text-align:left;transition:background .12s ease,color .12s ease}.sidebar-avatar-menu-item iconify-icon{font-size:18px;color:var(--icon-default)}.sidebar-avatar-menu-item:hover{background:var(--warm-soft)}.sidebar-avatar-menu-item:focus-visible{outline:none;background:var(--warm-soft);box-shadow:0 0 0 3px var(--accent-soft)}.sidebar-avatar-menu-item[disabled]{opacity:.6;cursor:progress}@media(max-width:1024px){.nav-item{width:40px;height:40px;font-size:22px}.nav-item-icon{width:22px;height:22px}.nav-item-icon iconify-icon{font-size:22px}.sidebar-theme{width:40px;height:40px}.sidebar-theme-icon iconify-icon{font-size:22px}.sidebar-logo-img{height:36px}.sidebar.is-expanded .sidebar-logo-img{height:30px}}@media(max-width:768px){.sidebar,.sidebar.is-expanded{flex-direction:row;width:100%;height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid var(--border);align-items:center;gap:8px}.sidebar-head{flex-direction:row;width:auto;gap:6px}.sidebar-toggle{display:none}.sidebar-nav,.sidebar.is-expanded .sidebar-nav{flex-direction:row;margin:0 0 0 8px;flex:1;justify-content:flex-start;align-items:center;gap:2px;width:auto}.nav-item,.sidebar.is-expanded .nav-item{width:38px;height:38px;padding:0;justify-content:center;align-self:auto}.nav-item-label,.sidebar.is-expanded .nav-item-label{display:none}.nav-item.is-active:after,.sidebar.is-expanded .nav-item.is-active:after{display:none}.sidebar-spacer{display:none}.sidebar-avatar{margin-left:auto;width:36px;height:36px}.sidebar-avatar-trigger,.sidebar.is-expanded .sidebar-avatar-trigger{width:auto;padding:0;margin-left:auto}.sidebar-avatar-text,.sidebar.is-expanded .sidebar-avatar-text{display:none}.sidebar-theme,.sidebar.is-expanded .sidebar-theme{margin:0 6px 0 0;width:32px;height:32px;padding:0;justify-content:center;align-self:auto}.sidebar-theme-label,.sidebar.is-expanded .sidebar-theme-label{display:none}.sidebar-theme-icon iconify-icon{font-size:20px}.sidebar-logo-img,.sidebar.is-expanded .sidebar-logo-img{height:28px}.sidebar-avatar-menu{left:auto;right:0;bottom:calc(100% + 8px)}}.main{padding:44px 56px 56px;overflow-y:auto;overflow-x:hidden;min-height:0;max-width:1180px;margin:0 auto;width:100%;min-width:0;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s ease}.main:hover,.main:focus-within{scrollbar-color:var(--border-strong) transparent}.main::-webkit-scrollbar{width:10px;height:10px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:transparent;background-clip:padding-box;border:3px solid transparent;border-radius:999px;-webkit-transition:background .2s ease;transition:background .2s ease}.main:hover::-webkit-scrollbar-thumb,.main:focus-within::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,transparent 0,transparent calc(50% - 18px),var(--fg-tertiary) calc(50% - 18px),var(--fg-tertiary) calc(50% + 18px),transparent calc(50% + 18px)) padding-box}@media(max-width:1024px){.main{padding:36px 36px 44px}}@media(max-width:768px){.main{padding:28px 20px 32px}}@media(max-width:480px){.main{padding:22px 16px 28px}}.auth-shell{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow-y:auto;background:var(--bg-outer);color:var(--fg-primary)}.auth-util{position:fixed;top:20px;right:24px;z-index:10}@media(max-width:480px){.auth-util{top:12px;right:12px}}.auth-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:36px 36px 32px;display:flex;flex-direction:column;gap:24px}@media(max-width:480px){.auth-card{padding:28px 22px 24px;border-radius:20px}}.auth-wordmark{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;color:var(--fg-primary)}.auth-wordmark-text{font-family:DM Sans,system-ui,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em}.auth-wordmark-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.auth-header{display:flex;flex-direction:column;gap:8px}.auth-title{font-family:DM Sans,system-ui,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.auth-subtitle{font-size:14px;color:var(--fg-secondary);line-height:1.5}.auth-body{display:flex;flex-direction:column;gap:16px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px;position:relative}.auth-label{font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--fg-secondary)}.auth-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-field-row .auth-label{margin:0}.auth-input{width:100%;font:inherit;font-size:15px;color:var(--fg-primary);background:var(--bg-card-warm);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.auth-input:hover{border-color:var(--border-strong)}.auth-input:focus,.auth-input:focus-visible{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input::-moz-placeholder{color:var(--fg-tertiary)}.auth-input::placeholder{color:var(--fg-tertiary)}.auth-input[aria-invalid=true]{border-color:var(--accent);background:var(--accent-soft)}.auth-input[disabled]{opacity:.6;cursor:not-allowed}.auth-input--otp{text-align:center;letter-spacing:.5em;font-family:DM Sans,system-ui,sans-serif;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;padding-right:0}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{padding-right:44px}.auth-password-reveal{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;color:var(--icon-muted);display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:color .12s ease,background .12s ease}.auth-password-reveal:hover{color:var(--fg-primary);background:var(--warm-soft-2)}.auth-password-reveal:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.auth-field-error{font-size:12px;color:var(--accent-deep);display:inline-flex;align-items:center;gap:6px}.auth-field-error iconify-icon{font-size:14px}.auth-link{font-size:12px;color:var(--fg-secondary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .12s ease,text-decoration-color .12s ease}.auth-link:hover{color:var(--fg-primary);text-decoration-color:currentColor}.auth-btn-primary{width:100%;height:46px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease,transform 80ms ease}.auth-btn-primary:hover{background:var(--accent-deep)}.auth-btn-primary:active{transform:translateY(1px)}.auth-btn-primary[disabled]{background:var(--accent-muted);cursor:progress}.auth-btn-primary iconify-icon{font-size:18px}.auth-btn-spinner{display:inline-flex;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-btn-secondary{width:100%;height:46px;border-radius:var(--radius-md);background:var(--bg-card);color:var(--fg-primary);border:1px solid var(--border-strong);font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .12s ease,border-color .12s ease}.auth-btn-secondary:hover{background:var(--surface-pressed);border-color:var(--border-strong)}.auth-btn-secondary iconify-icon{font-size:18px;color:var(--icon-default)}.auth-btn-secondary svg{display:block}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--fg-tertiary);font-size:12px;font-family:DM Sans,system-ui,sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;line-height:1.5}.auth-notice--error{background:var(--accent-soft);color:var(--accent-deep);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.auth-notice--success{background:var(--positive-soft);color:var(--positive);border:1px solid color-mix(in srgb,var(--positive) 25%,transparent)}[data-theme=dark] .auth-notice--success{color:var(--positive)}.auth-notice iconify-icon{font-size:16px;flex-shrink:0;margin-top:1px}.auth-footer{font-size:13px;color:var(--fg-secondary);text-align:center;padding-top:8px;border-top:1px solid var(--border)}.auth-footer a{font-weight:600;color:var(--fg-primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .12s ease}.auth-footer a:hover{text-decoration-color:currentColor}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;width:100%;display:flex;flex-direction:column}.course-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 1px 2px #14120e0a,0 12px 28px -12px #14120e24}.course-card-banner{display:flex;align-items:center;gap:6px;padding:7px 14px;font:700 10px DM Sans;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-tertiary);border-bottom:1px solid var(--border)}.course-card-banner iconify-icon{font-size:12px}.course-card-banner--mega{color:var(--accent)}.course-card-banner--masterclass{color:var(--icon-yellow)}.course-card-banner--bundle{color:var(--positive)}.course-thumb{aspect-ratio:4 / 3;background:var(--bg-card-warm);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-thumb.tone-anatomy{background:linear-gradient(160deg,#ddcca8,#c4b18a)}.course-thumb.tone-illustrator{background:linear-gradient(160deg,#f5a623,#d4730e)}.course-thumb.tone-brand{background:linear-gradient(160deg,#2d4f4a,#1a3531)}.course-thumb.tone-digital{background:linear-gradient(160deg,#6c5b8a,#4a3e6b)}.course-thumb.tone-color{background:linear-gradient(135deg,#c87b6a,#d4a574,#6b8e6f)}.course-thumb.tone-type{background:linear-gradient(160deg,#1c1814,#38302a)}.course-thumb-icon{font-family:DM Sans;font-weight:800;font-size:36px;color:#ffffffeb;letter-spacing:-.04em}.course-thumb-icon.dark{color:#14120e99}.course-thumb-badge{position:absolute;top:12px;left:12px;font-family:DM Sans;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:99px;background:#ffffffeb;color:#14110d;backdrop-filter:blur(8px)}.course-thumb-badge.complete{background:var(--positive);color:#fff}.course-thumb-badge.new{background:var(--accent);color:#fff}.course-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.course-title{font-family:DM Sans;font-size:16px;font-weight:700;color:var(--fg-primary);letter-spacing:-.015em;line-height:1.3;margin-bottom:4px}.course-meta{font-size:12px;color:var(--fg-tertiary);margin-bottom:14px}.course-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.course-progress-bar{flex:1;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.course-progress-fill{height:100%;background:var(--fg-primary);border-radius:99px}.course-progress-fill.complete{background:var(--positive)}.course-progress-val{font-family:DM Sans;font-size:12px;font-weight:600;color:var(--fg-secondary);flex-shrink:0}.course-cta{margin-top:12px;font-family:DM Sans;font-size:13px;font-weight:600;color:var(--fg-primary);display:inline-flex;align-items:center;gap:4px;align-self:flex-start}.course-card:hover .course-cta{color:var(--accent)}.course-cta iconify-icon{font-size:14px}.course-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.course-price{font-family:DM Sans;font-weight:700;font-size:18px;color:var(--fg-primary)}.course-price-original{font-size:13px;color:var(--fg-tertiary);text-decoration:line-through}.course-price-saved{font-family:DM Sans;font-size:11px;font-weight:600;color:var(--positive);margin-left:auto}.home-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px}.greeting{font-family:DM Sans;font-size:38px;font-weight:700;color:var(--fg-primary);line-height:1.1;letter-spacing:-.025em}.greeting .wave{display:inline-block;transform-origin:70% 70%;animation:wave 2.4s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.header-meta{font-size:13px;color:var(--fg-tertiary);margin-bottom:6px}.header-actions{display:flex;align-items:center;gap:10px}.search-pill{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-card-warm);border:1px solid var(--border);border-radius:99px;font-size:13px;color:var(--fg-tertiary);width:300px;max-width:100%;transition:border-color .12s ease,background .12s ease}.search-pill:hover{border-color:var(--border-strong);background:var(--bg-card)}.search-pill iconify-icon{font-size:16px;flex-shrink:0}.search-pill kbd{margin-left:auto;font-family:DM Sans;font-size:11px;padding:2px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--fg-tertiary)}.subgreeting{font-size:15px;color:var(--fg-secondary);margin-bottom:44px}.section{margin-bottom:44px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font-family:DM Sans;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-tertiary)}.section-link{font-size:13px;font-weight:600;color:var(--fg-secondary);font-family:DM Sans;display:inline-flex;align-items:center;gap:4px}.section-link:hover{color:var(--fg-primary)}.section-link iconify-icon{font-size:14px}.recommend-hero{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;padding:10px 4px 18px;margin-bottom:28px;border-bottom:1px solid var(--border);color:var(--fg-primary);text-decoration:none;width:100%;text-align:left}.recommend-hero-art{width:56px;height:56px;border-radius:var(--radius-sm);background:linear-gradient(160deg,#d8826b,#d4a574,#8da77a);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.recommend-hero-art-letter{font-family:DM Sans;font-weight:800;font-size:30px;color:#14120e38;letter-spacing:-.04em}.recommend-hero-content{display:flex;flex-direction:column;gap:3px;min-width:0}.recommend-hero-eyebrow{display:inline-flex;align-items:center;gap:5px;font:700 10px DM Sans;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);align-self:flex-start}.recommend-hero-eyebrow iconify-icon{font-size:11px}.recommend-hero-title{font:600 15px DM Sans;letter-spacing:-.015em;line-height:1.25;color:var(--fg-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.recommend-hero-meta{display:flex;align-items:center;gap:8px;font:500 12px Inter;color:var(--fg-tertiary)}.recommend-cta{padding:7px 14px;background:transparent;color:var(--fg-primary);border:1px solid var(--border-strong);border-radius:99px;font:600 12px DM Sans;display:inline-flex;align-items:center;gap:5px;transition:background .12s ease,border-color .12s ease;white-space:nowrap}.recommend-cta:hover{background:var(--warm-soft);border-color:var(--fg-primary)}.recommend-cta iconify-icon{font-size:13px}.continue-card{display:grid;grid-template-columns:280px 1fr auto;gap:28px;align-items:center;padding:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s ease,box-shadow .15s ease;width:100%;text-align:left}.continue-card:hover{border-color:var(--border-strong);box-shadow:0 1px 2px #14120e0a,0 18px 40px -18px #14120e29}.continue-thumb{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(160deg,#ddcca8,#c4b18a 45%,#a8956d);display:flex;align-items:center;justify-content:center}.continue-thumb svg.skeleton{width:100%;height:100%;opacity:.7;padding:16px}.continue-thumb .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#14120e2e}.continue-thumb .play-overlay-btn{width:56px;height:56px;border-radius:50%;background:#fffffff2;display:inline-flex;align-items:center;justify-content:center;color:#111;box-shadow:0 6px 18px #0003}.continue-thumb .play-overlay-btn iconify-icon{font-size:22px;margin-left:3px}.continue-thumb .thumb-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000002e}.continue-thumb .thumb-progress-fill{height:100%;background:var(--accent)}.continue-info{min-width:0}.continue-eyebrow{font-size:11px;font-weight:600;font-family:DM Sans;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-tertiary);margin-bottom:8px}.continue-title{font-family:DM Sans;font-size:24px;font-weight:700;color:var(--fg-primary);letter-spacing:-.02em;margin-bottom:4px}.continue-course{font-size:14px;color:var(--fg-secondary);margin-bottom:16px}.continue-progress-row{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--fg-tertiary)}.continue-progress-bar{width:220px;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.continue-progress-fill{height:100%;background:var(--fg-primary);border-radius:99px}.continue-progress-val{font-family:DM Sans;font-weight:600;color:var(--fg-primary)}.resume-btn{flex-shrink:0;padding:14px 24px;background:var(--accent);color:#fff;border-radius:99px;font-family:DM Sans;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:background .12s ease;white-space:nowrap}.resume-btn:hover{background:var(--accent-deep)}.resume-btn iconify-icon{font-size:16px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.placeholder{padding:60px 0;text-align:center;color:var(--fg-secondary)}.placeholder h1{font-family:DM Sans;font-size:28px;color:var(--fg-primary);margin-bottom:8px}@media(max-width:1024px){.greeting{font-size:32px}.continue-card{grid-template-columns:240px 1fr auto;gap:22px}}@media(max-width:768px){.home-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions,.search-pill{width:100%}.greeting{font-size:26px}.subgreeting{margin-bottom:32px;font-size:14px}.continue-card{grid-template-columns:1fr;padding:14px;gap:16px}.continue-thumb{aspect-ratio:16 / 9}.resume-btn{width:100%;justify-content:center}.continue-progress-bar{flex:1;width:auto}.recommend-hero{grid-template-columns:48px 1fr auto;gap:12px}.recommend-hero-art{width:48px;height:48px}.recommend-hero-art-letter{font-size:26px}.recommend-hero-title{font-size:14px}.recommend-cta{padding:6px 10px;font-size:11px}}.dashboard-anon-hero{display:grid;grid-template-columns:1fr;gap:24px;padding:36px 40px;border-radius:var(--radius-xl);background:var(--warm-soft);border:1px solid var(--border)}.dashboard-anon-hero-copy{display:flex;flex-direction:column;gap:14px;max-width:640px}.dashboard-anon-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.dashboard-anon-hero-eyebrow iconify-icon{font-size:14px}.dashboard-anon-hero-title{font-family:DM Sans,system-ui,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--fg-primary)}.dashboard-anon-hero-text{font-size:15px;line-height:1.55;color:var(--fg-secondary)}.dashboard-anon-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.dashboard-anon-cta-primary{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:14px;transition:background .12s ease}.dashboard-anon-cta-primary:hover{background:var(--accent-deep)}.dashboard-anon-cta-primary iconify-icon{font-size:16px}.dashboard-anon-cta-secondary{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-strong);color:var(--fg-primary);font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:14px;transition:background .12s ease}.dashboard-anon-cta-secondary:hover{background:var(--surface-pressed)}.dashboard-anon-empty{padding:24px;border-radius:var(--radius-md);background:var(--warm-soft-2);color:var(--fg-secondary);font-size:14px}.course-card-skeleton{aspect-ratio:4 / 5;border-radius:var(--radius-lg);background:var(--warm-soft);border:1px solid var(--border);animation:dashboard-skeleton-pulse 1.4s ease-in-out infinite}@keyframes dashboard-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:768px){.dashboard-anon-hero{padding:28px 22px}.dashboard-anon-hero-title{font-size:22px}.dashboard-anon-cta-primary,.dashboard-anon-cta-secondary{width:100%;justify-content:center}}.continue-thumb--art{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--warm-soft) 0%,var(--bg-card-warm) 100%);color:var(--fg-primary);border:1px solid var(--border)}.continue-thumb--art .continue-thumb-letter{font-family:DM Sans,system-ui,sans-serif;font-weight:700;font-size:56px;letter-spacing:-.04em;color:var(--fg-primary);opacity:.55}.course-preview{margin:-16px 0 0;padding-bottom:24px}.course-preview .topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.course-preview .back-link{display:inline-flex;align-items:center;gap:8px;color:var(--fg-secondary);font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;transition:background .12s ease}.course-preview .back-link:hover{background:var(--bg-card-warm)}.course-preview .back-link iconify-icon{font-size:16px}.course-preview .topbar-right{display:flex;align-items:center;gap:10px}.course-preview .state-toggle{display:inline-flex;align-items:center;gap:0;background:var(--bg-card-warm);border-radius:999px;padding:4px;border:1px solid var(--border)}.course-preview .state-toggle button{background:transparent;border:0;padding:7px 14px;font:500 12px Inter;border-radius:999px;cursor:pointer;color:var(--fg-secondary)}.course-preview .state-toggle button.on{background:var(--bg-card);color:var(--fg-primary);box-shadow:0 1px 2px #0000000f}.course-preview .state-toggle-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.course-preview .state-toggle-note{font:500 10px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary)}.course-preview .breadcrumb{font-size:12px;color:var(--fg-tertiary);margin-bottom:14px;letter-spacing:.02em}.course-preview .breadcrumb a{color:inherit;text-decoration:none}.course-preview .breadcrumb a:hover{color:var(--fg-primary)}.course-preview .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;margin-bottom:56px}.course-preview .hero-left{min-width:0}.course-preview .cp-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 10px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-tertiary);padding:6px 10px;border:1px solid var(--border);border-radius:999px;margin-bottom:18px}.course-preview .cp-eyebrow .dot-eyebrow{width:5px;height:5px;border-radius:50%;background:var(--accent)}.course-preview h1.cp-title{font-family:DM Sans;font-weight:700;font-size:52px;line-height:1.04;letter-spacing:-.02em;margin:0 0 18px;color:var(--fg-primary)}.course-preview .promise{font-size:17px;line-height:1.55;color:var(--fg-secondary);max-width:560px;margin:0 0 28px}.course-preview .instructor-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.course-preview .instructor-row .ph{width:36px;height:36px;border-radius:50%;background:var(--dark-warm);color:#fafaf5;display:grid;place-items:center;font:600 12px DM Sans}.course-preview .instructor-row .meta{font-size:13px;color:var(--fg-secondary)}.course-preview .instructor-row .meta strong{color:var(--fg-primary);font-weight:600}.course-preview .cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}.course-preview .btn-primary{background:var(--accent);color:#fff;border:0;padding:14px 28px;font:600 14px Inter;border-radius:999px;cursor:pointer;transition:transform .12s ease,filter .12s ease;display:inline-flex;align-items:center;gap:8px}.course-preview .btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.course-preview .btn-primary .price-strike{opacity:.55;text-decoration:line-through;font-weight:500;margin-right:2px}.course-preview .btn-primary svg{width:14px;height:14px;fill:currentColor}.course-preview .btn-secondary{background:transparent;color:var(--fg-primary);border:1px solid var(--border-strong);padding:13px 22px;font:500 13px Inter;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.course-preview .btn-secondary:hover{background:var(--bg-card-warm)}.course-preview .btn-secondary iconify-icon{font-size:18px}.course-preview .progress-block{padding:20px 22px;background:var(--warm-soft-2);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:22px}.course-preview .progress-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-preview .progress-line .label{font:600 13px Inter;color:var(--fg-primary)}.course-preview .progress-line .pct{font:600 13px DM Sans;color:var(--accent)}.course-preview .progress-bar{height:6px;border-radius:99px;background:var(--border);overflow:hidden}.course-preview .progress-bar .fill{height:100%;background:var(--accent);border-radius:99px}.course-preview .progress-next{margin-top:12px;font-size:13px;color:var(--fg-secondary)}.course-preview .progress-next strong{color:var(--fg-primary);font-weight:600}.course-preview .hero-right{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--bg-card);display:flex;flex-direction:column}.course-preview .hero-art{background:var(--dark-warm);aspect-ratio:16 / 10;position:relative;overflow:hidden;display:grid;place-items:center}.course-preview .hero-art svg.art{width:50%;height:78%;opacity:.5}.course-preview .hero-art .play-btn{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:none;border:0}.course-preview .hero-art .play-btn .circle{width:72px;height:72px;border-radius:50%;background:#fffffff0;display:grid;place-items:center;box-shadow:0 6px 24px #00000047;transition:transform .15s ease}.course-preview .hero-art .play-btn:hover .circle{transform:scale(1.06)}.course-preview .hero-art .play-btn .circle iconify-icon{font-size:24px;color:var(--dark-warm);margin-left:2px}.course-preview .hero-art .trailer-badge{position:absolute;bottom:14px;left:14px;background:#0000008c;color:#fff;font:500 10px Inter;padding:5px 10px;border-radius:999px;backdrop-filter:blur(8px);letter-spacing:.06em}.course-preview .hero-stats{padding:6px 22px 14px}.course-preview .hero-stats .stat-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.course-preview .hero-stats .stat-row:last-child{border-bottom:0}.course-preview .hero-stats .stat-row .l{display:inline-flex;align-items:center;gap:10px;font:500 13px Inter;color:var(--fg-secondary)}.course-preview .hero-stats .stat-row .l iconify-icon{font-size:18px;color:var(--icon-default)}.course-preview .hero-stats .stat-row .v{font:600 14px DM Sans;color:var(--fg-primary)}.course-preview .hero-stats .rating-v{display:inline-flex;align-items:center;gap:8px}.course-preview .stars-mini{display:inline-flex;gap:1px;color:var(--accent)}.course-preview .stars-mini .star{width:13px;height:13px}.course-preview .stars-mini .star.fill{fill:currentColor}.course-preview .rating-num{font:600 13px DM Sans;color:var(--fg-primary)}.course-preview .tabs-wrap{position:sticky;top:0;z-index:4;background:var(--bg-card);margin:0 -56px 32px;padding:0 56px;border-bottom:1px solid var(--border)}.course-preview .tabs{display:flex;gap:4px}.course-preview .tab{padding:18px 4px;font:500 15px Inter;color:var(--fg-tertiary);background:transparent;border:0;cursor:pointer;position:relative;margin-right:28px;letter-spacing:.01em}.course-preview .tab .count{font-size:12px;color:var(--fg-tertiary);margin-left:6px}.course-preview .tab:hover,.course-preview .tab.active{color:var(--fg-primary)}.course-preview .tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--fg-primary);border-radius:2px}.course-preview .curriculum-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.course-preview .curriculum-meta .sum{font-size:14px;color:var(--fg-secondary)}.course-preview .curriculum-meta .sum strong{color:var(--fg-primary);font-weight:600}.course-preview .curriculum-meta .expand-all{font:500 12px Inter;color:var(--fg-secondary);background:transparent;border:0;cursor:pointer;padding:6px 10px;border-radius:999px}.course-preview .curriculum-meta .expand-all:hover{background:var(--bg-card-warm);color:var(--fg-primary)}.course-preview .module{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;background:var(--bg-card);transition:border-color .12s ease}.course-preview .module:hover{border-color:var(--border-strong)}.course-preview .module-head{padding:18px 22px;display:grid;grid-template-columns:36px 1fr auto auto;gap:16px;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--bg-card-warm)}.course-preview .module-head .folder{width:36px;height:36px;border-radius:10px;background:var(--icon-yellow-soft);border:1px solid var(--border);display:grid;place-items:center;color:var(--icon-yellow)}.course-preview .module-head .folder iconify-icon{font-size:20px}.course-preview .module-info .eb{font:600 10px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-tertiary);margin-bottom:3px}.course-preview .module-info h4{margin:0;font:600 16px DM Sans;color:var(--fg-primary);letter-spacing:-.01em}.course-preview .module-meta{font-size:12px;color:var(--fg-tertiary);white-space:nowrap}.course-preview .module-chev{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--fg-tertiary);transition:transform .2s ease,background .12s ease}.course-preview .module-chev iconify-icon{font-size:16px}.course-preview .module.open .module-chev{transform:rotate(180deg)}.course-preview .module-body{display:none;padding:0 22px 12px 74px;border-top:1px solid var(--border)}.course-preview .module.open .module-body{display:block}.course-preview .module.open .module-head{padding-bottom:14px}.course-preview .lesson{display:grid;grid-template-columns:22px 1fr auto auto;gap:14px;align-items:center;padding:12px 14px;margin:0 -14px;border-bottom:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--fg-primary);text-decoration:none;transition:background .12s ease,border-bottom-color .12s ease}.course-preview .lesson--clickable{cursor:pointer}.course-preview .lesson--clickable:hover{background:var(--surface-pressed);border-bottom-color:transparent}.course-preview .lesson--clickable:hover+.lesson{border-top-color:transparent}.course-preview .lesson--clickable:focus-visible{background:var(--surface-pressed);border-bottom-color:transparent;outline:2px solid var(--accent-soft);outline-offset:-2px}.course-preview .lesson--locked{cursor:default;opacity:.78}.course-preview .lesson:last-child{border-bottom:0}.course-preview .lesson .li{width:22px;height:22px;display:grid;place-items:center;font-size:22px;line-height:1}.course-preview .lesson .li iconify-icon{display:block}.course-preview .lesson .li.video{color:var(--fg-tertiary)}.course-preview .lesson .li.done{color:var(--positive)}.course-preview .lesson .li.current{color:var(--accent)}.course-preview .lesson .li.locked{color:var(--fg-tertiary)}.course-preview .lesson .ltext{min-width:0}.course-preview .lesson .ltext .num{font-size:11px;color:var(--fg-tertiary);margin-right:8px}.course-preview .lesson .ltext .title{font-weight:500}.course-preview[data-state=enrolled] .lesson .ltext .title{cursor:pointer}.course-preview[data-state=enrolled] .lesson .ltext .title:hover{color:var(--accent)}.course-preview .lesson .preview-tag{font:600 10px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 8px;border-radius:999px}.course-preview .lesson .dur{font:500 12px Inter;color:var(--fg-tertiary)}.course-preview .lesson:has(.li.done) .ltext,.course-preview .lesson:has(.li.done) .dur,.course-preview .lesson:has(.li.done) .preview-tag{opacity:.42}.course-preview .lesson:has(.li.done) .li{opacity:1}.course-preview .module.done .module-info,.course-preview .module.done .module-meta,.course-preview .module.done .module-chev{opacity:.42}.course-preview .module.done .folder{opacity:1}.course-preview .reviews-head{display:grid;grid-template-columns:280px 1fr;gap:56px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border);align-items:center}.course-preview .review-score{text-align:left}.course-preview .review-score .big{font:700 56px DM Sans;letter-spacing:-.02em;line-height:1;color:var(--fg-primary)}.course-preview .review-score .stars{color:var(--accent);display:inline-flex;gap:2px;margin:10px 0 6px}.course-preview .review-score .stars svg{width:18px;height:18px;fill:currentColor}.course-preview .review-score .count{font-size:13px;color:var(--fg-tertiary)}.course-preview .review-bars{display:grid;gap:8px}.course-preview .review-bars .row{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:12px;font-size:12px;color:var(--fg-secondary)}.course-preview .review-bars .bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.course-preview .review-bars .bar .fill{height:100%;background:var(--fg-primary);border-radius:99px}.course-preview .review-bars .row .num{font-variant-numeric:tabular-nums;text-align:right;color:var(--fg-tertiary)}.course-preview .reviews-grid{display:grid;gap:16px}.course-preview .review-card{padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.course-preview .review-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-preview .review-card .who{display:flex;align-items:center;gap:10px}.course-preview .review-card .who .av{width:32px;height:32px;border-radius:50%;background:var(--bg-card-warm);color:var(--fg-primary);display:grid;place-items:center;font:600 11px DM Sans}.course-preview .review-card .who .nm{font:600 13px Inter;color:var(--fg-primary)}.course-preview .review-card .who .dt{font-size:11px;color:var(--fg-tertiary);margin-top:1px}.course-preview .review-card .stars{color:var(--accent);display:inline-flex;gap:2px}.course-preview .review-card .stars svg{width:13px;height:13px;fill:currentColor}.course-preview .review-card .quote{font-size:14px;line-height:1.55;color:var(--fg-primary);margin:0}.course-preview .reviews-more{margin-top:20px;text-align:center}.course-preview .reviews-more button{background:transparent;border:1px solid var(--border-strong);padding:11px 22px;font:500 13px Inter;border-radius:999px;cursor:pointer;color:var(--fg-primary)}.course-preview .reviews-more button:hover{background:var(--bg-card-warm)}.course-preview .submissions-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.course-preview .submissions-head .sum{font-size:14px;color:var(--fg-secondary)}.course-preview .submissions-head .sum strong{color:var(--fg-primary);font-weight:600}.course-preview .chips{display:flex;gap:6px;flex-wrap:wrap}.course-preview .chip{font:500 12px Inter;padding:7px 12px;border-radius:999px;background:transparent;border:1px solid var(--border);color:var(--fg-secondary);cursor:pointer}.course-preview .chip:hover{background:var(--bg-card-warm);color:var(--fg-primary)}.course-preview .chip.on{background:var(--dark-warm);color:#fafaf5;border-color:var(--dark-warm)}.course-preview .submissions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-preview .sub-card{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.course-preview .sub-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px #14120e2e}.course-preview .sub-thumb{aspect-ratio:4 / 3;background:var(--bg-card-warm);display:grid;place-items:center;color:var(--fg-tertiary);position:relative}.course-preview .sub-thumb svg{width:38%;height:38%;opacity:.4}.course-preview .sub-thumb.bg1{background:linear-gradient(135deg,#d9c5a8,#b89a72)}.course-preview .sub-thumb.bg2{background:linear-gradient(135deg,#c0a589,#8c6f55)}.course-preview .sub-thumb.bg3{background:linear-gradient(135deg,#e5d6c1,#c8ab85)}.course-preview .sub-thumb.bg4{background:linear-gradient(135deg,#a8907a,#6b5742)}.course-preview .sub-thumb.bg5{background:linear-gradient(135deg,#d4bfa3,#a08566)}.course-preview .sub-thumb.bg6{background:linear-gradient(135deg,#b59a78,#806441)}.course-preview .sub-body{padding:14px 16px}.course-preview .sub-body .who{display:flex;align-items:center;gap:8px;margin-bottom:6px}.course-preview .sub-body .who .av{width:22px;height:22px;border-radius:50%;background:var(--bg-card-warm);color:var(--fg-primary);display:grid;place-items:center;font:600 9px DM Sans}.course-preview .sub-body .who .nm{font:600 12px Inter;color:var(--fg-primary)}.course-preview .sub-body .lt{font-size:12px;color:var(--fg-tertiary);margin-bottom:10px}.course-preview .sub-body .ft{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--fg-tertiary)}.course-preview .sub-body .ft .heart{display:inline-flex;align-items:center;gap:5px}.course-preview .sub-body .ft .heart iconify-icon{font-size:14px;color:var(--accent)}@media(max-width:1100px){.course-preview .hero{grid-template-columns:1fr;gap:32px}.course-preview .hero-right{max-width:480px}.course-preview .reviews-head{grid-template-columns:1fr;gap:24px}.course-preview .submissions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.course-preview .tabs-wrap{margin:0 -20px 22px;padding:0 20px}.course-preview h1.cp-title{font-size:34px}.course-preview .promise{font-size:15px}.course-preview .submissions-grid{grid-template-columns:1fr}.course-preview .module-body{padding-left:22px}.course-preview .module-head{grid-template-columns:32px 1fr 24px}.course-preview .module-head .module-meta{display:none}.course-preview .reviews-head{grid-template-columns:1fr}}.course-preview .course-overview{max-width:980px}.course-preview .course-overview .co-headline{font:700 32px DM Sans,system-ui,sans-serif;letter-spacing:-.015em;color:var(--fg-primary);margin:0 0 18px}.course-preview .course-overview .co-intro{max-width:720px;margin-bottom:40px}.course-preview .course-overview .co-intro p{font-size:15px;line-height:1.65;color:var(--fg-secondary);margin:0 0 14px}.course-preview .course-overview .co-intro p:last-child{margin-bottom:0}.course-preview .course-overview .co-section-label{font:600 11px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-tertiary);margin:0 0 14px}.course-preview .course-overview .co-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 80px}.course-preview .course-overview .co-outcomes{display:grid;grid-template-columns:1fr;gap:14px;padding:0;margin:0;list-style:none}.course-preview .course-overview .co-outcomes li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.45;color:var(--fg-primary)}.course-preview .course-overview .co-outcomes li iconify-icon{flex:0 0 20px;font-size:20px;color:var(--positive);margin-top:1px}.course-preview .course-overview .co-for{padding:0;margin:0;list-style:none;display:grid;gap:10px;font-size:14px;color:var(--fg-secondary)}.course-preview .course-overview .co-for li{display:flex;gap:10px;align-items:flex-start}.course-preview .course-overview .co-for li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--fg-tertiary);margin-top:9px;flex-shrink:0}.course-preview .course-overview .co-instructor{margin-top:64px;padding:32px;background:var(--warm-soft-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start;max-width:880px}.course-preview .course-overview .co-instructor-photo{width:120px;height:120px;border-radius:50%;background:var(--dark-warm);color:#fafaf5;display:grid;place-items:center;font:600 38px DM Sans;overflow:hidden}.course-preview .course-overview .co-instructor-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-preview .course-overview .co-instructor h3{font:700 22px DM Sans;margin:0 0 4px;color:var(--fg-primary)}.course-preview .course-overview .co-instructor-role{font-size:13px;color:var(--fg-tertiary);margin-bottom:14px}.course-preview .course-overview .co-instructor p{font-size:14px;line-height:1.6;color:var(--fg-secondary);margin:0 0 12px}.course-preview .course-overview .co-instructor p:last-child{margin-bottom:0}.course-preview .course-overview .co-faq{margin-top:56px;max-width:880px}.course-preview .course-overview .co-faq ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.course-preview .course-overview .co-faq li{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden}.course-preview .course-overview .co-faq-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:transparent;border:0;cursor:pointer;font:600 14px Inter;color:var(--fg-primary);text-align:left}.course-preview .course-overview .co-faq-head iconify-icon{font-size:18px;color:var(--fg-tertiary);transition:transform .2s ease,color .12s ease}.course-preview .course-overview .co-faq li.open .co-faq-head iconify-icon{transform:rotate(180deg);color:var(--accent)}.course-preview .course-overview .co-faq-body{padding:0 22px 18px;font-size:14px;line-height:1.6;color:var(--fg-secondary)}@media(max-width:1100px){.course-preview .course-overview .co-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.course-preview .course-overview .co-instructor{grid-template-columns:1fr}.course-preview .course-overview .co-instructor-photo{width:72px;height:72px;font-size:24px}}.main:has(.lesson-player){padding:32px 44px 40px;max-width:none;margin:0;display:flex;flex-direction:column;min-width:0}@media(max-width:1024px){.main:has(.lesson-player){padding:28px 32px 32px}}@media(max-width:768px){.main:has(.lesson-player){padding:20px 18px 24px}}@media(max-width:480px){.main:has(.lesson-player){padding:18px 14px 22px}}.lesson-player{display:flex;flex-direction:column;min-width:0;width:100%}.lesson-player .lp-header{display:flex;align-items:center;gap:16px}.lesson-player .lp-back{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-secondary);transition:background .12s ease,color .12s ease,border-color .12s ease;flex-shrink:0;background:transparent}.lesson-player .lp-back:hover{background:var(--warm-soft-2);color:var(--fg-primary);border-color:var(--border-strong)}.lesson-player .lp-back iconify-icon{font-size:16px}.lesson-player .lp-title{font-size:24px;font-weight:700;color:var(--fg-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:DM Sans,system-ui,sans-serif;letter-spacing:-.02em}.lesson-player .lp-breadcrumb{margin-top:8px;margin-left:52px;font-size:13px;color:var(--fg-secondary);font-weight:500;display:flex;align-items:center;gap:8px}.lesson-player .lp-breadcrumb a,.lesson-player .lp-breadcrumb button{color:var(--fg-tertiary);font-weight:500;transition:color .1s ease;background:none;border:none;padding:0;cursor:pointer}.lesson-player .lp-breadcrumb a:hover,.lesson-player .lp-breadcrumb button:hover{color:var(--fg-primary)}.lesson-player .lp-breadcrumb iconify-icon.chev{font-size:14px;color:var(--fg-tertiary);flex-shrink:0}.lesson-player .lp-breadcrumb .current{color:var(--fg-primary);font-weight:600;font-family:DM Sans}.lesson-player .lp-video-frame{margin-top:22px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--dark-warm);width:100%;aspect-ratio:16 / 9;max-height:560px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-player .lp-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-player .lp-video-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--fg-tertiary);font-size:13px}.lesson-player .lp-video-empty iconify-icon{font-size:48px}.lesson-player .lp-paywall{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;color:var(--fg-primary);background:var(--bg-card-warm);text-align:center}.lesson-player .lp-paywall iconify-icon{font-size:36px;color:var(--fg-secondary)}.lesson-player .lp-paywall .lp-paywall-title{font-family:DM Sans;font-size:18px;font-weight:700}.lesson-player .lp-paywall .lp-paywall-sub{color:var(--fg-secondary);font-size:13px;max-width:380px}.lesson-player .lp-paywall button{background:var(--accent);color:#fff;border-radius:999px;padding:10px 22px;font-family:DM Sans;font-weight:600;font-size:13px;transition:background .12s ease}.lesson-player .lp-paywall button:hover{background:var(--accent-deep)}.lesson-player .lp-sub-row{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.lesson-player .lp-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-secondary);flex-wrap:wrap}.lesson-player .lp-meta strong{color:var(--fg-primary);font-weight:600}.lesson-player .lp-meta .lp-dot{width:3px;height:3px;border-radius:50%;background:var(--fg-tertiary);display:inline-block}.lesson-player .lp-mark-complete{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--warm-soft);color:var(--fg-primary);border-radius:99px;font-size:13px;font-weight:600;font-family:DM Sans;transition:background .12s ease,color .12s ease;border:none;cursor:pointer;flex-shrink:0}.lesson-player .lp-mark-complete:hover{background:var(--surface-pressed)}.lesson-player .lp-mark-complete:disabled{opacity:.6;cursor:not-allowed}.lesson-player .lp-mark-complete .lp-mc-icon{width:18px;height:18px;color:var(--fg-secondary);display:inline-flex;align-items:center;justify-content:center}.lesson-player .lp-mark-complete:hover .lp-mc-icon,.lesson-player .lp-mark-complete.is-complete .lp-mc-icon{color:var(--positive)}.lesson-player .lp-mark-complete .lp-mc-icon iconify-icon{font-size:18px}.lesson-player .lp-description{margin-top:26px;padding-top:22px;border-top:1px solid var(--border);color:var(--fg-secondary);font-size:14.5px;line-height:1.6}.lesson-player .lp-description h3{font-family:DM Sans;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-tertiary);margin-bottom:12px}.lesson-player .lp-description p{margin-bottom:12px;color:var(--fg-primary)}.lesson-player .lp-description p:last-child{margin-bottom:0}.lp-right-panel{background:var(--bg-card-warm);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;overflow:hidden;min-height:0}.lp-right-panel .lp-tabs{display:flex;padding:24px 24px 16px;gap:6px;border-bottom:1px solid var(--border)}.lp-right-panel .lp-tab{flex:1;padding:12px 14px;border-radius:12px;font-family:DM Sans;font-weight:600;font-size:13px;color:var(--fg-secondary);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .12s ease,color .12s ease;background:transparent;border:none;cursor:pointer}.lp-right-panel .lp-tab:hover{color:var(--fg-primary);background:var(--bg-card)}.lp-right-panel .lp-tab.is-active{background:var(--warm-soft);color:var(--fg-primary)}.lp-right-panel .lp-tab .lp-count{font-size:11px;color:var(--fg-tertiary);font-weight:500}.lp-right-panel .lp-tab.is-active .lp-count{color:var(--fg-secondary)}.lp-right-panel .lp-section-label{text-align:center;font-family:DM Sans;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-tertiary);padding:4px 24px 14px;position:relative}.lp-right-panel .lp-section-label:before,.lp-right-panel .lp-section-label:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:var(--border)}.lp-right-panel .lp-section-label:before{left:24px}.lp-right-panel .lp-section-label:after{right:24px}.lp-right-panel .lp-panel-body{flex:1;overflow-y:auto;padding:16px 24px 12px;min-height:0;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s ease}.lp-right-panel .lp-panel-body:hover,.lp-right-panel .lp-panel-body:focus-within{scrollbar-color:var(--border-strong) transparent}.lp-right-panel .lp-panel-body::-webkit-scrollbar{width:10px;height:10px}.lp-right-panel .lp-panel-body::-webkit-scrollbar-track{background:transparent}.lp-right-panel .lp-panel-body::-webkit-scrollbar-thumb{background:transparent;background-clip:padding-box;border:3px solid transparent;border-radius:999px;-webkit-transition:background .2s ease;transition:background .2s ease}.lp-right-panel .lp-panel-body:hover::-webkit-scrollbar-thumb,.lp-right-panel .lp-panel-body:focus-within::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,transparent 0,transparent calc(50% - 18px),var(--fg-tertiary) calc(50% - 18px),var(--fg-tertiary) calc(50% + 18px),transparent calc(50% + 18px)) padding-box}.lp-right-panel .lp-module{margin-bottom:14px;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:16px;overflow:hidden}.lp-right-panel .lp-module:last-child{margin-bottom:4px}.lp-right-panel .lp-module-head{display:flex;align-items:center;gap:14px;padding:18px 18px 16px;background:var(--bg-card-warm);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;text-align:left;transition:background .1s ease;border-left:none;border-right:none;border-top:none}.lp-right-panel .lp-module-head:hover{background:var(--warm-soft)}.lp-right-panel .lp-module.is-collapsed .lp-module-head{border-bottom-color:transparent}.lp-right-panel .lp-module-chev{flex-shrink:0;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-tertiary);transition:transform .2s ease,background .1s ease;font-size:18px}.lp-right-panel .lp-module.is-collapsed .lp-module-chev{transform:rotate(-90deg)}.lp-right-panel .lp-module-head:hover .lp-module-chev{background:var(--bg-card);color:var(--fg-primary)}.lp-right-panel .lp-module-body{max-height:2000px;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1),padding .2s ease;padding:6px}.lp-right-panel .lp-module.is-collapsed .lp-module-body{max-height:0;padding-top:0;padding-bottom:0}.lp-right-panel .lp-module-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--icon-yellow-soft);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--icon-yellow);position:relative}.lp-right-panel .lp-module-icon iconify-icon{font-size:22px}.lp-right-panel .lp-module.is-complete .lp-module-icon:after{content:"";position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--positive);border:2.5px solid var(--bg-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4L19 6'/%3E%3C/svg%3E");background-size:12px 12px;background-position:center;background-repeat:no-repeat}.lp-right-panel .lp-module-info{flex:1;min-width:0}.lp-right-panel .lp-module-eyebrow{font-family:DM Sans;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-tertiary);margin-bottom:4px}.lp-right-panel .lp-module-title{font-family:DM Sans;font-size:17px;font-weight:700;color:var(--fg-primary);letter-spacing:-.02em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.lp-right-panel .lp-module-progress-row{display:flex;align-items:center;gap:10px}.lp-right-panel .lp-module-progress-bar{flex:1;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.lp-right-panel .lp-module-progress-fill{height:100%;background:linear-gradient(90deg,var(--fg-primary) 0%,var(--fg-secondary) 100%);border-radius:99px}.lp-right-panel .lp-module-progress-fill.is-complete{background:linear-gradient(90deg,var(--positive) 0%,var(--positive) 100%)}.lp-right-panel .lp-module-summary{flex-shrink:0;font-size:11px;color:var(--fg-secondary);font-weight:600;font-family:DM Sans;letter-spacing:-.005em}.lp-right-panel .lp-lesson{width:100%;display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:10px;text-align:left;transition:background .1s ease;position:relative;background:transparent;border:none;cursor:pointer;color:inherit}.lp-right-panel .lp-lesson+.lp-lesson:before{content:"";position:absolute;top:0;left:56px;right:12px;height:1px;background:var(--border)}.lp-right-panel .lp-lesson:after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background .12s ease}.lp-right-panel .lp-lesson:hover:after{background:var(--accent-muted)}.lp-right-panel .lp-lesson:hover .lp-lesson-title{color:var(--fg-primary)}.lp-right-panel .lp-lesson.is-current{background:var(--bg-card-warm)}.lp-right-panel .lp-lesson.is-current:after{background:var(--accent)}.lp-right-panel .lp-lesson.is-current:before,.lp-right-panel .lp-lesson.is-current+.lp-lesson:before{display:none}.lp-right-panel .lp-lesson.is-locked{cursor:not-allowed}.lp-right-panel .lp-lesson.is-locked .lp-lesson-title,.lp-right-panel .lp-lesson.is-locked .lp-lesson-meta{opacity:.42}.lp-right-panel .lp-lesson-icon{flex-shrink:0;width:32px;height:32px;border-radius:10px;background:var(--bg-card-warm);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-secondary);transition:background .1s ease,color .1s ease,border-color .1s ease}.lp-right-panel .lp-lesson-icon iconify-icon{font-size:16px}.lp-right-panel .lp-lesson.is-complete .lp-lesson-icon{background:var(--positive-soft);border-color:var(--positive-soft);color:var(--positive)}.lp-right-panel .lp-lesson.is-current .lp-lesson-icon{background:transparent;border-color:transparent;color:var(--accent)}.lp-right-panel .lp-lesson.is-current .lp-lesson-icon iconify-icon{font-size:26px}.lp-right-panel .lp-lesson-text{flex:1;min-width:0}.lp-right-panel .lp-lesson-title{font-size:14px;font-weight:500;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.lp-right-panel .lp-lesson.is-current .lp-lesson-title{font-weight:600}.lp-right-panel .lp-lesson-meta{font-size:12px;color:var(--fg-tertiary);margin-top:3px}.lp-right-panel .lp-lesson-progress{margin-top:6px;height:3px;background:var(--border);border-radius:99px;overflow:hidden}.lp-right-panel .lp-lesson-progress-fill{height:100%;background:var(--fg-secondary);border-radius:99px}.lp-right-panel .lp-lesson.is-current .lp-lesson-progress-fill{background:var(--fg-primary)}.lp-right-panel .lp-lesson-status{flex-shrink:0;font-size:12px;font-weight:600;font-family:DM Sans;color:var(--fg-tertiary)}.lp-right-panel .lp-lesson.is-complete .lp-lesson-status{color:var(--positive)}.lp-right-panel .lp-lesson.is-current .lp-lesson-status{color:var(--accent);display:inline-flex;align-items:center;gap:5px}.lp-right-panel .lp-lesson.is-current .lp-lesson-status:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:lp-pulse 1.5s ease-in-out infinite}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.4}}.lp-right-panel .lp-comment{display:flex;gap:10px;padding:10px 0}.lp-right-panel .lp-comment-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans;font-weight:600;font-size:12px;color:#fff;margin-top:2px;background:linear-gradient(135deg,var(--dark-warm),var(--fg-secondary))}[data-theme=dark] .lp-right-panel .lp-comment-avatar{color:var(--fg-primary);background:linear-gradient(135deg,var(--fg-tertiary),var(--fg-secondary))}.lp-right-panel .lp-comment-body{flex:1;min-width:0}.lp-right-panel .lp-comment-bubble{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:18px;padding:10px 14px 12px;display:inline-block;max-width:100%}.lp-right-panel .lp-comment-name{font-size:13px;font-weight:600;color:var(--fg-primary);font-family:DM Sans;display:inline-flex;align-items:center;gap:6px;margin-bottom:2px}.lp-right-panel .lp-comment-text{font-size:13.5px;color:var(--fg-primary);line-height:1.45;word-wrap:break-word;white-space:pre-wrap}.lp-right-panel .lp-comment-actions{margin-top:6px;padding-left:14px;display:flex;gap:14px;align-items:center}.lp-right-panel .lp-comment-action{font-size:12px;color:var(--fg-secondary);font-weight:600;background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px;transition:color .1s ease}.lp-right-panel .lp-comment-action:hover{color:var(--fg-primary)}.lp-right-panel .lp-comment-action.is-liked{color:var(--accent)}.lp-right-panel .lp-comment-action.is-liked:hover{color:var(--accent-deep)}.lp-right-panel .lp-comment-time{font-size:12px;color:var(--fg-tertiary);font-weight:500}.lp-right-panel .lp-comment-likes{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-tertiary);background:var(--bg-card-warm);padding:2px 8px;border-radius:99px;margin-left:auto;font-weight:600}.lp-right-panel .lp-comment-likes .lp-heart{width:12px;height:12px;background:var(--accent);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.lp-right-panel .lp-comment-likes .lp-heart iconify-icon{font-size:8px;color:#fff}.lp-right-panel .lp-comments-empty{text-align:center;padding:32px 12px;color:var(--fg-tertiary);font-size:13px}.lp-right-panel .lp-comment-input-wrap{margin:12px 24px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:0 16px 14px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,box-shadow .15s ease;position:relative}.lp-right-panel .lp-comment-input-wrap:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--warm-soft-2)}.lp-right-panel .lp-comment-input-top{display:flex;align-items:flex-start;gap:12px;padding-top:14px}.lp-right-panel .lp-comment-input-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--dark-warm),var(--fg-secondary));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:DM Sans;font-weight:600;font-size:12px;flex-shrink:0}.lp-right-panel .lp-comment-input-field{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:14px;color:var(--fg-primary);padding:8px 0 0;resize:none;min-height:36px;line-height:1.5;font-family:Inter;overflow-y:auto}.lp-right-panel .lp-comment-input-field::-moz-placeholder{color:var(--fg-tertiary)}.lp-right-panel .lp-comment-input-field::placeholder{color:var(--fg-tertiary)}.lp-right-panel .lp-comment-input-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.lp-right-panel .lp-comment-input-tools{display:flex;align-items:center;gap:2px}.lp-right-panel .lp-input-tool{width:32px;height:32px;border-radius:10px;color:var(--fg-tertiary);display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:background .12s ease,color .12s ease}.lp-right-panel .lp-input-tool:hover{color:var(--fg-primary);background:var(--warm-soft-2)}.lp-right-panel .lp-input-tool iconify-icon{font-size:18px}.lp-right-panel .lp-send-btn{height:36px;padding:0 18px;border-radius:99px;background:var(--accent);color:#fff;font-family:DM Sans;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;transition:background .12s ease,opacity .12s ease}.lp-right-panel .lp-send-btn:hover{background:var(--accent-deep)}.lp-right-panel .lp-send-btn:disabled{opacity:.4;cursor:not-allowed}.lp-right-panel .lp-send-btn iconify-icon{font-size:14px}@media(max-width:1024px){.lp-right-panel{border-left:0;border-top:1px solid var(--border-strong);margin-top:4px;padding-top:8px}.lp-right-panel .lp-panel-body{max-height:700px}}@media(max-width:768px){.lp-right-panel .lp-tabs{padding:18px 18px 0}.lp-right-panel .lp-panel-body{padding:0 18px 12px;max-height:none}.lp-right-panel .lp-section-label:before,.lp-right-panel .lp-section-label:after{display:none}.lp-right-panel .lp-module-head{padding:14px;gap:12px}.lp-right-panel .lp-module-icon{width:36px;height:36px}.lp-right-panel .lp-module-title{font-size:16px}.lp-right-panel .lp-lesson{padding:10px 8px;gap:12px}.lp-right-panel .lp-lesson-title{font-size:13.5px}.lp-right-panel .lp-comment-input-wrap{margin:12px 18px 18px}.lesson-player .lp-breadcrumb{margin-left:0;font-size:12px}.lesson-player .lp-title{font-size:19px}.lesson-player .lp-back{width:34px;height:34px}.lesson-player .lp-sub-row{flex-direction:column;align-items:stretch;gap:14px}.lesson-player .lp-mark-complete{justify-content:center}}@media(max-width:480px){.lp-right-panel .lp-panel-body{padding:0 14px 12px}.lp-right-panel .lp-tabs{padding:14px 14px 0}.lp-right-panel .lp-comment-input-wrap{margin:12px 14px 14px;padding:0 12px 12px}}.lp-anon-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border-radius:var(--radius-md);background:var(--warm-soft);border:1px solid var(--border);color:var(--fg-primary);font-size:13px}.lp-anon-banner iconify-icon{flex-shrink:0;font-size:18px;color:var(--accent)}.lp-anon-banner-text{flex:1;line-height:1.45}.lp-anon-banner-cta{flex-shrink:0;height:30px;padding:0 14px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:12px;display:inline-flex;align-items:center;transition:background .12s ease}.lp-anon-banner-cta:hover{background:var(--accent-deep)}.lp-anon-banner-dismiss{flex-shrink:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--icon-muted);transition:color .12s ease,background .12s ease}.lp-anon-banner-dismiss:hover{color:var(--fg-primary);background:var(--warm-soft-2)}.lp-anon-banner-dismiss iconify-icon{font-size:18px}@media(max-width:640px){.lp-anon-banner{flex-wrap:wrap}.lp-anon-banner-text{flex-basis:100%}}.lp-right-panel .lp-comment-actions{flex-wrap:wrap}.lp-right-panel .lp-comment-action-dot{width:3px;height:3px;border-radius:50%;background:var(--fg-tertiary);display:inline-block;opacity:.6}.lp-right-panel .lp-comment.is-pending .lp-comment-bubble{opacity:.65}.lp-right-panel .lp-comment.is-deleted .lp-comment-bubble{font-style:italic;background:transparent;color:var(--fg-tertiary)}.lp-right-panel .lp-comment-ts-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent);border:1px solid transparent;border-radius:999px;padding:1px 8px;font-family:DM Sans,system-ui,sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease;vertical-align:baseline;line-height:1.4}.lp-right-panel .lp-comment-ts-chip iconify-icon{font-size:11px}.lp-right-panel .lp-comment-ts-chip:hover{background:var(--accent);color:#fff}.lp-right-panel .lp-composer-ts-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-family:DM Sans;font-size:11.5px;font-weight:600;margin-right:6px}.lp-right-panel .lp-composer-ts-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;padding:0;margin-left:2px;opacity:.7;transition:opacity .1s ease}.lp-right-panel .lp-composer-ts-chip button:hover{opacity:1}.lp-right-panel .lp-comment-char-counter{font-size:11px;color:var(--fg-tertiary);font-weight:500;font-family:DM Sans}.lp-right-panel .lp-comment-char-counter.is-warn{color:var(--accent)}.lp-right-panel .lp-input-tool.is-active{color:var(--accent);background:var(--accent-soft)}.lp-right-panel .lp-input-tool:disabled{opacity:.4;cursor:not-allowed}.lp-right-panel .lp-replies-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-secondary);background:none;border:none;cursor:pointer;font-weight:600;font-family:DM Sans;margin:4px 0 4px 14px;padding:0;transition:color .1s ease}.lp-right-panel .lp-replies-toggle:hover{color:var(--fg-primary)}.lp-right-panel .lp-replies-toggle iconify-icon{font-size:14px}.lp-right-panel .lp-reply-stack{margin-left:28px;padding-left:18px;border-left:1px solid var(--border);margin-top:2px}.lp-right-panel .lp-reply-stack .lp-comment{padding:8px 0}.lp-right-panel .lp-reply-stack .lp-comment-avatar{width:28px;height:28px;font-size:10.5px}.lp-right-panel .lp-reply-composer-wrap{margin:6px 0 10px 28px;background:var(--bg-card-warm);border:1px solid var(--border);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.lp-right-panel .lp-reply-composer-wrap textarea{width:100%;border:none;outline:none;background:transparent;font:inherit;font-size:13px;color:var(--fg-primary);resize:none;min-height:36px;line-height:1.45}.lp-right-panel .lp-reply-composer-wrap textarea::-moz-placeholder{color:var(--fg-tertiary)}.lp-right-panel .lp-reply-composer-wrap textarea::placeholder{color:var(--fg-tertiary)}.lp-right-panel .lp-reply-composer-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.lp-right-panel .lp-reply-composer-row .lp-send-btn{height:30px;padding:0 14px;font-size:12px}.lp-right-panel .lp-comments-skeleton{padding:8px 0}.lp-right-panel .lp-comment-skel{display:flex;gap:10px;padding:10px 0}.lp-right-panel .lp-comment-skel-avatar{width:36px;height:36px;border-radius:50%;background:var(--warm-soft);flex-shrink:0}.lp-right-panel .lp-comment-skel-bubble{flex:1;height:56px;background:var(--warm-soft);border-radius:18px;position:relative;overflow:hidden}.lp-right-panel .lp-comment-skel-avatar,.lp-right-panel .lp-comment-skel-bubble{animation:lp-skel-pulse 1.4s ease-in-out infinite}@keyframes lp-skel-pulse{0%,to{opacity:.5}50%{opacity:.8}}.lp-right-panel .lp-comments-error{text-align:center;padding:28px 12px;color:var(--fg-secondary);font-size:13px}.lp-right-panel .lp-comments-error button{margin-top:10px;background:var(--warm-soft);border:1px solid var(--border);color:var(--fg-primary);padding:6px 14px;border-radius:999px;font-family:DM Sans;font-weight:600;font-size:12px;cursor:pointer;transition:background .12s ease}.lp-right-panel .lp-comments-error button:hover{background:var(--surface-pressed)}.lp-right-panel .lp-comment-signin{margin:12px 24px 24px;padding:14px 16px;background:var(--warm-soft);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--fg-secondary);display:flex;align-items:center;justify-content:space-between;gap:10px}.lp-right-panel .lp-comment-signin a{background:var(--accent);color:#fff;border-radius:999px;padding:6px 14px;font-family:DM Sans;font-weight:600;font-size:12px}.lp-right-panel .lp-comment-signin a:hover{background:var(--accent-deep)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded{border-radius:.25rem}.italic{font-style:italic}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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)}.\[m\:ss\]{m:ss}:root{--bg-outer: #efece4;--bg-sidebar: #FCFBF6;--bg-card: #ffffff;--bg-card-warm: #fcfbf6;--surface-elevated: #ffffff;--warm-soft: #f4ede2;--warm-soft-2: #faf6ef;--surface-pressed: #EBE3D2;--border: #ece9e1;--border-strong: #ddd9d0;--fg-primary: #14110d;--fg-secondary: #6b6864;--fg-tertiary: #a4a09a;--icon-default: #2a2520;--icon-muted: #7a6f63;--icon-yellow: #D6A338;--icon-yellow-soft: #FBF1D6;--accent: #ff6431;--accent-deep: #e7521e;--accent-muted: #c96c4a;--accent-muted-deep: #a85633;--positive: #1fa971;--positive-soft: #e6f5ec;--accent-soft: #FFEEE6;--dark-warm: #1c1814;--shadow-card: 0 1px 2px rgba(20, 18, 14, .04), 0 30px 70px -22px rgba(20, 18, 14, .14);--radius-xl: 28px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}[data-theme=dark]{--bg-outer: #171716;--bg-sidebar: #1A1A19;--bg-card: #1d1d1b;--bg-card-warm: #1A1A19;--surface-elevated: #1b1b18;--warm-soft: #2C2C2B;--warm-soft-2: #222221;--surface-pressed: #14110f;--border: #2c2c2b;--border-strong: #3a3a39;--fg-primary: #fdfdfb;--fg-secondary: #97958C;--fg-tertiary: #6B6962;--icon-default: #C2C1B6;--icon-muted: #97958C;--icon-yellow: #F5C24B;--icon-yellow-soft: #2b2415;--accent: #ff6431;--accent-deep: #ff7a4a;--accent-muted: #d8835f;--accent-muted-deep: #ba6843;--positive: #2bc586;--positive-soft: #143628;--accent-soft: rgba(255, 100, 49, .12);--dark-warm: #171716;--shadow-card: 0 1px 2px rgba(0, 0, 0, .6), 0 30px 70px -22px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}iconify-icon{display:inline-block;vertical-align:-.125em;line-height:1}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-outer);color:var(--fg-primary);font-size:14px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;padding:28px;transition:background .2s ease,color .2s ease}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:DM Sans,system-ui,sans-serif;letter-spacing:-.02em}@media(max-width:1024px){body{padding:20px}}@media(max-width:768px){body{padding:12px}}@media(max-width:480px){body{padding:0}}