.daily-board{margin:48px 0;padding:34px;border-radius:18px;background:#202627;color:#f3f1e9}.daily-board-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.daily-board-heading .eyebrow{font-size:10px;letter-spacing:.1em;color:#a4b5ae}.daily-board-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.04em;margin:12px 0}.daily-board-heading p{font-size:17px;line-height:1.5;color:#b2bcb6;margin:0}.daily-clear-count{display:grid;text-align:right;flex:none;gap:7px}.daily-clear-count strong{font-size:50px;letter-spacing:-.07em;font-weight:500;line-height:1}.daily-clear-count strong>span{font-size:25px;color:#7e8d85}.daily-clear-count>span{font-size:9px;letter-spacing:.1em;color:#9eada5}.daily-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.daily-card{display:flex;flex-direction:column;min-width:0;padding:24px;border-radius:12px;background:#ecebe3;color:#1e2b27;position:relative;overflow:hidden}.daily-card-play{background:#dce8e2}.daily-card-club{background:#e6dfd0}.daily-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#56665d;font:10px var(--mono);letter-spacing:.08em}.daily-card-top strong{font:italic 500 30px Georgia,serif;letter-spacing:-.05em;opacity:.5}.daily-card h3{color:#1c2924;font-size:25px;font-weight:550;line-height:1.12;letter-spacing:-.035em;margin:28px 0 14px}.daily-card p{color:#53625a;font-size:16px;line-height:1.6;margin:0 0 24px}.daily-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #213c2e18;padding-top:17px}.daily-card-bottom>span{font:9px var(--mono);letter-spacing:.02em;color:#617266}.daily-card-bottom>button{cursor:pointer;min-height:44px;padding:9px 0 9px 14px;background:transparent;color:#233e32;font-size:15px;border:0;white-space:nowrap}.daily-card.is-complete .daily-card-top strong{color:#326c52;opacity:1}.daily-board-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.daily-board-footer>span{font-size:13px;color:#a7b5ad}.daily-board-footer i{font-style:normal;margin:0 9px;color:#718278}.daily-board-footer button{min-height:44px;font-size:14px}.daily-card button:focus-visible,.daily-calendar-grid button:focus-visible,.experience-plan:focus-visible{outline:3px solid #4c9a84;outline-offset:4px}
#modal.daily-calendar-modal{width:min(1130px,calc(100vw - 28px));padding:30px;background:#191f20;color:#eceee7;border:0;border-radius:18px}.daily-calendar-modal .modal-heading h2{color:#c1c9bf;font-size:14px}.daily-calendar-modal .icon-button{color:#d9e4da;border-color:#ffffff22}.daily-calendar-intro{margin:24px 0}.daily-calendar-intro h3{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:12px 0}.daily-calendar-intro p{max-width:720px;color:#a8b8ab;font-size:16px;line-height:1.65}.daily-calendar-stats{display:flex;gap:30px;margin-bottom:32px;color:#aab9ae;font-size:12px}.daily-calendar-stats strong{font-size:24px;font-weight:500;color:#f0eee4;margin-right:6px}.daily-calendar-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px}.daily-calendar-picker{background:#252e2c;border-radius:12px;padding:16px;align-self:start}.daily-calendar-month{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.daily-calendar-month>button{min-width:35px;min-height:44px;background:transparent;border:0;color:#dee8dc;cursor:pointer}.daily-calendar-month>label{min-width:0}.daily-calendar-month input{font-size:14px;color:#dce6db;background:transparent;border:0;min-width:0;width:100%;padding:8px 0;max-width:160px;color-scheme:dark}.daily-weekdays,.daily-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.daily-weekdays span{font-size:10px;color:#9baa9d;text-align:center;padding:8px 0}.daily-calendar-grid>button{min-width:0;min-height:42px;border-radius:7px;border:0;background:transparent;display:grid;place-items:center;align-content:center;gap:4px;color:#dce8db;cursor:pointer;font-size:13px}.daily-calendar-grid small{font-size:6px;letter-spacing:1px;color:#8ca99a;height:7px}.daily-calendar-grid button.today{box-shadow:inset 0 0 0 1px #8fae9d}.daily-calendar-grid button.cleared{background:#304b3c}.daily-calendar-grid button.selected{background:#a2dbca;color:#16271e}.daily-calendar-grid button.selected small{color:#326251}.daily-today{width:100%;margin-top:18px;font-size:13px;min-height:44px}.daily-export{display:block;width:100%;font-size:12px;min-height:44px;margin-top:8px}.daily-date-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.daily-date-heading h4{font-size:24px;letter-spacing:-.03em;margin:10px 0 0}.daily-date-heading>span{font-size:24px;color:#a3b2a3}.daily-calendar-lineup .daily-card-grid{grid-template-columns:1fr}.daily-calendar-lineup .daily-card{padding:22px}.daily-calendar-lineup .daily-card h3{margin:12px 0;font-size:25px}.daily-calendar-lineup .daily-card p{margin-bottom:12px}.daily-calendar-lineup .daily-card-top strong{font-size:22px}.daily-preview-note{font-size:14px;color:#b7c5b8;line-height:1.6;margin:0 0 18px}.daily-data-note{font-size:12px;color:#8e9e92;line-height:1.65;margin:24px 0 0}
#modal.daily-detail-modal{width:min(620px,calc(100vw - 28px));background:#202728;color:#edf1e8;padding:28px;border:0;border-radius:18px}.daily-detail-modal>.modal-heading h2{font-size:13px;color:#aebcb0}.daily-detail-modal .icon-button{color:#d4dfd2;border-color:#ffffff20}.daily-challenge-detail{padding:20px 0 8px}.daily-detail-number{display:block;font:italic 80px/1 Georgia,serif;color:#8cb6a5;opacity:.75;margin:30px 0}.daily-challenge-detail h3{font-size:40px;letter-spacing:-.045em;line-height:1.08;margin:0 0 22px}.daily-challenge-detail>p:not(.daily-data-note):not(.daily-preview-note){font-size:19px;line-height:1.7;color:#c1cdbf}.daily-detail-meta{display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:#95a694;margin:24px 0}.daily-detail-actions{display:grid;gap:12px}.daily-detail-actions .btn{min-height:54px;font-size:15px;white-space:normal}.daily-challenge-detail>.subtle-link{display:block;min-height:44px;margin-top:24px;font-size:13px}.daily-complete-message{background:#344d40;border-radius:9px;padding:20px;font-size:17px;color:#d8f0df}
/* Experiences: photography is the entire tile, with all copy on the image. */
.experience-grid{gap:20px}.experience-card.experience-immersive{position:relative;isolation:isolate;min-height:610px;border:0;border-radius:16px;background:#17201c;overflow:hidden;box-shadow:0 14px 35px #00000021;display:flex;align-items:flex-end}.experience-immersive .experience-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;z-index:-3;transition:transform .7s ease}.experience-immersive:hover .experience-scene{transform:scale(1.035)}.experience-image-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#080e0a30 0%,transparent 28%,#080e0a22 44%,#080e0ac9 78%,#080e0af0 100%)}.experience-overlay-top{position:absolute;top:25px;left:26px;right:26px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px;font:9px var(--mono);letter-spacing:.05em;color:#f4f0df;text-shadow:0 1px 8px #000}.experience-overlay-top>span:last-child{font-size:8px;color:#e0e4d6}.experience-overlay-copy{padding:30px;width:100%;min-width:0;background:transparent;position:relative}.experience-overline{display:block;font:9px var(--mono);letter-spacing:.13em;color:#d2ddce;margin-bottom:20px}.experience-overlay-logo{display:block;width:min(92%,290px);height:140px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 7px #0005);margin-bottom:20px}.experience-social .experience-overlay-logo{height:105px}.experience-overlay-copy>p{font-size:17px;line-height:1.65;color:#eef0e5;max-width:34ch;margin:0 0 25px;text-shadow:0 2px 7px #0009}.experience-plan{border:0;border-top:1px solid #f3efdd44;padding:16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:16px;color:#f5f3e8;background:transparent;cursor:pointer;min-height:52px}.experience-plan>.icon{width:23px;height:23px}.experience-plan:hover{color:#9fe2cd}.experience-immersive .sr-only{position:absolute}
@media(max-width:1000px){.daily-board{padding:26px}.daily-card{padding:20px}.daily-card h3{font-size:23px}.daily-card p{font-size:15px}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-overlay-copy{padding:24px}.experience-overlay-top{left:24px;right:24px}.experience-card.experience-immersive{min-height:580px}.experience-overlay-copy>p{font-size:16px}.experience-overlay-logo{height:125px}}
@media(max-width:760px){.daily-board{padding:24px 20px;margin:32px 0}.daily-card-grid{grid-template-columns:1fr}.daily-card{padding:23px}.daily-card h3{font-size:27px;margin-top:17px}.daily-card p{font-size:16px}.daily-clear-count strong{font-size:40px}.daily-clear-count>span{font-size:8px}.daily-board-heading{align-items:flex-start;gap:14px}.daily-board-heading h2{font-size:28px;max-width:15ch}.daily-board-heading p{font-size:15px}.daily-board-heading .eyebrow{font-size:9px;line-height:1.7;display:block}.daily-board-footer{align-items:flex-start;flex-direction:column;gap:5px}.daily-calendar-layout{grid-template-columns:1fr;gap:24px}.daily-calendar-stats{gap:15px;flex-wrap:wrap}.daily-calendar-intro h3{font-size:31px}.daily-calendar-grid>button{min-height:44px}.daily-calendar-picker{padding:16px 18px}.daily-calendar-month input{max-width:none}.daily-calendar-grid{gap:5px}.daily-calendar-month{justify-content:center}.daily-calendar-month>label{flex:1;text-align:center}.daily-calendar-month input{width:auto}#modal.daily-calendar-modal{padding:22px 18px;width:calc(100vw - 20px)}.daily-detail-meta{flex-direction:column;gap:12px}.daily-challenge-detail h3{font-size:35px}.daily-calendar-intro p{font-size:15px}.experience-grid{grid-template-columns:1fr}.experience-card.experience-immersive{min-height:600px}.experience-overlay-copy{padding:30px}.experience-overlay-top{left:30px;right:30px}.experience-overlay-logo{height:140px;width:min(85%,290px)}.experience-overlay-copy>p{font-size:18px}.experience-overlay-top>span:last-child{font-size:9px}.experience-social .experience-scene{object-position:50% 35%}}
@media(prefers-reduced-motion:reduce){.experience-immersive .experience-scene{transition:none}.experience-immersive:hover .experience-scene{transform:none}}
