.activity-main{padding-block:55px 80px}.activity-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}.activity-heading h1{font-size:clamp(2.8rem,6vw,4.6rem);line-height:1.05;margin-bottom:22px}.activity-heading>.plain-button{flex-shrink:0;margin-top:10px}.activity-main h2{font-size:1.6rem;letter-spacing:-.03em;margin:0 0 12px}.activity-note{font-size:.9rem;color:var(--muted);line-height:1.6}.activity-status{min-height:1.4em;color:var(--blue);font-size:.93rem}.activity-filters{display:flex;gap:20px;align-items:end;padding:22px;background:white;border:1px solid var(--line);border-radius:14px;margin-block:20px}.activity-filters label,.question-filters label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:600}.activity-filters select,.activity-filters input,.question-filters select,.question-filters input{border:1px solid #8993a7;background:var(--paper);border-radius:8px;padding:11px 12px;font:inherit;color:var(--ink);min-height:44px;min-width:0;width:100%}.activity-filters select{min-width:180px}.history-search{flex:1}.activity-links{display:flex;gap:24px;flex-wrap:wrap;margin-block:18px}.activity-links a,.video-preview a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.watch-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.watch-metric{padding:20px;border:1px solid var(--line);border-radius:12px;background:white;display:grid;gap:6px}.watch-metric span{font-size:.88rem;color:var(--muted)}.watch-metric strong{font-size:2rem;font-weight:600}.watch-list{display:grid;gap:16px;margin-top:22px}.watch-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px}.watch-artwork{display:block;border:0;padding:0;border-radius:9px;overflow:hidden;background:#e8e8e4;cursor:pointer;width:100%;aspect-ratio:16/9;height:auto;align-self:start}.watch-artwork img{width:100%;height:100%;object-fit:cover;display:block}.watch-copy{min-width:0}.watch-copy h3{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 7px;overflow-wrap:anywhere}.watch-copy p{margin:5px 0;overflow-wrap:anywhere}.watch-meta{font-size:.85rem;color:var(--muted)}.watch-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.watch-actions button{min-height:40px;padding:8px 13px;font-size:.84rem;background:transparent;border:1px solid #68738a;border-radius:20px;cursor:pointer;color:var(--ink)}.watch-actions button:hover{background:var(--yellow)}.watch-actions button[aria-pressed=true]{background:#fff0e7;border-color:#b66d45}.watch-badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0}.watch-badge{background:#eef0f7;border-radius:20px;padding:3px 10px;font-size:.78rem}.watch-badge.completed{background:var(--blue-soft);color:var(--blue)}.watch-badge.blocked{background:#fff0e7;color:#824825}.activity-empty{padding:26px;border:1px dashed #9aa4b8;border-radius:12px;color:var(--muted)}.question-section{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}.question-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-top:24px}.question-filters label{flex:1;min-width:145px}.question-filters .plain-button{min-height:44px}.question-list{display:grid;gap:15px;margin-block:20px}.question-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:white}.question-card h3{font-size:1.06rem;letter-spacing:-.01em;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.question-card p{white-space:pre-wrap;overflow-wrap:anywhere}.question-card details{margin-top:14px}.question-card summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:34px}.question-attempts{padding-left:24px;font-size:.9rem}.question-attempts li{padding-block:5px}.question-attempts time{display:block;font-size:.8rem;color:var(--muted)}.video-preview{width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:24px;color:var(--ink)}.video-preview::backdrop{background:#182238b8}.preview-heading{display:flex;gap:20px;align-items:start;justify-content:space-between;margin-bottom:20px}.preview-heading h2{font-size:1.35rem;line-height:1.4;overflow-wrap:anywhere;margin:0}.preview-heading button{flex-shrink:0}.preview-player{aspect-ratio:16/9;background:#111;border-radius:8px;overflow:hidden}.preview-player iframe{border:0;width:100%;height:100%;display:block;min-height:200px}.video-preview:focus-visible,.activity-main :focus-visible,.video-preview :focus-visible{outline:3px solid var(--blue);outline-offset:4px}.activity-main button,.video-preview button{font-family:inherit}.video-preview [hidden],.activity-main [hidden]{display:none!important}@media(max-width:700px){.activity-heading{display:block}.activity-heading>.plain-button{margin-top:0}.activity-filters{flex-wrap:wrap;padding:18px}.activity-filters label{width:100%}.watch-card{grid-template-columns:135px minmax(0,1fr);padding:16px;gap:14px}.watch-metric{padding:14px}.watch-metric strong{font-size:1.7rem}.watch-metrics{gap:8px}.video-preview{padding:18px}.preview-heading{flex-direction:column;gap:12px}.preview-player iframe{min-height:0}.activity-main{padding-top:35px}}@media(max-width:440px){.watch-card{grid-template-columns:1fr}.watch-artwork{max-width:250px}.watch-metric span{font-size:.76rem}.watch-metric{padding:12px}.question-filters label{min-width:calc(50% - 8px)}.question-filters{gap:12px}.question-card{padding:17px}}
.activity-confirmation{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:26px;background:var(--paper);color:var(--ink)}.activity-confirmation::backdrop{background:#182238b8}.activity-confirmation h2{font-size:1.4rem;line-height:1.4;margin:0 0 15px}.activity-confirmation p{line-height:1.6;overflow-wrap:anywhere}.activity-confirmation :focus-visible{outline:3px solid var(--blue);outline-offset:4px}.activity-confirmation .watch-actions{justify-content:flex-end;gap:12px;margin-top:24px}.activity-confirmation button{font:inherit;min-height:44px}

.activity-date-filters{padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:white;margin-block:18px 8px}.activity-date-filters label{flex:1 1 180px;min-width:0;max-width:240px}.activity-date-filters .plain-button{min-height:44px}@media(max-width:440px){.activity-date-filters{padding:16px}.activity-date-filters label{flex:1 1 calc(50% - 8px);max-width:none}.activity-date-filters .plain-button{flex:1}}

.review-context{position:sticky;top:0;z-index:5;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.review-context .activity-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.review-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.review-context .activity-note{margin-bottom:0}@media(max-width:540px){.review-context .activity-filters{grid-template-columns:1fr 1fr}.review-context .activity-filters label:last-child{grid-column:1/-1}}

.review-context .activity-filters label{min-width:0}.review-context .activity-filters select,.review-context .activity-filters input{min-width:0;max-width:100%;box-sizing:border-box}

.activity-status:empty{display:none}

.trivia-map{display:block;width:100%;max-width:640px;height:auto;border-radius:16px;margin:12px 0}