:root{--ivory: #E1E2EA;--cream: #FFFFFF;--coffee: #271419;--coffee-milk: #71707C;--pistachio: #4A5D82;--pistachio-deep: #1E2A45;--pistachio-dark: #3D5A47;--latte: #CBCBD6;--clay: #8C4438;--amber: #B08D52;--shadow: 0 10px 30px rgba(39, 20, 25, .08);--shadow-lift: 0 18px 44px rgba(39, 20, 25, .13);--radius: 16px;--font-body: "Inter", "Segoe UI", sans-serif;--font-display: "Playfair Display", "Inter", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--coffee);background-color:var(--ivory);background-image:radial-gradient(1100px 560px at 88% -8%,rgba(74,93,130,.22),transparent 62%),radial-gradient(900px 640px at -12% 108%,rgba(203,203,214,.6),transparent 58%),radial-gradient(700px 420px at 108% 62%,rgba(203,203,214,.45),transparent 60%);background-attachment:fixed;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:#1e2a4566}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--latte);border-radius:99px;border:2px solid var(--cream)}::-webkit-scrollbar-thumb:hover{background:var(--pistachio)}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 36px}main.site-main{flex:1 0 auto;padding:26px 0 56px}h1,h2,h3{font-weight:700}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--pistachio-deep);outline-offset:2px;border-radius:6px}.site-header{position:sticky;top:0;z-index:40;background:#e1e2eaf0;border-bottom:1px solid var(--latte)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 36px;max-width:1400px;margin:0 auto;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--pistachio),var(--pistachio-deep));display:grid;place-items:center;color:var(--coffee);box-shadow:0 6px 16px #1e2a4559;flex:none}.brand-mark.jd{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.03em}.brand-logo-chip{display:flex;align-items:center;flex:none}.brand-logo-chip img{height:52px;width:auto;display:block}.brand-logo-chip.large img{height:88px}.brand-text .brand-name{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.15;display:block}.brand-text .brand-sub{font-size:11.5px;color:var(--coffee-milk);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.icon-btn{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1.5px solid var(--latte);background:var(--cream);color:var(--coffee-milk);border-radius:12px;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .12s ease;position:relative}.icon-btn:hover:not(:disabled){border-color:var(--pistachio-deep);color:var(--pistachio-dark);background:#4a5d821f}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn .badge-dot{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--clay);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1}.u-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,var(--coffee),#33191F);color:var(--ivory);display:grid;place-items:center;overflow:hidden;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;flex:none}.u-avatar img{width:100%;height:100%;object-fit:cover}.user-chip{display:inline-flex;align-items:center;gap:9px;background:var(--cream);border:1px solid var(--latte);border-radius:99px;padding:5px 12px 5px 5px}.uc-text{display:flex;flex-direction:column;line-height:1.15}.uc-text strong{font-size:12.5px}.uc-text small{font-size:10.5px;color:var(--coffee-milk);text-transform:uppercase;letter-spacing:.04em}.logout-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--latte);color:var(--coffee-milk);transition:color .15s ease,border-color .15s ease,background .15s ease}.logout-btn:hover{color:var(--clay);border-color:var(--clay);background:#8c443814}.card{background:var(--cream);border:1px solid var(--latte);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;transition:box-shadow .25s ease,transform .25s ease}.card.lift:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.card-head .ch-ico{width:36px;height:36px;border-radius:11px;background:#4a5d8240;color:var(--pistachio-dark);display:grid;place-items:center;flex:none}.card-head h2{font-size:15.5px;font-weight:800;letter-spacing:.01em}.card-head .ch-sub{font-size:12px;color:var(--coffee-milk)}.card-head .ch-aside{margin-left:auto}.seg-toggle{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;background:var(--cream);border:1px solid var(--latte);border-radius:14px;padding:4px;gap:3px;box-shadow:var(--shadow)}.seg-toggle-btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:9px 18px;background:transparent;color:var(--coffee);font-size:13.5px;font-weight:700;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .12s ease;white-space:nowrap}.seg-toggle-btn:hover:not(.active){background:#4a5d822e}.seg-toggle-btn:active{transform:scale(.98)}.seg-toggle-btn.active{background:var(--pistachio-deep);color:var(--ivory);box-shadow:0 8px 20px #1e2a4566}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap}.chip.good{background:#3d5a4724;color:var(--pistachio-dark)}.chip.bad{background:#8c443821;color:var(--clay)}.chip.warn{background:#b08d5229;color:#7a5f28}.chip.neutral{background:var(--ivory);color:var(--coffee-milk)}.alert{display:flex;gap:12px;align-items:flex-start;border-radius:13px;padding:13px 15px;border:1px solid}.alert .al-ico{flex:none;margin-top:2px;display:grid;place-items:center}.alert .al-title{font-size:13px;font-weight:800;margin-bottom:2px}.alert .al-text{font-size:12.5px;line-height:1.5}.alert.bad{border-color:#8c443866;background:#8c443812;color:var(--clay)}.alert.good{border-color:#3d5a4759;background:#3d5a4712;color:var(--pistachio-dark)}.alert.warn{border-color:#b08d5266;background:#b08d521a;color:#7a5f28}.alert.info{border-color:#4a5d8266;background:#4a5d821a;color:var(--pistachio-deep)}.progress-track{height:10px;border-radius:99px;background:var(--latte);overflow:hidden}.progress-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pistachio),var(--pistachio-deep));transition:width .5s cubic-bezier(.22,1,.36,1)}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--coffee-milk);margin-bottom:6px;font-weight:600}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--pistachio-deep);color:var(--ivory);border:1px solid var(--pistachio-deep);border-radius:12px;padding:11px 20px;font-size:14px;font-weight:700;transition:background .18s ease,transform .12s ease,box-shadow .18s ease;box-shadow:0 6px 16px #1e2a4559}.btn-primary:hover:not(:disabled){background:#2c3d63;box-shadow:0 10px 22px #1e2a4573}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1.5px solid var(--latte);color:var(--coffee-milk);border-radius:11px;padding:9px 16px;font-size:13px;font-weight:700;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn-ghost:hover:not(:disabled){border-color:var(--pistachio-deep);color:var(--pistachio-dark);background:#4a5d821f}.btn-ghost.danger:hover:not(:disabled){border-color:var(--clay);color:var(--clay);background:#8c443814}.btn-ghost:disabled{opacity:.45;cursor:default}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:700;color:var(--coffee)}.field .f-hint{font-size:11.5px;color:var(--coffee-milk);line-height:1.4}.text-input,.text-area,.select-input{width:100%;background:#fff;border:1.5px solid var(--latte);border-radius:12px;padding:11px 14px;font-size:14.5px;font-weight:600;color:var(--coffee);transition:border-color .18s ease,box-shadow .18s ease}.text-area{resize:vertical;min-height:90px;font-weight:500;line-height:1.5}.text-input:hover,.text-area:hover,.select-input:hover{border-color:var(--pistachio)}.text-input:focus,.text-area:focus,.select-input:focus{outline:none;border-color:var(--pistachio-deep);box-shadow:0 0 0 4px #1e2a452e}.text-input::placeholder,.text-area::placeholder{color:#71707c8c;font-weight:500}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch-track{width:40px;height:22px;border-radius:99px;background:var(--latte);position:relative;transition:background .2s ease;flex:none}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 2px 6px #27141940}.switch.on .switch-track{background:var(--pistachio-deep)}.switch.on .switch-track:after{transform:translate(18px)}.switch-label{font-size:13px;font-weight:600}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:420px}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:6px}.auth-sub{font-size:13px;color:var(--coffee-milk);margin-bottom:22px}.auth-switch{text-align:center;margin-top:16px;font-size:13px;color:var(--coffee-milk)}.auth-switch button{color:var(--pistachio-deep);font-weight:700;background:none;border:none;padding:0}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.course-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.course-cover{height:140px;background:linear-gradient(145deg,var(--pistachio),var(--pistachio-deep));position:relative}.course-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.course-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.course-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--coffee);line-height:1.25}.course-desc{font-size:12.5px;color:var(--coffee-milk);line-height:1.5;flex:1}.course-tree{display:flex;flex-direction:column;gap:8px}.tree-module{border:1px solid var(--latte);border-radius:13px;background:var(--cream);overflow:hidden}.tree-module-head{display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:700;font-size:13.5px;background:#4a5d8214}.tree-module-body{display:flex;flex-direction:column}.tree-lesson{display:flex;align-items:center;gap:12px;padding:11px 14px 11px 30px;border-top:1px solid var(--latte);font-size:13.5px;transition:background .15s ease;text-decoration:none;color:var(--coffee)}.tree-lesson:hover{background:#4a5d8214}.tree-lesson.active{background:#4a5d822e;font-weight:700}.tree-lesson.locked{color:var(--coffee-milk);cursor:not-allowed}.tree-lesson .tl-status{flex:none;display:grid;place-items:center;color:var(--pistachio-dark)}.tree-lesson.locked .tl-status{color:var(--coffee-milk)}.tree-lesson .tl-title{flex:1;min-width:0}.tree-nested{margin-left:16px;border-left:2px dashed var(--latte)}.lesson-player{border-radius:var(--radius);overflow:hidden;background:var(--coffee);box-shadow:var(--shadow-lift)}.lesson-player .ratio-box{position:relative;width:100%;padding-top:56.25%}.lesson-player iframe,.lesson-player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.lesson-empty-video{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ivory);opacity:.6}.video-watermark{position:absolute;bottom:10px;right:14px;pointer-events:none;color:#ffffff8c;font-size:11px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.02em}.lesson-content{font-size:14.5px;line-height:1.7;white-space:pre-wrap}.lesson-image-block img{width:100%;height:clamp(280px,42vw,560px);object-fit:cover;display:block}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}table.data-table th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--coffee-milk);padding:0 12px 10px;border-bottom:1.5px solid var(--latte);white-space:nowrap}table.data-table td{padding:12px;border-bottom:1px solid var(--latte);vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:40px 20px;color:var(--coffee-milk)}.empty-state .es-ico{margin:0 auto 12px;width:52px;height:52px;border-radius:16px;background:var(--ivory);display:grid;place-items:center;color:var(--coffee-milk)}.empty-state h3{font-size:15px;margin-bottom:4px;color:var(--coffee)}.empty-state p{font-size:13px}.cabinet-shell{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start}.icon-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:8px;background:var(--cream);border:1px solid var(--latte);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.icon-nav-btn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:none;background:transparent;color:var(--coffee-milk);text-decoration:none;transition:background .15s ease,color .15s ease}.icon-nav-btn:hover:not(:disabled){background:#4a5d8224;color:var(--pistachio-dark)}.icon-nav-btn.active{background:var(--pistachio-deep);color:var(--ivory)}.icon-nav-btn:disabled{opacity:.35;cursor:not-allowed}.icon-nav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;border-radius:99px;background:var(--clay);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1}.cabinet-content{min-width:0}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.home-main,.home-widgets{min-width:0}.home-section-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:12px}@media(max-width:900px){.home-grid,.cabinet-shell{grid-template-columns:1fr}.icon-nav{position:static;flex-direction:row}}.course-map-track{position:relative;flex:1 1 320px;min-width:260px;overflow-x:auto;padding-top:2px}.map-line-bg{position:absolute;left:22px;right:22px;top:21px;height:2px;background:var(--latte)}.map-row{position:relative;display:flex;justify-content:space-between;gap:10px;z-index:1;min-width:max-content}.map-stage{display:flex;flex-direction:column;align-items:center;gap:7px;width:92px;flex:none}.map-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--cream);border:2px solid var(--latte);color:var(--coffee-milk);transition:background .2s ease,border-color .2s ease,color .2s ease}.map-stage.done .map-dot{background:var(--pistachio-deep);border-color:var(--pistachio-deep);color:var(--ivory)}.map-stage.current .map-dot{background:#fff;border-color:var(--pistachio-deep);color:var(--pistachio-dark);box-shadow:0 0 0 4px #4a5d8238}.map-stage.final .map-dot{background:var(--coffee);border-color:var(--coffee);color:var(--ivory)}.map-label{font-size:11px;font-weight:600;color:var(--coffee-milk);text-align:center;max-width:90px;line-height:1.25}.map-circle{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}.map-circle-label{font-size:10.5px;font-weight:700;color:var(--coffee-milk);text-align:center;max-width:130px;text-transform:uppercase;letter-spacing:.04em}.chat-buttons{gap:10px}.chat-btn{flex:1 1 160px;justify-content:center}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.module-card-cover{height:220px;background:linear-gradient(145deg,var(--pistachio),var(--pistachio-deep));position:relative}.module-card-cover img,.module-card-cover video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.module-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.module-card-meta{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--coffee-milk)}.module-card-title{font-family:var(--font-display);font-size:15.5px;font-weight:700;line-height:1.25}.module-card-btn{margin-top:4px;text-decoration:none}.module-card.featured{background:linear-gradient(150deg,var(--coffee) 20%,#33191F 100%);border-color:#33191f}.module-card.featured .module-card-meta{color:#ffffffbf}.module-card.featured .module-card-title{color:#fff}.module-card.featured .progress-track{background:#fff3}.module-card.featured .progress-label{color:#ffffffbf}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.muted{color:var(--coffee-milk)}.small{font-size:12px}.grow{flex:1}.thread-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--ivory);border:1px solid var(--latte);border-radius:12px;padding:12px 14px;transition:border-color .15s ease}.thread-row:hover{border-color:var(--pistachio)}.thread-row .tr-title{font-weight:700;font-size:13.5px}.thread-row .tr-sub{font-size:12px;color:var(--coffee-milk)}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--clay);flex:none}.chat-conversation{display:flex;flex-direction:column;height:min(560px,70vh)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 4px 10px}.chat-bubble{align-self:flex-start;max-width:78%;background:var(--cream);border:1px solid var(--latte);border-radius:14px 14px 14px 4px;padding:8px 12px}.chat-bubble.own{align-self:flex-end;background:var(--pistachio-deep);color:var(--ivory);border-color:var(--pistachio-deep);border-radius:14px 14px 4px}.chat-bubble-text{font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-bubble-time{font-size:10px;margin-top:4px;opacity:.6}.chat-composer{border-top:1px solid var(--latte);padding-top:10px;margin-top:6px}.lesson-player .player-speed{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--coffee);color:#ffffffb3;font-size:12px}.lesson-player .player-speed span{margin-right:4px}.lesson-player .player-speed button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:700;cursor:pointer}.lesson-player .player-speed button.active{background:#fff;color:var(--coffee);border-color:#fff}.lesson-player .player-host,.lesson-player .player-host iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lesson-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--coffee-milk)}.lesson-crumb{display:inline-flex;align-items:center;gap:4px}.lesson-crumb a{color:inherit;text-decoration:none}.lesson-crumb a:hover{color:var(--coffee)}.lesson-jump{border:1px solid var(--latte);background:var(--cream);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600;color:var(--coffee);max-width:320px}.watch-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--latte);background:var(--cream);border-radius:99px;padding:6px 14px 6px 8px;font-size:13px;font-weight:700;color:var(--coffee-milk)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.lesson-layout.no-notes{grid-template-columns:minmax(0,1fr)}@media(max-width:1000px){.lesson-layout{grid-template-columns:minmax(0,1fr)}}.chapter-bar{display:flex;gap:4px;height:6px}.chapter-seg{position:relative;flex:1;min-width:4px;padding:0;border:none;background:var(--latte);border-radius:99px;overflow:hidden;cursor:pointer}.chapter-seg span{position:absolute;inset:0 auto 0 0;background:var(--pistachio-deep);border-radius:99px;transition:width .25s linear}.resume-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:var(--cream);border:1px solid var(--latte);border-radius:14px;padding:10px 14px;font-size:13.5px;font-weight:600}.resume-bar>span{flex:1;min-width:180px}.viewers-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--coffee-milk)}.viewers-avatars{display:flex}.viewers-avatars .u-avatar{margin-left:-8px;border:2px solid var(--ivory)}.viewers-avatars .u-avatar:first-child{margin-left:0}.notes-panel{position:sticky;top:90px;background:var(--cream);border:1px solid var(--latte);border-radius:var(--radius);box-shadow:var(--shadow);max-height:calc(100vh - 120px);overflow-y:auto}.notes-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;position:sticky;top:0;background:var(--cream);border-bottom:1px solid var(--latte);z-index:1}.notes-head h3{font-size:16px;font-weight:800}.notes-summary{padding:10px 18px 6px;border-bottom:1px solid var(--latte)}.notes-pair{display:flex;align-items:baseline;gap:6px;padding:5px 0;font-size:13px}.notes-pair-label{color:var(--coffee-milk)}.notes-pair-dots{flex:1;border-bottom:1px dotted var(--latte);transform:translateY(-3px)}.notes-pair-value{font-weight:700;white-space:nowrap}.notes-timecodes{padding:8px;display:flex;flex-direction:column;gap:4px}.notes-tc{text-align:left;border:none;background:transparent;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit}.notes-tc:hover{background:#4a5d8214}.notes-tc.active{background:#8c443817}.notes-tc-head{display:flex;align-items:center;gap:10px}.notes-tc-time{background:var(--ivory);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:700;color:var(--coffee-milk);font-variant-numeric:tabular-nums}.notes-tc.active .notes-tc-time{background:var(--clay);color:#fff}.notes-tc-title{font-weight:800;font-size:14px}.notes-tc ul{margin:8px 0 0 4px;padding-left:16px;font-size:13px;color:var(--coffee-milk);line-height:1.5}.continue-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--coffee);color:#fff;border-radius:var(--radius);overflow:hidden;text-decoration:none;min-height:220px;box-shadow:var(--shadow-lift)}.continue-text{padding:26px 30px;display:flex;flex-direction:column;justify-content:center;gap:10px;order:-1}.continue-eyebrow{font-size:13px;opacity:.65}.continue-title{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.15}.continue-desc{font-size:14px;opacity:.8;line-height:1.5;max-width:480px}.continue-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--coffee);border-radius:12px;padding:11px 18px;font-weight:700;font-size:14px;margin-top:6px}.continue-btn b{font-weight:600;opacity:.7}.continue-media{position:relative;background:#1a0e0f;min-height:180px}.continue-media img,.continue-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.75}.continue-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--coffee) 0%,rgba(39,20,25,0) 55%)}.continue-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fff;color:var(--coffee);display:grid;place-items:center}@media(max-width:760px){.continue-hero{grid-template-columns:1fr}.continue-text{order:1}}.module-card-result{font-size:13px;color:var(--coffee-milk);line-height:1.45}.module-progress-row{display:flex;align-items:center;gap:12px}.module-progress-line{flex:1;height:3px;background:var(--latte);border-radius:99px;overflow:hidden}.module-progress-line span{display:block;height:100%;background:var(--clay);border-radius:99px}.module-progress-status{font-size:12.5px;font-weight:600;color:var(--coffee-milk);white-space:nowrap}.module-progress-status.done{color:var(--coffee)}.module-progress-status.locked{opacity:.7}.gauge-wrap{max-width:420px;margin:0 auto}.gauge{width:100%;height:auto;display:block}.gauge-number{font-family:var(--font-display);font-size:46px;font-weight:700;fill:var(--coffee)}.gauge-caption{font-size:13px;fill:var(--coffee-milk)}.gauge-end{font-size:12px;fill:var(--coffee-milk);font-weight:700}.gauge-left{text-align:center;margin:4px 0 18px}.gauge-left-main{font-family:var(--font-display);font-size:20px;font-weight:700}.reward-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px 14px;border-top:1px solid var(--latte);padding-top:20px;margin-top:6px}.reward-step{opacity:.55}.reward-step.reached,.reward-step.next{opacity:1}.reward-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--latte);color:var(--coffee-milk);margin-bottom:8px}.reward-step.reached .reward-ico{background:color-mix(in srgb,var(--clay) 18%,var(--cream));color:var(--clay)}.reward-step.next .reward-ico{background:color-mix(in srgb,var(--pistachio-deep) 22%,var(--cream));color:var(--pistachio-deep)}.reward-points{font-family:var(--font-display);font-size:20px;font-weight:700}.reward-title{font-weight:600;font-size:13.5px;margin-top:4px}.reward-left{color:var(--clay);font-weight:700;font-size:12.5px;margin-top:6px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-label{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--coffee-milk);font-weight:700}.stat-value{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1.1;margin-top:4px}.stat-value span{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--coffee-milk)}.stat-alert{display:inline-flex;align-items:center;gap:8px;color:var(--clay);font-weight:700;font-size:13.5px;text-decoration:none;margin-top:8px}.stat-alert i{width:7px;height:7px;border-radius:50%;background:var(--clay)}.rank-scroll{overflow-x:auto}.rank-table{width:100%;border-collapse:collapse;min-width:820px;font-size:13.5px}.rank-table th{text-align:left;font-size:12.5px;font-weight:600;color:var(--coffee-milk);padding:8px 10px;white-space:nowrap;-webkit-user-select:none;user-select:none}.rank-table th.sortable{cursor:pointer}.rank-table th.sortable:hover{color:var(--coffee)}.rank-table th svg{margin-left:4px;vertical-align:-1px}.rank-table td{padding:10px;border-top:1px solid var(--latte);white-space:nowrap}.rank-table tbody tr:hover{background:#4a5d820f}.rank-num{width:32px;color:var(--coffee-milk)}.rank-points{font-weight:700}.hw-dots{display:flex;gap:3px;max-width:190px;flex-wrap:wrap}.hw-dots i{width:6px;height:6px;border-radius:50%;background:var(--latte);display:block}.hw-dots i.accepted{background:#3d8a4f}.hw-dots i.revision,.hw-dots i.missed{background:var(--clay)}.hw-dots i.pending{background:var(--amber)}.rank-frac{font-variant-numeric:tabular-nums}.tree-module.review-overdue{border-left:4px solid var(--clay);background:#8c44380d}.tg-thread{display:flex;flex-direction:column;gap:8px;background:var(--ivory);border-radius:16px;padding:14px}.tg-bubble{max-width:85%;padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.5;background:#fff;box-shadow:0 1px 2px #0000000f}.tg-bubble.them{align-self:flex-start;border-bottom-left-radius:5px}.tg-bubble.me{align-self:flex-end;border-bottom-right-radius:5px;background:#dce4f5}.tg-bubble.warn{background:#f6e8d8}.tg-bubble.good{background:#e1f0e2}.tg-name{font-size:12px;font-weight:800;color:var(--pistachio-deep);margin-bottom:2px}.tg-meta{font-size:11px;color:var(--coffee-milk);margin-top:4px;text-align:right}.tg-composer-wrap{margin-top:12px}.tg-composer{display:flex;align-items:flex-end;gap:8px;background:var(--cream);border:1px solid var(--latte);border-radius:22px;padding:6px 8px}.tg-composer textarea{flex:1;border:none;outline:none;resize:none;background:transparent;font:inherit;font-size:14px;padding:8px 4px;max-height:180px}.tg-attach,.tg-send{width:36px;height:36px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;flex:none}.tg-attach{background:transparent;color:var(--coffee-milk)}.tg-send{background:var(--pistachio-deep);color:#fff}.tg-send:disabled{opacity:.4;cursor:not-allowed}.praise-card{position:relative;overflow:hidden;border-radius:16px;padding:18px 20px;margin-bottom:12px;background:#e9f1ea;color:var(--coffee);animation:praise-pop .5s cubic-bezier(.2,1.4,.4,1);cursor:pointer}.praise-card.panther{background:linear-gradient(135deg,#2b1a18,#4a2e2a);color:#ede4d3;min-height:130px}.praise-body{position:relative;display:flex;align-items:center;gap:14px;max-width:calc(100% - 140px);z-index:1}.praise-card:not(.panther) .praise-body{max-width:100%}.praise-check{width:46px;height:46px;border-radius:50%;background:#3d8a4f;color:#fff;display:grid;place-items:center;flex:none;animation:praise-check .6s .15s both cubic-bezier(.2,1.6,.4,1)}.praise-card.panther .praise-check{background:#c9a66b;color:#2b1a18}.praise-title{font-weight:800;font-size:16px}.praise-text{font-size:14px;opacity:.85;margin-top:2px}.praise-panther{position:absolute;right:8px;bottom:0;height:120px;filter:drop-shadow(0 0 1px rgba(237,228,211,.9)) drop-shadow(0 0 8px rgba(201,166,107,.35));animation:praise-slide .7s .2s both ease-out}@keyframes praise-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes praise-check{0%{transform:scale(0) rotate(-45deg)}to{transform:scale(1) rotate(0)}}@keyframes praise-slide{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.confetti span{position:absolute;top:-14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--drift),340px,0) rotate(560deg);opacity:0}}.birthday-card{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;border-radius:var(--radius);background:linear-gradient(135deg,#fff6e3,#f6e3d2);border:1px solid #ecd9bd;box-shadow:var(--shadow)}.birthday-img{width:220px;max-width:100%;object-fit:cover;flex:none}.birthday-body{flex:1;min-width:240px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;justify-content:center}.birthday-text{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.3}.birthday-gift{background:#ffffffb3;border-radius:14px;padding:12px 14px;font-size:14px;animation:praise-pop .5s both}.birthday-gift-title{display:flex;align-items:center;gap:6px;font-weight:800;margin-bottom:4px}.birthday-close{position:absolute;top:10px;right:10px;z-index:3;border:none;background:#ffffffb3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.continue-hero{cursor:pointer}.editor-guide{display:grid;gap:4px;background:var(--ivory);border:1px dashed var(--latte);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--coffee-milk);margin-bottom:14px}.editor-guide b{color:var(--coffee)}.module-head{flex-wrap:wrap}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:9px}.icon-btn.danger:hover{color:var(--clay);border-color:var(--clay)}.status-select{border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:700;border:1.5px solid var(--latte);background:var(--cream);cursor:pointer}.status-select.published{border-color:#3d5a4780;color:var(--pistachio-dark);background:#3d5a471a}.status-select.structure_only{border-color:#b08d5299;color:#7a5f28;background:#b08d5224}.status-select.draft{color:var(--coffee-milk)}.module-sub{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:6px 14px;font-size:12.5px;color:var(--coffee-milk);border-bottom:1px solid var(--latte)}.vis-chip{display:inline-flex;align-items:center;gap:5px;font-weight:700}.vis-chip.published{color:var(--pistachio-dark)}.vis-chip.structure_only{color:#7a5f28}.vis-chip.draft{color:var(--clay)}.status-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#b08d5224;border-bottom:1px solid rgba(176,141,82,.35);padding:9px 14px;font-size:13px;font-weight:600;color:#7a5f28}.settings-panel{background:var(--ivory);border-bottom:1px solid var(--latte)}.settings-title{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--coffee-milk)}.skin-ref{--font-display: var(--font-body)}.skin-ref h1{font-weight:700;letter-spacing:-.025em}.skin-ref .btn-primary{box-shadow:none}.skin-ref.flat .card{background:transparent;border:none;padding:0}.ref-section{margin-top:18px}.ref-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:18px;border-bottom:1.5px solid var(--latte)}.ref-section-head h2{font-size:30px;font-weight:700;letter-spacing:-.02em}.ref-section-head span{color:var(--coffee-milk);font-size:15px}.stat-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-band .stat-tile{padding:4px 20px;border-left:1px solid var(--latte)}.stat-band .stat-tile:first-child{border-left:none;padding-left:0}.stat-band .stat-value{font-size:30px}.ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.ach-grid>*{min-width:0}.ach-wide{grid-column:1 / -1}@media(max-width:860px){.ach-grid{grid-template-columns:1fr}}.ach-eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--coffee-milk);font-weight:700;margin-bottom:6px}.ach-screen{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}.ach-screen.single{grid-template-columns:minmax(0,1fr);max-width:560px}.ach-screen:has(.ach-left:empty){grid-template-columns:minmax(0,1fr);max-width:560px}.ach-left:empty{display:none}.ach-right{display:flex;flex-direction:column;gap:20px;min-width:0}@media(max-width:900px){.ach-screen{grid-template-columns:1fr}}.ach-label{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--coffee-milk)}.ach-stat{font-family:var(--font-display);font-size:28px;font-weight:700;margin-top:8px;line-height:1.15}.ach-stat span{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--coffee-milk)}.ach-divider{height:1px;background:var(--latte);margin:18px 0}.ach-progress{height:6px;border-radius:999px;background:var(--latte);margin-top:12px;overflow:hidden}.ach-progress span{display:block;height:100%;background:var(--coffee);border-radius:999px}.ach-h2{font-family:var(--font-display);font-size:24px;font-weight:700}.gift-card .gauge-wrap{max-width:380px;margin:8px auto 0}.gift-card .gauge-left{margin:0 0 20px}.lesson-back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font:inherit;font-size:13px;color:var(--coffee-milk);cursor:pointer}.lesson-back:hover{color:var(--coffee)}.lesson-title{font-family:var(--font-display);font-size:36px;line-height:1.12;letter-spacing:-.01em}.lesson-player{border-radius:24px;overflow:hidden}.chapter-bar{height:5px}.chapter-seg span{background:var(--coffee)}.chapter-seg.now span{background:var(--clay)}.notes-panel{border-radius:24px;box-shadow:none}.notes-head{border-bottom:none;padding:22px 22px 8px;border-radius:24px 24px 0 0}.notes-head h3{font-family:var(--font-display);font-size:20px;font-weight:700}.notes-head .btn-ghost{border-radius:99px;font-size:12.5px;padding:6px 12px}.notes-summary{padding:4px 22px 14px;border-bottom:1px solid var(--latte)}.notes-pair{justify-content:space-between;padding:10px 0;border-bottom:1px dotted var(--latte)}.notes-pair:last-child{border-bottom:none}.notes-pair-dots{display:none}.notes-pair-value{color:var(--coffee)}.notes-timecodes{padding:12px;gap:2px}.notes-tc{padding:12px 14px;display:block;width:100%}.notes-tc-head{align-items:baseline;gap:14px}.notes-tc-time{background:none;border-radius:0;padding:0;font-size:13px;font-weight:800;color:var(--clay);min-width:40px}.notes-tc.active{background:color-mix(in srgb,var(--clay) 9%,var(--cream))}.notes-tc.active .notes-tc-time{background:none;color:var(--clay)}.notes-tc-title{font-size:14.5px;font-weight:800}.notes-tc ul{list-style:none;margin:6px 0 0 54px;padding:0}.notes-tc li{position:relative;padding-left:14px}.notes-tc li:before{content:"–";position:absolute;left:0}.hw-card{border-radius:24px;box-shadow:none;padding:26px 28px}.hw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.hw-eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--coffee-milk)}.hw-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-top:6px}.hw-task{white-space:pre-wrap;line-height:1.55;color:var(--coffee-milk)}.notes-pending{display:flex;gap:12px;align-items:flex-start;padding:8px 22px 24px}.notes-pending svg{flex:none;margin-top:2px}.module-grid.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.module-grid.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.module-grid.lesson-grid{grid-template-columns:minmax(0,1fr)}}.module-grid.lesson-grid .module-card-cover{height:170px}.btn-primary.lesson-wide-btn{align-self:stretch;width:100%;justify-content:center;text-align:center;text-decoration:none;padding-top:16px;padding-bottom:16px;font-size:15.5px}