.checkin-wrap{width:min(1100px,calc(100% - 2rem));margin:1.5rem auto;padding:2rem;border-radius:20px;background:linear-gradient(135deg,#ecfbfc,#f8fcff);box-shadow:0 20px 60px #0e74901a;color:#172033}.checkin-heading{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:.68rem;letter-spacing:.16em;color:#0e7490;font-weight:800}.checkin-heading h3{margin:.3rem 0;font-size:1.75rem}.checkin-heading p{color:#64748b}.month-picker input{padding:.7rem 1rem;border:1px solid #dbe3ea;border-radius:.7rem;background:white;color:#334155}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.summary-grid>div{padding:1.25rem 1.35rem;border-radius:16px;background:#fff;box-shadow:0 5px 14px #0f172a0d}.summary-grid span{display:block;color:#64748b;font-size:.85rem}.summary-grid strong{display:block;margin-top:.35rem;font-size:1.55rem}.milestone{padding:1rem 1.25rem;border:1px solid #f6d66b;border-radius:8px;background:#fffbeb;color:#b45309}.today-card,.calendar-card,.history-card{margin-top:1.5rem;padding:1.5rem;border-radius:16px;background:#fff;box-shadow:0 5px 18px #0f172a0b}.today-card{display:flex;justify-content:space-between;align-items:center}.today-card h4,.calendar-card h4,.history-card h4{margin:0;font-size:1.1rem}.today-card p{margin-top:.35rem;color:#64748b;font-size:.85rem}.today-action{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.primary{border:0;border-radius:.65rem;padding:.75rem 1.25rem;background:#70d1c8;color:#fff;font-weight:700;cursor:pointer}.primary:disabled{opacity:.55}.claimed{color:#0e7490;font-weight:700}.claimed b{color:#059669;margin-left:.3rem}.captcha{width:7rem;height:2.5rem;padding:0;overflow:hidden;border:1px solid #bae6fd;border-radius:.5rem;background:#fff}.captcha img{width:100%;height:100%;object-fit:contain}.today-action input{width:10rem;padding:.7rem;border:1px solid #dbe3ea;border-radius:.5rem}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.weekdays{margin:1.25rem 0 .7rem;color:#64748b;text-align:center}.day{min-height:7rem;border:1px solid #dbe3ea;border-radius:.6rem;background:#fff;color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.day.signed{border-color:#70d1c8;background:#ecfdf5;color:#047857}.day.today{box-shadow:inset 0 0 0 2px #0e7490}.day small{font-size:.7rem}.empty{min-height:7rem}.history-head,.history-row{display:grid;grid-template-columns:1fr 1.4fr 1fr .6fr;gap:1rem;padding:.8rem 0;align-items:center}.history-head{margin-top:1rem;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:.85rem}.history-row{border-bottom:1px solid #f1f5f9;font-size:.9rem}.no-history{text-align:center;padding:2rem;color:#94a3b8}.error{margin-top:.75rem;color:#dc2626}@media(max-width:700px){.checkin-wrap{width:calc(100% - 1rem);padding:1rem}.summary-grid{grid-template-columns:repeat(2,1fr)}.today-card{align-items:flex-start;flex-direction:column;gap:1rem}.today-action{justify-content:flex-start;width:100%}.day{min-height:4.5rem}.empty{min-height:4.5rem}.history-head,.history-row{grid-template-columns:1fr 1.2fr .8fr .5fr;font-size:.75rem}}
:global(html.dark .checkin-wrap) {
  background: linear-gradient(145deg, #101c2a, #0c1622);
  color: #dce5ef;
  box-shadow: 0 16px 44px #00000030, inset 0 0 0 1px #283748;
  color-scheme: dark;
}
:global(html.dark .checkin-wrap .summary-grid > div),
:global(html.dark .checkin-wrap .today-card),
:global(html.dark .checkin-wrap .calendar-card),
:global(html.dark .checkin-wrap .history-card) {
  background: #172433;
  box-shadow: inset 0 0 0 1px #2a394a;
}
:global(html.dark .checkin-wrap .checkin-heading p),
:global(html.dark .checkin-wrap .summary-grid span),
:global(html.dark .checkin-wrap .today-card p),
:global(html.dark .checkin-wrap .weekdays),
:global(html.dark .checkin-wrap .history-head) { color: #a4b3c5;
}
:global(html.dark .checkin-wrap .month-picker input),
:global(html.dark .checkin-wrap .today-action input),
:global(html.dark .checkin-wrap .day) {
  background: #101c2a;
  border-color: #344457;
  color: #dce5ef;
}
:global(html.dark .checkin-wrap .milestone) {
  background: #2b251b;
  border-color: #65502c;
  color: #e8bc73;
}
:global(html.dark .checkin-wrap .claimed) { color: #78cfc8;
}
:global(html.dark .checkin-wrap .claimed b) { color: #6ee7b7;
}
:global(html.dark .checkin-wrap .day.signed) {
  background: #15352f;
  border-color: #327769;
  color: #8edbc2;
}
:global(html.dark .checkin-wrap .day.today) { box-shadow: inset 0 0 0 2px #49a89f;
}
:global(html.dark .checkin-wrap .primary) { background: #0f766e; color: #e6f7f4;
}
:global(html.dark .checkin-wrap .history-head),
:global(html.dark .checkin-wrap .history-row) { border-bottom-color: #2a394a;
}
:global(html.dark .checkin-wrap .error) { color: #fca5a5;
}


.checkin-puzzle-overlay{position:fixed;inset:0;z-index:10050;background:#0008;display:flex;align-items:center;justify-content:center;padding:18px}.checkin-puzzle-dialog{width:420px;max-width:100%;padding:22px;background:#fff;color:#182533;border-radius:14px;box-shadow:0 20px 70px #0004;outline:none}.checkin-puzzle-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.checkin-puzzle-dialog h3{font-size:18px;font-weight:700;margin:0}.checkin-puzzle-dialog button{border:0;background:transparent;cursor:pointer;color:#7c8997}.checkin-puzzle-dialog header button{font-size:30px;line-height:1;padding:4px}.checkin-puzzle-scene{position:relative;width:100%;aspect-ratio:320/180;overflow:hidden;border-radius:6px;background:#193e58}.checkin-puzzle-bg{display:block;width:100%;height:100%}.checkin-puzzle-piece{position:absolute;width:15%;height:auto;filter:drop-shadow(0 2px 3px #0008);pointer-events:none}.checkin-puzzle-track{position:relative;height:48px;margin-top:18px;background:#f1f5f9;border:1px solid #dce3eb;border-radius:6px;display:flex;justify-content:center;align-items:center}.checkin-puzzle-track span{font-size:13px;color:#8b98a7;pointer-events:none}.checkin-puzzle-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:grab;touch-action:pan-y}.checkin-puzzle-track input:active{cursor:grabbing}.checkin-puzzle-track input::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:46px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='46'%3E%3Cpath d='m17 15 7 8-7 8m9-16 7 8-7 8' fill='none' stroke='%237da5bf' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;border-radius:5px;box-shadow:0 2px 12px #49748d38;border:1px solid #d5e1ed}.checkin-puzzle-track input::-moz-range-thumb{width:46px;height:44px;background:#fff;border:1px solid #b4cbd8;border-radius:5px}.checkin-puzzle-track input:focus-visible{outline:2px solid #0d9488;outline-offset:3px}.checkin-puzzle-dialog footer{display:flex;justify-content:space-between;margin-top:16px;color:#8b95a1;font-size:14px}.checkin-puzzle-error{color:#dc2626;font-size:13px;margin:12px 0 0}.dark .checkin-puzzle-dialog{background:#152537;color:#e3edf5}.dark .checkin-puzzle-track{background:#22364b;border-color:#365167}