.challenge-day-card{position:relative;isolation:isolate;overflow:hidden;margin:1.25rem 0;border:1px solid rgba(184,143,83,.28);border-radius:24px;background:#f7f1e7;color:#1e2229;box-shadow:0 18px 42px rgba(30,34,41,.1)}
.challenge-day-card::before{content:"";position:absolute;inset:0 42% 0 0;background:linear-gradient(125deg,#20252b,#35332d);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);z-index:-1}
.challenge-day-card::after{content:"";position:absolute;width:220px;height:220px;right:-92px;top:-110px;border:1px solid rgba(184,143,83,.28);border-radius:50%;box-shadow:0 0 0 18px rgba(184,143,83,.07),0 0 0 36px rgba(184,143,83,.035);pointer-events:none}
.challenge-day-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 30px}.challenge-day-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.challenge-day-header>i{display:none}.challenge-day-kicker{display:inline-flex;gap:8px;align-items:center;color:#e3bb67;font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.challenge-day-title{margin:.55rem 0 .4rem;color:#fff;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.12;letter-spacing:-.01em}.challenge-day-subtitle{margin:0;color:rgba(255,255,255,.74);font-size:.88rem;line-height:1.55;max-width:650px}.challenge-day-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.challenge-day-chip{padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:rgba(255,255,255,.9);font-size:.72rem;background:rgba(255,255,255,.08)}.challenge-day-button{border:1px solid #c5984f;border-radius:10px;padding:12px 18px;background:#e8bd67;color:#241e16;font:inherit;font-size:.84rem;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(184,143,83,.2);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.challenge-day-button:hover{background:#f4d487;box-shadow:0 12px 24px rgba(184,143,83,.28);transform:translateY(-2px)}.challenge-day-button:focus-visible,.challenge-day-option:focus-within{outline:3px solid #e8bd67;outline-offset:3px}.challenge-day-complete{grid-column:1/-1;margin:0;color:#23633b;font-size:.84rem;font-weight:800}.challenge-day-skeleton{height:174px;border-radius:24px;background:linear-gradient(100deg,#eee7dc,#fbf8f2,#eee7dc);background-size:200% 100%;animation:challengeShimmer 1.2s infinite}@keyframes challengeShimmer{to{background-position:-200% 0}}
.challenge-day-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:16px;background:rgba(21,24,28,.76);backdrop-filter:blur(5px)}.challenge-day-dialog{width:min(680px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fbf8f2;color:var(--text-main,#1e2229);border:1px solid rgba(184,143,83,.3);border-radius:22px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.34)}.challenge-day-dialog-header{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-color,#e5e7eb)}.challenge-day-dialog-header h2{margin:8px 0 0;font-size:1.45rem}.challenge-day-close{width:36px;height:36px;border:1px solid var(--border-color,#e5e7eb);border-radius:50%;background:transparent;color:inherit;font-size:1rem;cursor:pointer}.challenge-day-close:hover{background:#efe6d7}.challenge-day-question{font-size:1.12rem;line-height:1.6;margin:22px 0}.challenge-day-options{display:grid;gap:10px}.challenge-day-option{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .18s ease,background .18s ease}.challenge-day-option:hover{border-color:#c69a54;background:#fffaf2}.challenge-day-option input{accent-color:var(--primary-gold,#b88f53)}.challenge-day-timer{font-weight:900;color:#a16207}.challenge-day-submit{margin-top:20px}.challenge-day-result{padding:18px;border-radius:14px;background:#f4ecdf;border:1px solid rgba(184,143,83,.24);line-height:1.6}.challenge-day-result h3{margin-top:0}.challenge-day-error{padding:18px;border:1px solid #fecaca;border-radius:14px;color:#991b1b;background:#fff7f7}@media(max-width:700px){.challenge-day-card::before{inset:0 0 48% 0;clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}.challenge-day-inner{display:block;padding:22px}.challenge-day-title{font-size:1.45rem}.challenge-day-button{width:100%;margin-top:22px}.challenge-day-meta{margin-bottom:0}.challenge-day-dialog{padding:20px}}@media(prefers-reduced-motion:reduce){.challenge-day-button,.challenge-day-option{transition:none}.challenge-day-skeleton{animation:none}}
