.tracker-layout{align-items:flex-start}.tracker-layout .col-side{width:300px}.setup-wrapper{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.setup-card{max-width:560px;width:100%}.setup-hero{text-align:center;margin-bottom:var(--spacing-xl)}.setup-fire-icon{font-size:3.5rem;line-height:1;margin-bottom:var(--spacing-sm)}.setup-hero h2{font-size:1.75rem;color:var(--gray-800);margin-bottom:var(--spacing-sm)}.setup-tagline{color:var(--text-muted);font-size:.95rem;margin:0}.setup-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-lg)}.setup-start-btn{flex:1;min-width:180px}.existing-trackers{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.existing-trackers p{margin:0 0 var(--spacing-xs);font-size:.85rem}.resume-btn{justify-content:flex-start;gap:var(--spacing-sm);text-align:left}.tracker-header-card{border-top:4px solid var(--primary);transition:border-color .3s}.tracker-header-card.state-ready{border-top-color:#06d6a0}.tracker-header-card.state-broken{border-top-color:#ef476f}.tracker-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.period-badge{display:inline-block;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-xs)}.tracker-name{font-size:1.4rem;margin:0;word-break:break-word}.streak-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:90px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);background:var(--gray-100);border:2px solid var(--border-color);flex-shrink:0;transition:all .3s}.streak-bubble.state-ready{background:linear-gradient(135deg,#06d6a0,#4361ee);border-color:transparent;color:#fff}.streak-bubble.state-broken{background:linear-gradient(135deg,#ef476f,#f72585);border-color:transparent;color:#fff}.streak-num{font-size:2.2rem;font-weight:700;line-height:1}.streak-unit{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.checkin-zone{text-align:center;padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--border-radius);background:var(--gray-100);margin-bottom:var(--spacing-md)}.cz-message{font-size:1.15rem;font-weight:600;margin-bottom:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.cz-message i{font-size:1.6rem;margin-bottom:var(--spacing-xs)}.cz-ready{color:#068a63}.cz-done{color:var(--primary)}.cz-broken{color:#c0392b}.cz-broken-sub{font-size:.85rem;font-weight:400;color:var(--text-muted)}.cz-countdown{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md)}.cz-countdown-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.cz-timer{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gray-800);letter-spacing:.02em}.btn-checkin{font-size:1.05rem;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);font-weight:700;letter-spacing:.03em}.cz-waiting-note{color:var(--text-muted);font-size:.9rem;margin-top:var(--spacing-sm)}body.dark-theme .cz-timer{color:var(--gray-800)}body.dark-theme .cz-ready{color:#06d6a0}body.dark-theme .cz-broken{color:#ef476f}.high-score-bar{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.88rem;color:var(--text-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.hs-crown{color:#ffd166}.milestones-card .card-header{margin-bottom:var(--spacing-md)}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin-bottom:var(--spacing-sm)}.ms-box{aspect-ratio:1;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.ms-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;transition:transform .2s}.ms-done-inner{color:#fff;font-size:.85rem}.ms-done-inner i{font-size:.85rem}.ms-ready-inner{background:linear-gradient(135deg,#06d6a0,#4361ee);color:#fff;font-size:1rem}.ms-ready-inner i{font-size:1rem}.ms-waiting-inner{background:var(--primary);color:#fff;opacity:.75}.ms-future-inner{background:var(--gray-200);color:var(--gray-500);font-size:.7rem}.ms-pulse .ms-inner{animation:ms-pulse 1.4s ease-in-out infinite}@keyframes ms-pulse{0%,to{transform:scale(1);box-shadow:0 0 #06d6a080}50%{transform:scale(1.08);box-shadow:0 0 0 5px #06d6a000}}.cycles-note{font-size:.85rem;color:var(--text-muted);text-align:center;margin:var(--spacing-sm) 0 0}.awards-card{max-height:calc(100vh - 260px);overflow-y:auto}.no-awards{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted)}.no-awards i{font-size:2.5rem;opacity:.3;display:block;margin-bottom:var(--spacing-md)}.no-awards p{font-size:.9rem;margin:0}.award-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);color:#fff;box-shadow:var(--box-shadow)}.award-icon{font-size:1.8rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.award-info{min-width:0}.award-label{font-size:.95rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.25)}.award-meta{font-size:.75rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-card h3{margin-bottom:var(--spacing-md)}.manage-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.manage-buttons button{width:100%;justify-content:flex-start;gap:var(--spacing-sm)}body.dark-theme .ms-future-inner{background:var(--gray-300);color:var(--gray-600)}body.dark-theme .streak-bubble:not(.state-ready):not(.state-broken){background:var(--gray-200);border-color:var(--gray-300);color:var(--text-color)}body.dark-theme .checkin-zone{background:var(--gray-200)}@media (max-width: 1050px){.tracker-layout .col-side{width:100%}.awards-card{max-height:none}}@media (max-width: 768px){.tracker-title-row{flex-direction:column}.streak-bubble{flex-direction:row;gap:var(--spacing-sm);width:100%;justify-content:center}.streak-num{font-size:1.6rem}.milestones-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px}.setup-actions{flex-direction:column}.setup-start-btn{min-width:unset}}