.challenge-app{--challenge-accent:#7cdbd0}.challenge-hero{position:relative;padding:35px;margin:20px 0 25px;border:1px solid #79c8cd66;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#39b8bd32,transparent 65%),linear-gradient(135deg,#193b54,#0b1c32);box-shadow:inset 0 2px #d2fbff33,0 5px 0 #061b2b,0 17px 35px #0003;overflow:hidden}.challenge-hero h1{font-size:clamp(33px,4.4vw,57px);font-weight:800;letter-spacing:-1.6px;margin:12px 0 18px;max-width:900px}.challenge-hero>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:800px;color:#bcd8e6}.challenge-hero .eyebrow{color:#91e8d6;font-size:11px;letter-spacing:2px}.challenge-hero-icon{float:right;color:#8ae0d8;filter:drop-shadow(0 0 15px #58cbb888)}.challenge-hero-icon .ui-icon{width:75px;height:75px}.challenge-state{display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:13px;color:#b7d3e5}.challenge-state>strong{color:#9cebd6}.challenge-controls{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin:25px 0}.challenge-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.challenge-sidebar{padding-top:35px;display:grid;gap:23px}.challenge-sidebar h2{font-size:26px;letter-spacing:-.8px;margin:12px 0 20px}.challenge-sidebar .eyebrow{font-size:10px;color:#8bdcd0;letter-spacing:1.5px}.challenge-score{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid #7aa7bb33}.challenge-score>div{display:grid;gap:7px}.challenge-score strong{font-size:14px}.challenge-score span{font-size:11px;color:var(--ref-muted)}.challenge-score>b{font-size:29px;color:#8de0cf}.challenge-how ol{padding-left:20px;line-height:2;font-size:13px;color:var(--ref-muted)}.challenge-preset ul{font-size:12px;color:var(--ref-muted);line-height:1.8;padding-left:18px;min-height:85px}.challenge-preset .family-primary{margin-top:12px}.challenge-round-card .family-small{margin-top:10px}.challenge-round-card p{max-height:75px;overflow:hidden}.challenge-mission{margin-bottom:23px}.challenge-mission .family-form{padding:20px 0}.challenge-mission h3{font-size:24px}.challenge-mission>.family-card-top>strong{color:#8bded0;font-size:13px}.challenge-own-proof{border:1px solid #83b9cb33;border-radius:10px;padding:15px;margin-top:18px;background:#6e9dc90a}.proof-state{display:inline-flex;font-size:12px;font-weight:750;color:#e5cd93}.proof-Accepted{color:#8cddbc}.proof-Rejected{color:#f0a5b6}.challenge-own-proof img,.challenge-approved img{display:block;width:100%;max-width:300px;max-height:200px;object-fit:contain;border-radius:8px;margin-top:14px;background:#081a2b}.challenge-approved{padding:16px 0;border-bottom:1px solid #83b9cb33;font-size:13px}.challenge-approved>strong{color:#a8dcd5}.challenge-review{margin:35px 0}.challenge-review-photo{width:100%;height:220px;object-fit:contain;border-radius:10px;border:1px solid #83b9cb33;background:#081a2b}.challenge-review .family-card-top{font-size:12px}.challenge-review .family-content-card h3{font-size:18px}html[data-theme=light] .challenge-hero{background:radial-gradient(ellipse at 100% 0,#b0e5e940,transparent 65%),linear-gradient(#fff,#edf6fb);border-color:#a5c9d6;box-shadow:inset 0 2px #fff,0 5px 0 #d5e4ee,0 17px 35px #385e7e15}html[data-theme=light] .challenge-hero>p:not(.eyebrow),html[data-theme=light] .challenge-state{color:#4a6e87}html[data-theme=light] .challenge-hero .eyebrow,html[data-theme=light] .challenge-state>strong,html[data-theme=light] .challenge-sidebar .eyebrow,html[data-theme=light] .challenge-score>b,html[data-theme=light] .challenge-mission>.family-card-top>strong{color:#367d79}html[data-theme=light] .proof-Accepted{color:#2c7c5d}html[data-theme=light] .proof-Rejected{color:#ab4966}html[data-theme=light] .proof-Pending{color:#946b28}@media(max-width:900px){.challenge-layout{grid-template-columns:1fr}.challenge-sidebar{grid-row:1;padding-top:0;grid-template-columns:1fr 1fr}.challenge-hero{padding:25px}}@media(max-width:580px){.challenge-sidebar{grid-template-columns:1fr}.challenge-how{display:none}.challenge-hero-icon{display:none}.challenge-hero{padding:24px 20px}.challenge-hero h1{letter-spacing:-1px}.challenge-hero>p:not(.eyebrow){font-size:16px}.challenge-state{gap:12px;font-size:12px}.challenge-mission h3{font-size:21px}.challenge-preset ul{min-height:0}}
