:root{--reward-gold: #f59e0b;--reward-gold-light: #fef3c7;--success-green: #10b981;--danger-red: #ef4444;--muted: #6b7280;--border-light: #e5e7eb}.timer-bar{background:var(--pico-muted-border-color);padding:.4rem 1rem;text-align:center;font-size:.85rem;color:var(--muted)}.timer-bar.paused{background:var(--reward-gold-light);color:var(--reward-gold);font-weight:600}.progress-container{margin-bottom:1.5rem}.progress-bar-track{background:var(--pico-muted-border-color);border-radius:999px;height:12px;overflow:hidden}.progress-bar-fill{background:var(--pico-primary);height:100%;border-radius:999px;transition:width .5s ease}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:992px){.lesson-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.lesson-grid{grid-template-columns:1fr}}.lesson-card{border:1px solid var(--border-light);border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s;position:relative}.lesson-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.lesson-card.locked{cursor:not-allowed}.lesson-card.locked .lesson-card-body{opacity:.5}.lesson-card.locked:hover{transform:none;box-shadow:none}.lesson-card.reward{border-color:var(--reward-gold);border-width:2px}.lesson-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:var(--pico-muted-border-color);overflow:hidden}.lesson-card-thumbnail img{width:100%;height:100%;object-fit:cover}.lesson-card-overlay{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.lesson-card-overlay.locked{background:#dc2626;color:#fff;box-shadow:0 2px 6px #dc262680}.lesson-card-overlay.current{background:var(--pico-primary);color:#fff;box-shadow:0 2px 6px #0064c866}.lesson-card.locked .lesson-card-thumbnail{position:relative}.lesson-card.locked .lesson-card-thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff73;z-index:1}.lesson-card-thumbnail-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff73;z-index:1}.lesson-card-overlay.completed{background:var(--success-green);color:#fff}.lesson-card-overlay.pending{background:var(--reward-gold);color:#fff}.lesson-card-body{padding:1rem}.lesson-card-body h4{margin-bottom:.5rem;font-size:.95rem}.lesson-card-body p{font-size:.85rem;color:var(--muted);margin-bottom:0}.social-proof{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--pico-card-background-color);border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.avatar-stack{display:flex}.avatar-stack img{width:32px;height:32px;border-radius:50%;border:2px solid white;margin-left:-8px}.avatar-stack img:first-child{margin-left:0}.pending-review-banner{background:var(--pico-card-background-color);border:1px solid var(--border-light);border-left:4px solid var(--reward-gold);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.lesson-page{background:#f0f2f5;min-height:100vh}.lesson-page .container{max-width:960px}.lesson-card-box{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:1.5rem;margin-bottom:1.25rem}.video-container{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:0}.video-card{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;overflow:hidden;margin-bottom:1.25rem}.video-card .video-container{border-radius:0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.lesson-nav-buttons{display:flex;gap:.75rem;margin-bottom:1.25rem}.lesson-nav-buttons a,.lesson-nav-buttons button,.lesson-nav-buttons span{flex:1;text-align:center;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lesson-nav-buttons .btn-dark{background:#2d3748;color:#fff}.lesson-nav-buttons .btn-dark:hover{background:#1a202c}.lesson-nav-buttons .btn-primary{background:var(--pico-primary);color:#fff}.lesson-nav-buttons .btn-primary:hover{opacity:.9}.lesson-nav-buttons .btn-locked{opacity:.5;cursor:not-allowed}.lesson-nav-buttons .btn-locked:hover{opacity:.5}.feed-item{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:1.25rem;margin-bottom:1rem}.feed-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.feed-item-header img{width:32px;height:32px;border-radius:50%}.feed-item-header .name{font-weight:600;font-size:.9rem}.feed-item-header .team-tag{color:#e53e3e;font-weight:600;font-size:.85rem}.feed-item-header .date{color:var(--muted);font-size:.8rem;margin-left:auto}.feed-item .reply-link{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--muted);text-decoration:none;cursor:pointer}.feed-item .reply-link:hover{color:var(--pico-primary)}.feed-reply{margin-top:.75rem;margin-left:2.5rem;padding:1rem;background:#f7f8fa;border-radius:8px;border-left:3px solid var(--pico-primary)}.lesson-footer{background:#e2e8f0;text-align:center;padding:1.5rem 1rem;color:var(--muted);font-size:.85rem}.lesson-footer a{color:var(--muted);text-decoration:underline}.star-rating{display:flex;gap:4px}.star-rating .star{font-size:1.5rem;cursor:pointer;color:var(--border-light);transition:color .15s;background:none;border:none;padding:0}.star-rating .star.filled{color:var(--reward-gold)}.ban-screen{text-align:center;padding:4rem 1rem;max-width:600px;margin:0 auto}.negative-timer{font-size:1.5rem;font-weight:700;color:var(--danger-red);font-variant-numeric:tabular-nums;margin:1.5rem 0}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:var(--pico-card-background-color);border-right:1px solid var(--border-light);padding:1rem;position:fixed;top:0;bottom:0;overflow-y:auto}.admin-sidebar nav a{display:block;padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:inherit;font-size:.9rem;margin-bottom:2px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:var(--pico-primary-focus)}.admin-content{flex:1;margin-left:220px;padding:2rem}.kanban-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.kanban-column{min-width:160px;flex:1;background:var(--pico-card-background-color);border-radius:8px;padding:.6rem}.kanban-column h5{font-size:.8rem;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card{background:#fff;border:1px solid var(--border-light);border-radius:6px;padding:.5rem .75rem;margin-bottom:.5rem;cursor:pointer;font-size:.85rem;transition:box-shadow .15s}.kanban-card:hover{box-shadow:0 2px 8px #00000014}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-active{background:#dcfce7;color:#166534}.badge-pending{background:var(--reward-gold-light);color:#92400e}.badge-completed{background:#dbeafe;color:#1e40af}.badge-banned,.badge-unreplied{background:#fee2e2;color:#991b1b}.badge-replied{background:#dcfce7;color:#166534}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%}.text-muted{color:var(--muted)}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-2{margin-top:1rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.lesson-progress-item{border:1px solid var(--border-light);border-radius:8px;padding:1rem;margin-bottom:1rem}.lesson-progress-item .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.instruction-card ol{margin-bottom:0}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.nav-buttons{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--pico-card-background-color);border:1px solid var(--border-light);border-radius:8px;padding:1rem;text-align:center}.stat-card .number{font-size:2rem;font-weight:700;line-height:1}.stat-card .label{font-size:.8rem;color:var(--muted);margin-top:.25rem}.funnel-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.funnel-bar .label{width:180px;font-size:.85rem;text-align:right;flex-shrink:0}.funnel-bar .bar{flex:1;height:24px;background:var(--pico-muted-border-color);border-radius:4px;overflow:hidden}.funnel-bar .bar-fill{height:100%;background:var(--pico-primary);border-radius:4px;transition:width .5s}.funnel-bar .count{width:60px;font-size:.85rem;color:var(--muted)}.tiptap{outline:none;min-height:200px}.tiptap>*:first-child{margin-top:0}.tiptap p.is-editor-empty:first-child:before{color:var(--muted);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tiptap h1,.tiptap h2,.tiptap h3{margin-top:1rem;margin-bottom:.5rem}.tiptap p{margin-bottom:.75rem}.tiptap ul,.tiptap ol{padding-left:1.5rem;margin-bottom:.75rem}.tiptap blockquote{border-left:3px solid var(--pico-primary);padding-left:1rem;margin-left:0;color:var(--muted)}.tiptap img{max-width:100%;height:auto;border-radius:6px;margin:.5rem 0}.tiptap a{color:var(--pico-primary);text-decoration:underline}.tiptap hr{border:none;border-top:1px solid var(--border-light);margin:1.5rem 0}