[data-view='tasks'] .tasks-hero { grid-template-columns: minmax(0, 1fr) 106px; min-height: 164px; gap: 10px; padding: 6px 0 16px; }
.tasks-hero h2 { font-size: 23px; font-weight: 700; line-height: 1.3; }
.tasks-hero p { font-size: 12px; line-height: 1.5; color: #a5bcb6; }
.task-clipboard { width: 106px; height: 130px; filter: drop-shadow(0 10px 14px #0008); }
.tasks-partnership { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; margin: 4px 0 16px; padding: 12px 16px; border: 1px solid #7b968b45; border-radius: 8px; background: linear-gradient(145deg, #292e2e, #181d1d 65%, #1c2521); box-shadow: inset 0 1px 0 #ffffff0b, inset -8px 0 18px -15px #59ffae99, 0 0 12px #3dff9310; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.5; text-align: left; color: #d1dbd6; text-decoration: none; }
.tasks-partnership svg { flex: 0 0 21px; width: 21px; height: 21px; color: #8ac8a6; }
.partnership-art { flex: 0 0 34px; width: 34px; height: 34px; object-fit: contain; filter: drop-shadow(0 2px 4px #0008); }
.partnership-copy { flex: 1; min-width: 0; font-size: 11px; line-height: 1.6; }
.partnership-copy strong { display: inline-block; color: #8fdcb3; font-size: 11px; font-weight: 600; }
.tasks-partnership:active { background: #242d29; }
.tasks-partnership:focus-visible { outline: 2px solid #83d4ac; outline-offset: 3px; }
.chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; margin: 0 0 18px; border-bottom: 1px solid #6c8d7f42; background: #05100db3; border-radius: 6px; }
.chip { min-height: 38px; padding: 0 10px; border-radius: 4px; font-size: 12px; font-weight: 600; background: none; color: #96ada4; }
.chip.is-active { background: linear-gradient(145deg, #254c3a, #123022); color: #bcffdc; box-shadow: inset 0 1px 0 #c2ffe61a; }
.task-list { gap: 14px; }
[data-view='tasks'] .task-card { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; padding: 13px 12px; align-items: center; border-radius: 8px; border: 1px solid #8dadab38; background: linear-gradient(150deg, #d1fff70b, transparent 24%), linear-gradient(110deg, #0b211bfa, #040e0df5 52%, #0b372af0); box-shadow: inset 7px 0 16px -13px #26ffb177, inset -7px 0 16px -13px #26ffb155, inset 0 1px 0 #c9fff21a, 0 8px 20px #0005; }
[data-view='tasks'] .task-card::before, [data-view='tasks'] .task-card::after { display: none; }
.task-art { width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 5px 7px #0007); }
.task-card h3 { font-size: 14px; line-height: 1.35; font-weight: 600; overflow-wrap: anywhere; }
.task-card p { font-size: 11px; line-height: 1.35; margin-top: 4px; color: #a5bcb6; }
.task-card .task-reward { display: flex; align-items: center; gap: 4px; margin-top: 3px; font-size: 11px; font-weight: 600; color: #f5d878; }
.task-reward img { width: 17px; height: 17px; object-fit: contain; }
.task-card button.ghost { min-height: 34px; padding: 0 10px; border-radius: 6px; border: 1px solid #80c7a44d; background: linear-gradient(145deg, #254636, #11291e); color: #b4ffda; font-size: 11px; font-weight: 600; }
.task-card button:disabled { opacity: .65; }
.task-card button:active { transform: translateY(1px); }
@media (max-width: 360px) {
  .tasks-hero h2 { font-size: 20px; }
  [data-view='tasks'] .tasks-hero { grid-template-columns: minmax(0, 1fr) 90px; }
  .task-clipboard { width: 90px; height: 116px; }
  [data-view='tasks'] .task-card { gap: 9px; }
}