.taskCard{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:30px;flex-direction:column;gap:22px;padding:26px 34px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000000d,inset 0 1px #fff6,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff40,inset -1px 0 #ffffff40}.taskCard:hover{background:#ffffff26;box-shadow:0 6px 16px #00000014,inset 0 1px #fff6,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff40,inset -1px 0 #ffffff40}.taskHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.taskTitleRow{flex:1;align-items:center;gap:12px;display:flex}.taskTitle{color:#000;margin:0;font-size:22px;font-weight:600;line-height:1.3}.taskSource{color:#666;white-space:nowrap;text-align:right;flex-shrink:0;align-self:center;margin:0 0 0 auto;font-size:15px;font-weight:500}.taskHeaderActions{flex-shrink:0;align-items:center;gap:8px;display:flex}.taskIconButton{cursor:pointer;width:36px;height:36px;color:rgb(var(--subject-rgb));background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.taskIconButton:hover{background:#ffffff4d;transform:scale(1.05)}.infoButton{position:relative}.infoTooltip{-webkit-backdrop-filter:blur(12px);z-index:100;white-space:normal;background:#ffffff59;border:1px solid #ffffff40;border-radius:12px 12px 12px 0;min-width:240px;max-width:320px;padding:12px 16px;animation:.2s ease-in-out fadeIn;position:absolute;bottom:30px;left:calc(100% + 8px);box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a}.tooltipRow{grid-template-columns:auto 1fr;align-items:baseline;gap:12px;font-size:14px;line-height:1.5;display:grid}.tooltipRow+.tooltipRow{margin-top:6px}.tooltipLabel{color:#666;white-space:nowrap;font-weight:500}.tooltipValue{color:#1a1a1a;word-wrap:break-word;overflow-wrap:break-word;text-align:right;font-weight:600}.taskId{flex-shrink:0;align-self:center;font-size:18px;font-weight:500}.taskContent{color:#1a1a1a;font-size:17px;line-height:1.6}.taskContent img,.solutionText img,.answerText img{object-fit:contain;vertical-align:middle;border-radius:12px;max-width:400px;max-height:400px;margin:0 4px;display:inline-block}.taskContent img[data-width],.solutionText img[data-width],.answerText img[data-width]{max-width:100%;height:auto;max-height:none}.taskContent p,.solutionText p,.answerText p{margin:8px 0}.taskContent ul,.taskContent ol,.solutionText ul,.solutionText ol,.answerText ul,.answerText ol{margin:8px 0;padding-left:24px}.taskContent ul,.solutionText ul,.answerText ul{list-style-type:disc}.taskContent ol,.solutionText ol,.answerText ol{list-style-type:decimal}.taskContent li,.solutionText li,.answerText li{margin:4px 0}.taskContent strong,.solutionText strong,.answerText strong{font-weight:600}.taskContent em,.solutionText em,.answerText em{font-style:italic}.taskContent blockquote,.solutionText blockquote,.answerText blockquote{border-left:4px solid rgba(var(--subject-rgb),.5);background:rgba(var(--subject-rgb),.05);border-radius:8px;margin:12px 0;padding:12px 16px}.taskContent h1,.taskContent h2,.taskContent h3,.taskContent h4,.taskContent h5,.taskContent h6,.solutionText h1,.solutionText h2,.solutionText h3,.solutionText h4,.solutionText h5,.solutionText h6,.answerText h1,.answerText h2,.answerText h3,.answerText h4,.answerText h5,.answerText h6{margin:16px 0 8px;font-weight:600}.taskContent .katex,.solutionText .katex,.answerText .katex{font-size:1.1em}.taskContent .katex-display,.solutionText .katex-display,.answerText .katex-display{margin:12px 0}.taskContent [style*="text-align: left"],.solutionText [style*="text-align: left"],.answerText [style*="text-align: left"]{text-align:left!important}.taskContent [style*="text-align: center"],.solutionText [style*="text-align: center"],.answerText [style*="text-align: center"]{text-align:center!important}.taskContent [style*="text-align: right"],.solutionText [style*="text-align: right"],.answerText [style*="text-align: right"]{text-align:right!important}:is(.taskContent p:has(>img[style*="text-align: left"]),.solutionText p:has(>img[style*="text-align: left"]),.answerText p:has(>img[style*="text-align: left"])){text-align:left!important}:is(.taskContent p:has(>img[style*="text-align: center"]),.solutionText p:has(>img[style*="text-align: center"]),.answerText p:has(>img[style*="text-align: center"])){text-align:center!important}:is(.taskContent p:has(>img[style*="text-align: right"]),.solutionText p:has(>img[style*="text-align: right"]),.answerText p:has(>img[style*="text-align: right"])){text-align:right!important}.taskContent p[style*="text-align: center"]>img,.solutionText p[style*="text-align: center"]>img,.answerText p[style*="text-align: center"]>img{margin:0 auto}.taskContent p[style*="text-align: right"]>img,.solutionText p[style*="text-align: right"]>img,.answerText p[style*="text-align: right"]>img{margin-left:auto}.taskContent p[style*="text-align: left"]>img,.solutionText p[style*="text-align: left"]>img,.answerText p[style*="text-align: left"]>img{margin-right:auto}.taskAnswer{color:#333;opacity:0;background:#00000008;border:1px solid #0000000f;border-radius:16px;padding:12px 16px;font-size:15px;animation:.3s ease-in-out fadeIn}.taskAnswerVisible{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.taskActions{gap:12px;margin-top:8px;display:flex}.showAnswerButton{color:#1a1a1a;-webkit-backdrop-filter:blur(12px);cursor:pointer;white-space:normal;word-break:break-word;text-align:left;background:#ffffff59;border:1px solid #ffffff40;border-radius:30px;max-width:fit-content;padding:11px 26px;font-size:16px;font-weight:600;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a}.showAnswerButton:hover{color:rgb(var(--subject-rgb));background:#ffffff73;box-shadow:0 6px 20px #0000001f,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a}.taskContentSection{color:#1a1a1a;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;gap:24px;margin-top:16px;padding:17px 21px;font-size:16px;line-height:1.6;animation:.3s ease-in-out slideDown;display:flex}.contentBlock{flex-direction:column;gap:12px;display:flex}.contentBlockTitle{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.solutionText,.answerText{color:#1a1a1a;font-size:17px;line-height:1.6}.noContent{color:#6b7280;margin:0;font-style:normal}.materialsContent{flex-direction:column;gap:12px;display:flex}.materialItem{color:#1a1a1a;margin:0;font-size:15px;line-height:1.6}.materialLabel{color:#1a1a1a;font-weight:600}.materialLink{color:rgb(var(--subject-rgb));word-break:break-all;text-decoration:none;transition:opacity .2s}.materialLink:hover{opacity:.8;text-decoration:underline}.videoSourceToggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:30px;flex-shrink:0;gap:6px;width:fit-content;margin-bottom:16px;padding:6px;display:flex;box-shadow:0 4px 12px #0000000d,inset 0 1px #fff6,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff40,inset -1px 0 #ffffff40}.videoSourceBtn{color:#1a1a1ad9;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:1px solid #0000;border-radius:50px;min-width:85px;padding:8px 20px;font-size:15px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s,border-color .25s}.videoSourceBtn.active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgb(var(--subject-rgb));box-shadow:0 2px 12px rgba(var(--subject-rgb),.2);background:#fff3;border-color:#fff3}.videoSourceBtn:hover:not(.active){color:#1a1a1a;background:#ffffff1f}@media (max-width:1550px){.videoSourceToggle{gap:5px;margin-bottom:14px;padding:5px}.videoSourceBtn{min-width:80px;padding:7px 18px;font-size:14px}}.videoWrapper{background:#000;border-radius:16px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.videoWrapper.hidden{display:none}.videoWrapper.active{display:block}.videoWrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.emptyVideoPlaceholder{justify-content:flex-start;align-items:center;padding:0;display:flex}.emptyVideoText{color:#6b7280;font-size:16px;font-weight:400}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1550px){.taskCard{gap:20px;padding:24px 32px}.taskTitle{font-size:20px}.taskId{font-size:15px}.taskContent{font-size:16px}.showAnswerButton{padding:10px 22px;font-size:15px}.contentBlockTitle{font-size:17px}.solutionText,.answerText{font-size:16px}.taskContentSection{gap:20px;padding:15px 19px}.actionButton{padding:10px 24px;font-size:15px}.accordionButton{padding:14px 20px;font-size:15px}.accordionIcon{font-size:14px}.accordionContent{padding:16px 20px;font-size:15px}}@media (max-width:768px){.taskCard{border-radius:24px;padding:20px 24px}.taskTitle{font-size:18px}.taskContent{font-size:15px}.taskActions{flex-direction:column}.actionButton{text-align:center;width:100%}.taskAccordionsContainer{grid-template-columns:1fr}}@keyframes scale-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.taskContent .columns,.solutionText .columns,.answerText .columns{justify-content:flex-start;align-items:flex-start;gap:1%;width:100%;margin:16px 0;display:flex}.taskContent .columns[data-align=center],.solutionText .columns[data-align=center],.answerText .columns[data-align=center]{justify-content:center}.taskContent .columns[data-align=right],.solutionText .columns[data-align=right],.answerText .columns[data-align=right]{justify-content:flex-end}.taskContent .columns[data-valign=middle],.solutionText .columns[data-valign=middle],.answerText .columns[data-valign=middle]{align-items:center}.taskContent .columns[data-valign=bottom],.solutionText .columns[data-valign=bottom],.answerText .columns[data-valign=bottom]{align-items:flex-end}.taskContent .columns .column,.solutionText .columns .column,.answerText .columns .column{word-break:break-word;overflow-wrap:break-word;background:0 0;border:none;min-width:0;min-height:auto;padding:8px;position:relative}.taskContent .column-controls,.solutionText .column-controls,.answerText .column-controls{display:none}.taskContent .columns .column .columns,.solutionText .columns .column .columns,.answerText .columns .column .columns{gap:12px;margin:8px 0}
