.checkin-dialog{gap:var(--jj-space-4);padding:0;display:grid}.checkin-logo{margin-top:calc(var(--jj-space-1) * -1);justify-content:center;display:flex}.checkin-summary{justify-content:center;align-items:center;gap:var(--jj-space-5);color:var(--jj-color-text-secondary);font-size:var(--jj-size-label);margin:0;display:flex}.checkin-summary b{color:var(--jj-color-brand-rust);font-size:var(--jj-size-body-large);font-weight:var(--jj-weight-semibold)}.checkin-summary i{width:1px;height:var(--jj-space-5);background:var(--jj-color-border-subtle)}.range-tabs{padding:var(--jj-space-1);border:1px solid var(--jj-color-border-subtle);border-radius:var(--jj-radius-pill);background:var(--jj-color-surface-muted);justify-self:center;display:inline-flex}.range-tabs button{padding:var(--jj-space-2) var(--jj-space-5);border-radius:var(--jj-radius-pill);color:var(--jj-color-text-secondary);font:inherit;font-size:var(--jj-size-label);cursor:pointer;transition:background var(--jj-motion-fast) var(--jj-motion-easing), color var(--jj-motion-fast) var(--jj-motion-easing);background:0 0;border:0;flex:none}.range-tabs button.active{background:var(--jj-color-brand-ink);color:var(--jj-color-text-inverse)}.checkin-cells{gap:var(--jj-space-3);margin:0;padding:0;list-style:none;display:grid}.checkin-cells-7{grid-template-columns:repeat(7,minmax(0,1fr))}.checkin-cells-30{grid-template-columns:repeat(6,minmax(0,1fr))}.checkin-cell{align-content:center;justify-items:center;gap:var(--jj-space-2);border:1px solid var(--jj-color-border-subtle);border-radius:var(--jj-radius-card);background:var(--jj-color-surface-muted);text-align:center;min-width:0;min-height:72px;display:grid;position:relative}.checkin-cell .cell-date{color:var(--jj-color-text-secondary);font-size:var(--jj-size-caption)}.checkin-cell .cell-reward{color:var(--jj-color-text-tertiary);font-size:var(--jj-size-label);font-weight:var(--jj-weight-medium)}.checkin-cell.signed{border-color:var(--jj-color-success);background:var(--jj-color-success-soft)}.checkin-cell.signed .cell-date{color:var(--jj-color-success);font-weight:var(--jj-weight-medium)}.checkin-cell.signed .cell-mark{border-radius:var(--jj-radius-pill);background:var(--jj-color-success);width:26px;height:26px;color:var(--jj-color-text-inverse);font-size:var(--jj-size-body);place-items:center;display:grid}.checkin-cell.today{border-color:var(--jj-color-brand-rust);border-width:2px}.checkin-cell.today:not(.signed){background:var(--jj-color-brand-rust-soft)}.checkin-cell.today .cell-date{color:var(--jj-color-brand-rust);font-weight:var(--jj-weight-semibold)}.checkin-cell.future{border-color:var(--jj-color-border-subtle);background:var(--jj-color-surface-default)}.checkin-cell.future .cell-date,.checkin-cell.future .cell-reward{color:var(--jj-color-text-disabled)}.checkin-cell .cell-bonus{top:var(--jj-space-2);right:var(--jj-space-2);padding:1px var(--jj-space-2);border-radius:var(--jj-radius-pill);background:var(--jj-color-warning-soft);color:var(--jj-color-warning);font-size:var(--jj-size-micro);font-weight:var(--jj-weight-semibold);position:absolute}.checkin-cell .cell-checkin{width:calc(100% - var(--jj-space-2));min-width:0;max-width:72px;min-height:34px;padding:0 var(--jj-space-2);border:1px solid var(--jj-color-brand-rust);border-radius:var(--jj-radius-control);background:var(--jj-color-surface-default);color:var(--jj-color-brand-rust);font:inherit;font-size:var(--jj-size-caption);font-weight:var(--jj-weight-semibold);writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap;cursor:pointer;transition:background var(--jj-motion-fast) var(--jj-motion-easing), color var(--jj-motion-fast) var(--jj-motion-easing), transform var(--jj-motion-fast) var(--jj-motion-easing), opacity var(--jj-motion-fast) var(--jj-motion-easing);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.checkin-cell .cell-checkin:hover{background:var(--jj-color-brand-rust);color:var(--jj-color-text-inverse);transform:translateY(-1px)}.checkin-cell .cell-checkin:focus-visible{box-shadow:0 0 0 3px var(--jj-focus-ring)}.checkin-cell .cell-checkin:disabled{border-color:var(--jj-color-border-default);background:var(--jj-color-surface-muted);color:var(--jj-color-text-disabled);opacity:1;cursor:wait;transform:none}.checkin-legend{justify-content:center;align-items:center;gap:var(--jj-space-5);padding-top:var(--jj-space-4);border-top:1px solid var(--jj-color-border-subtle);color:var(--jj-color-text-tertiary);font-size:var(--jj-size-caption);flex-wrap:wrap;margin:0;display:flex}.checkin-legend span{align-items:center;gap:var(--jj-space-2);display:inline-flex}.checkin-legend .checkin-rules{padding-top:var(--jj-space-1);flex-basis:100%;justify-content:center}.checkin-legend .dot{border-radius:var(--jj-radius-pill);width:10px;height:10px}.checkin-legend .dot-signed{background:var(--jj-color-success)}.checkin-legend .dot-today{background:var(--jj-color-brand-rust)}
.account-identity{align-items:center;gap:var(--jj-space-3);padding:var(--jj-space-3);margin-bottom:var(--jj-space-4);border:1px solid var(--jj-color-border-subtle);border-radius:var(--jj-radius-card);background:var(--jj-color-surface-default);box-shadow:var(--jj-shadow-hairline);flex-wrap:wrap;display:flex}.account-avatar{border-radius:var(--jj-radius-pill);background:var(--jj-color-brand-rust-soft);width:2.75rem;height:2.75rem;color:var(--jj-color-brand-rust);font-size:var(--jj-size-body-large);font-weight:var(--jj-weight-semibold);place-items:center;display:grid}.account-identity-body{gap:var(--jj-space-1);flex:1;min-width:0;display:grid}.account-identity-body strong{font-size:var(--jj-size-body-large)}.account-identity-body span{color:var(--jj-color-text-secondary);font-size:var(--jj-size-label)}.account-identity-balance{flex-shrink:0}.account-checkin{justify-content:space-between;align-items:center;gap:var(--jj-space-3);padding:var(--jj-space-3) 0 0;border-top:1px solid var(--jj-color-border-subtle);flex:100%;display:flex}.account-checkin div{gap:var(--jj-space-1);display:grid}.account-checkin .account-checkin-actions{align-items:center;gap:var(--jj-space-3);display:flex}.account-checkin strong{font-size:var(--jj-size-body-large)}.account-checkin span{color:var(--jj-color-text-tertiary);font-size:var(--jj-size-caption)}.account-menu{gap:var(--jj-space-3);margin-bottom:var(--jj-space-4);grid-template-columns:repeat(2,1fr);display:grid}.account-menu-item{padding:var(--jj-space-4);gap:var(--jj-space-1);border:1px solid var(--jj-color-border-subtle);border-radius:var(--jj-radius-card);background:var(--jj-color-surface-default);box-shadow:var(--jj-shadow-hairline);text-align:left;cursor:pointer;color:inherit;transition:border-color var(--jj-motion-fast) var(--jj-motion-easing), transform var(--jj-motion-fast) var(--jj-motion-easing);display:grid}.account-menu-item:hover{border-color:var(--jj-color-brand-rust);transform:translateY(-1px)}.account-menu-item strong{font-size:var(--jj-size-body-large)}.account-menu-item span{color:var(--jj-color-text-tertiary);font-size:var(--jj-size-caption)}.account-actions{gap:var(--jj-space-3);display:flex}.account-achievements{margin-top:var(--jj-space-6)}.account-section-heading{justify-content:space-between;align-items:flex-end;gap:var(--jj-space-3);margin-bottom:var(--jj-space-3);display:flex}.account-section-heading h2{font-size:var(--jj-size-display-mobile);font-weight:var(--jj-weight-semibold);margin:0}.account-section-heading>span{color:var(--jj-color-text-tertiary);font-size:var(--jj-size-label)}.achievement-empty{padding:var(--jj-space-5);border:1px dashed var(--jj-color-border-default);border-radius:var(--jj-radius-card);color:var(--jj-color-text-tertiary);font-size:var(--jj-size-label);line-height:var(--jj-leading-body);margin:0}.achievement-wall{gap:var(--jj-space-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.achievement-card{padding:var(--jj-space-3);align-items:start;gap:var(--jj-space-3);border:1px solid var(--jj-color-border-default);border-radius:var(--jj-radius-card);background:var(--jj-color-surface-default);grid-template-columns:auto 1fr auto;display:grid}.achievement-card-mark{width:18px;height:18px;margin-top:var(--jj-space-1);place-items:center;display:inline-grid}.achievement-card-body{gap:var(--jj-space-1);min-width:0;display:grid}.achievement-card-body strong{font-size:var(--jj-size-body);font-weight:var(--jj-weight-semibold)}.achievement-card-body p{color:var(--jj-color-text-secondary);font-size:var(--jj-size-label);line-height:var(--jj-leading-body);margin:0}.achievement-card-world{color:var(--jj-color-brand-rust);font-size:var(--jj-size-caption)}.achievement-card-reward{color:var(--jj-color-brand-rust);font-size:var(--jj-size-label);font-weight:var(--jj-weight-semibold);white-space:nowrap}.account-form{gap:var(--jj-space-4);flex-direction:column;display:flex}@media (max-width:860px){.account-section-heading h2{font-size:var(--jj-size-title-mobile)}.account-menu{grid-template-columns:1fr}.account-identity{padding:var(--jj-space-3)}.account-checkin{flex-direction:column;align-items:flex-start}}
