body.dark-mode{background-color:#181818;color:#f5f5f5}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:#f5f5f5}.dark-mode button{background-color:#222!important;color:#fff!important;border-color:#444!important}.dark-mode a{color:#90caf9}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.challenges-page{font-family:Montserrat,Arial,sans-serif;background:#f7f7f7;color:#222;min-height:100vh;transition:background .3s,color .3s}.dark-mode .challenges-page{background:#181818;color:#fff}.challenges-banner{position:relative;width:100%;height:220px;overflow:hidden;margin-bottom:2rem}.banner-img{width:100%;height:100%;object-fit:cover;filter:brightness(.6) grayscale(1)}.banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.challenges-title{font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:.5rem;text-shadow:2px 2px 8px #000}.challenges-sub{font-size:1.2rem;color:#fff;background:#000000b3;padding:.5rem 1.5rem;border-radius:20px;box-shadow:0 2px 8px #0006}.current-challenges{margin-bottom:2rem}.challenge-cards{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.challenge-card{background:linear-gradient(135deg,#fff,#f7f7f7);color:#222;border-radius:18px;box-shadow:0 4px 16px #0002;padding:2rem 1.5rem 1.5rem;min-width:320px;max-width:350px;margin-bottom:2rem;position:relative;display:flex;flex-direction:column;gap:1rem;transition:transform .2s,background .3s,color .3s}.challenge-card:hover{transform:scale(1.03) translateY(-4px);box-shadow:0 8px 24px #0004}.dark-mode .challenge-card{background:linear-gradient(135deg,#222,#444);color:#fff;box-shadow:0 4px 16px #0008}.dark-mode .challenge-card:hover{box-shadow:0 8px 24px #000a}.challenge-header{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700}.challenge-timer{background:#fff;color:#222;padding:.2rem .7rem;border-radius:12px;font-size:1rem}.challenge-progress{margin:.5rem 0}.progress-bar-bg{background:#eee;border-radius:8px;height:16px;width:100%;overflow:hidden}.progress-bar-fill{background:#222;height:100%;border-radius:8px;transition:width .5s}.progress-label{font-size:.95rem;margin-top:.3rem;color:#222;font-weight:500}.dark-mode .progress-bar-bg{background:#444}.dark-mode .progress-bar-fill{background:#fff}.dark-mode .progress-label{color:#fff}.view-details-btn{background:#fff;color:#222;border:none;border-radius:8px;padding:.7rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0006;transition:background .2s,color .2s,transform .2s}.view-details-btn:hover{background:#222;color:#fff;transform:scale(1.05)}.create-challenge-btn{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(90deg,#222,#444);color:#fff;border:none;border-radius:50px;padding:1rem 2.2rem;font-size:1.3rem;font-weight:700;box-shadow:0 4px 16px #0008;cursor:pointer;z-index:200;transition:background .2s,transform .2s;animation:pulse 1.5s infinite}.create-challenge-btn:hover{background:#fff;color:#222;transform:scale(1.08)}@keyframes pulse{0%{box-shadow:0 0 #fff8}70%{box-shadow:0 0 0 16px #fff0}to{box-shadow:0 0 #fff0}}.leaderboard{margin-top:1rem;background:#f7f7f7;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0002;color:#222}.leaderboard-list{display:flex;flex-direction:column;gap:.7rem}.leaderboard-row{display:flex;align-items:center;gap:1rem;font-size:1rem;background:#eee;border-radius:8px;padding:.5rem 1rem;box-shadow:0 1px 4px #0001;transition:background .2s,color .2s;color:#222}.leaderboard-row:hover{background:#222;color:#fff}.rank{font-weight:700;color:#222;font-size:1.1rem}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid #222}.username{font-weight:500}.points{font-weight:700;color:#222}.dark-mode .leaderboard{background:#222;color:#fff;box-shadow:0 2px 8px #0006}.dark-mode .leaderboard-row{background:#181818;color:#fff;box-shadow:0 1px 4px #0003}.dark-mode .leaderboard-row:hover{background:#fff;color:#222}.dark-mode .rank{color:#fff}.dark-mode .avatar{border:2px solid #fff}.dark-mode .points{color:#fff}.challenge-history{margin-top:2rem}.history-toggle{background:#fff;color:#222;border:none;border-radius:8px;padding:.7rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0006;margin-bottom:1rem;transition:background .2s,color .2s,transform .2s}.history-toggle:hover{background:#222;color:#fff;transform:scale(1.05)}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#222;color:#fff;border-radius:10px;padding:1rem;box-shadow:0 2px 8px #0006;display:flex;align-items:center;gap:1rem;font-size:1rem;position:relative}.history-title{font-weight:700;color:#fff}.history-result{color:#fff;font-weight:500}.history-date{color:#fff;font-size:.95rem}.animated-trophy{font-size:1.5rem;animation:trophy-bounce 1s infinite alternate}@keyframes trophy-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.progress-post{background:#fff;color:#222;border-radius:16px;box-shadow:0 4px 16px #0002;padding:2rem 1.5rem 1.5rem;min-width:350px;max-width:700px;margin-bottom:2rem;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1.5rem;z-index:1}.progress-post .progress-content{flex:1 1 auto;margin-bottom:0;margin-right:2rem}.progress-post .progress-meta{font-size:1rem;color:#666;margin-bottom:.5rem}.progress-post .progress-actions{position:static;flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;min-width:120px}.progress-post .progress-upvotes{font-weight:700;color:#222}@media (max-width: 700px){.challenge-cards{flex-direction:column;gap:1.2rem}.challenge-card{min-width:90vw;max-width:98vw;padding:1.2rem .7rem 1rem}.create-challenge-btn{right:1rem;bottom:1rem;padding:.7rem 1.2rem;font-size:1rem}.progress-post{flex-direction:column;align-items:stretch;min-width:90vw;max-width:98vw;padding:1.2rem .7rem 1rem;font-size:1rem}.progress-post .progress-content{margin-right:0}.progress-post .progress-actions{align-items:flex-start;min-width:unset}}