@charset "utf-8";
.lf-attendance,.lf-attendance *{box-sizing:border-box}.lf-attendance{width:min(1120px,100%);margin:10px auto 56px;color:#edf3f8;font-size:16px;line-height:1.6}.lf-attendance-head{margin:0 0 32px}.lf-attendance-head>p{color:#55ddd0;font-size:12px;letter-spacing:.13em;font-weight:800;margin:0 0 10px}.lf-attendance-head h1{font-size:18px;color:#b5c5d8;font-weight:500;line-height:1.4;margin:0 0 12px}.lf-attendance-head h1 span{display:block;margin-top:6px;color:#edf3f8;font-size:38px;letter-spacing:-.045em;font-weight:800}.lf-attendance-head>div{color:#b5c5d8;font-size:15px}.lf-attendance-head strong{color:#83e8dd}.lf-attendance-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"calendar checkin";gap:24px;align-items:start}.lf-checkin-card{grid-area:checkin;padding:24px;border:1px solid #3a6269;border-radius:20px;background:linear-gradient(145deg,#12353a,#101e30 70%);box-shadow:0 16px 50px #0003}.lf-checkin-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.lf-checkin-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #458e87;border-radius:14px;background:#194c49;color:#98f6df;font-size:27px}.lf-checkin-date{font-size:14px;color:#d4e8eb;text-align:right}.lf-checkin-date small{display:block;font-size:12px;color:#b5c5d8;margin-top:2px}.lf-checkin-eyebrow{margin:30px 0 6px;color:#88dace;font-size:11px;font-weight:750;letter-spacing:.1em}.lf-checkin-card h2{font-size:20px;margin:0;font-weight:750;letter-spacing:-.03em}.lf-checkin-reward{margin:8px 0;color:#edf3f8;font-size:54px;line-height:1.2;letter-spacing:-.055em;font-weight:800}.lf-checkin-reward small{color:#55ddd0;font-size:24px;margin-left:5px}.lf-checkin-description{color:#b5c5d8;font-size:14px;margin:14px 0 22px}.lf-checkin-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:1px solid #42d4ca;border-radius:11px;background:#42d4ca;color:#06201f;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-align:center;padding:10px}.lf-checkin-button:hover:not(:disabled){background:#68e2d8}.lf-checkin-button:disabled{background:#183f43;color:#b0e7de;border-color:#42827d;cursor:default}.lf-checkin-button.is-complete{background:#153d37;color:#a4f1d9;border-color:#448c74}.lf-checkin-status{font-size:13px;color:#c0d2de;line-height:1.7;margin:12px 0 0;min-height:44px}.lf-checkin-balance{margin-top:20px;padding-top:18px;border-top:1px solid #34515f;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#b5c5d8}.lf-checkin-balance a{color:#e2f2f2;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.lf-calendar-card{grid-area:calendar;padding:24px;border:1px solid #344b65;border-radius:20px;background:#111d2c;min-width:0}.lf-calendar-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.lf-calendar-card>header span{font-size:11px;letter-spacing:.1em;color:#a6bace;font-weight:700}.lf-calendar-card h2{font-size:24px;margin:4px 0 0;letter-spacing:-.035em}.lf-calendar-card nav{display:flex;gap:6px}.lf-calendar-card nav a,.lf-calendar-card nav>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #526980;border-radius:9px;background:#15253a;color:#d5e3f4;font-size:28px;line-height:1}.lf-calendar-card nav>span{border-color:#304154;color:#7f90a5;background:#111d2c}.lf-calendar-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;padding:16px 18px;border-radius:12px;background:#17283b}.lf-calendar-stats p{margin:0;color:#b5c5d8;font-size:13px}.lf-calendar-stats p+p{border-left:1px solid #395064;padding-left:20px}.lf-calendar-stats strong{display:block;font-size:25px;color:#edf3f8;margin-top:3px;line-height:1.4;font-variant-numeric:tabular-nums}.lf-calendar-stats small{font-size:13px;color:#a9bfce;margin-left:5px}.lf-calendar-week,.lf-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.lf-calendar-week{margin-bottom:8px;color:#b5c5d8;font-size:13px;text-align:center}.lf-calendar-week span:first-child{color:#ffb1be}.lf-calendar-week span:last-child{color:#9cbeed}.lf-calendar-day{min-height:72px;padding:10px 4px;border:1px solid transparent;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;background:#142337;color:#cbd7e7;font-size:15px}.lf-calendar-day b{font-size:11px;line-height:17px;min-height:17px;font-weight:650}.lf-calendar-day.is-today{border-color:#63cccf;background:#16323d;color:#d7f5f3}.lf-calendar-day.is-done{border-color:#3b7b68;background:#15392f;color:#a1f4cf}.lf-calendar-day.is-done b{font-size:17px;color:#89f1be}.lf-calendar-day.is-future{background:#101b2a;color:#8393a8}.lf-calendar-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#b5c5d8;margin:18px 0 0}.lf-calendar-legend span:first-child{color:#a1f4cf}.lf-attendance-guide{margin-top:30px}.lf-attendance-guide h2{font-size:20px;margin:0 0 16px}.lf-attendance-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lf-attendance-guide article{position:relative;padding:22px;border:1px solid #30465d;border-radius:14px;background:#101c2b}.lf-attendance-guide article>span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#8eabc2}.lf-attendance-guide h3{font-size:16px;margin:7px 0}.lf-attendance-guide article>strong{display:block;font-size:27px;color:#77e2d6;font-variant-numeric:tabular-nums}.lf-attendance-guide article:last-child{border-color:#5c5b45;background:linear-gradient(130deg,#292b28,#172330)}.lf-attendance-guide article:last-child>strong{color:#f1d49a}.lf-attendance-guide article>p{font-size:13px;color:#b5c5d8;margin:10px 0 0}.lf-attendance :focus-visible{outline:2px solid #55ddd0;outline-offset:4px}.lf-attendance-notice,.lf-attendance-message{padding:20px;border:1px solid #796b52;background:#302f26;border-radius:12px;color:#f0e2bc}.lf-attendance-message h1{font-size:24px}.lf-attendance-message a{display:inline-flex;margin-top:18px;min-height:44px;align-items:center;text-decoration:underline}.lf-body:has(.lf-attendance) .lf-page-container{width:min(1280px,calc(100% - 32px));padding-left:0;padding-right:0}
@media(max-width:899px){.lf-attendance-grid{grid-template-columns:1fr;grid-template-areas:"checkin" "calendar"}.lf-checkin-card{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.lf-checkin-top,.lf-checkin-balance{grid-column:1/-1}.lf-checkin-eyebrow{margin-top:20px}.lf-checkin-card h2,.lf-checkin-reward,.lf-checkin-description{grid-column:1}.lf-checkin-card form,.lf-checkin-card>.lf-checkin-button{grid-column:2;grid-row:3/5;align-self:center}.lf-checkin-card>.lf-checkin-status{grid-column:2;grid-row:5/7;margin-top:0}.lf-checkin-balance{margin-top:10px}.lf-checkin-reward{font-size:46px}.lf-checkin-description{margin-bottom:8px}.lf-attendance-guide>div{gap:10px}.lf-attendance-guide article{padding:18px}.lf-attendance-guide article>p br{display:none}}
@media(max-width:480px){.lf-attendance{margin-bottom:32px;font-size:15px}.lf-attendance-head{margin-bottom:22px}.lf-attendance-head h1{font-size:15px}.lf-attendance-head h1 span{font-size:32px}.lf-attendance-grid{gap:18px}.lf-checkin-card{display:block;padding:22px;border-radius:16px}.lf-checkin-eyebrow{margin-top:22px}.lf-checkin-reward{font-size:48px}.lf-checkin-description{margin:12px 0 20px}.lf-checkin-card>.lf-checkin-status{margin-top:12px}.lf-checkin-balance{margin-top:20px}.lf-calendar-card{padding:18px 12px;border-radius:16px}.lf-calendar-card h2{font-size:22px}.lf-calendar-card nav a,.lf-calendar-card nav>span{width:44px}.lf-calendar-stats{padding:14px 12px;gap:10px}.lf-calendar-stats p{font-size:12px}.lf-calendar-stats p+p{padding-left:12px}.lf-calendar-stats strong{font-size:23px}.lf-calendar-day{min-height:60px;border-radius:8px;padding:8px 1px;font-size:14px}.lf-calendar-day b{font-size:10px}.lf-calendar-legend{gap:14px}.lf-attendance-guide>div{grid-template-columns:1fr}.lf-attendance-guide article{display:grid;grid-template-columns:1fr auto;column-gap:14px;padding:18px}.lf-attendance-guide h3{grid-column:1}.lf-attendance-guide article>strong{grid-column:2;grid-row:1/3;align-self:center}.lf-attendance-guide article>p{grid-column:1/-1;margin-top:4px}.lf-attendance-guide h2{font-size:19px}}