.activity-matrix{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background:#fff;position:relative;overflow-x:auto}.activity-matrix-loading{justify-content:center;align-items:center;min-height:150px;display:flex}.activity-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:120px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.activity-month-labels{margin-bottom:var(--spacing-xs);display:flex}.activity-day-labels-spacer{flex-shrink:0;width:32px}.activity-months{color:var(--color-text-secondary,#4b5563);flex:1;font-size:.75rem;display:grid}.activity-month{text-align:left}.activity-content{display:flex}.activity-day-labels{width:32px;color:var(--color-text-secondary,#4b5563);flex-direction:column;flex-shrink:0;font-size:.7rem;display:flex}.activity-day-label{align-items:center;height:13px;display:flex}.activity-grid{flex:1;gap:3px;display:flex}.activity-week{flex-direction:column;flex:1;gap:3px;display:flex}.activity-cell{cursor:pointer;border-radius:2px;width:11px;height:11px;transition:transform .1s}.activity-cell:hover{transform:scale(1.2)}.activity-cell-empty{cursor:default;background:0 0}.activity-cell-empty:hover{transform:none}.activity-cell[data-level="0"]{background:#ebedf0}.activity-cell[data-level="1"]{background:var(--color-success-light,#ceeeed)}.activity-cell[data-level="2"]{background:#9ed9d8}.activity-cell[data-level="3"]{background:var(--color-success,#63c5c3)}.activity-cell[data-level="4"]{background:#2a9d9b}.activity-cell[data-level="5"]{background:var(--color-primary,#007385)}.activity-legend{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);color:var(--color-text-secondary,#4b5563);justify-content:flex-end;font-size:.75rem;display:flex}.activity-legend .activity-cell{cursor:default}.activity-legend .activity-cell:hover{transform:none}.activity-legend-label{margin:0 var(--spacing-xs)}.activity-tooltip{background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:var(--shadow-md);padding:6px 10px;font-size:.8rem;position:fixed;transform:translate(-50%)translateY(-100%)}.activity-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-primary-dark);position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (max-width:640px){.activity-matrix{padding:var(--spacing-sm)}.activity-day-labels-spacer,.activity-day-labels{flex-shrink:0;width:20px}.activity-day-label{flex:1;min-height:8px;font-size:.55rem}.activity-grid,.activity-week{flex:1;gap:2px}.activity-cell{aspect-ratio:1;width:100%;min-width:8px;height:auto}.activity-months{font-size:.65rem}.activity-legend{margin-top:var(--spacing-sm);font-size:.65rem}.activity-legend .activity-cell{aspect-ratio:auto;width:10px;height:10px}}
.badge-grid{gap:var(--spacing-lg);flex-direction:column;display:flex}.badge-grid-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.badge-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:180px;animation:1.5s infinite badge-skeleton-loading}@keyframes badge-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.badge-grid-error{padding:var(--spacing-md);background:var(--color-error-light);border-radius:var(--radius-md);color:var(--color-danger)}.badge-grid-warning{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-warning-light,#fef3e2);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem}.badge-grid-warning p{margin:0}.badge-category{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background:#fff}.badge-category-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.badge-category-title{color:var(--color-primary-dark);margin:0;font-size:1rem;font-weight:600}.badge-category-progress{align-items:center;gap:var(--spacing-sm);display:flex}.badge-progress-bar{background:var(--color-bg-alt,#f3f4f6);border-radius:3px;width:100px;height:6px;overflow:hidden}.badge-progress-fill{background:var(--color-success,#63c5c3);border-radius:3px;height:100%;transition:width .3s}.badge-progress-text{color:var(--color-text-secondary,#4b5563);white-space:nowrap;font-size:.75rem}.badge-category-grid{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.badge-card{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;min-width:70px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.badge-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.badge-card-earned{border:1px solid var(--color-success-light,#ceeeed);background:linear-gradient(135deg,#63c5c31a 0%,#0073851a 100%)}.badge-card-locked{background:var(--color-bg-alt,#f9fafb);border:1px solid var(--color-border)}.badge-card-new{animation:2s ease-in-out infinite badge-new-pulse}@keyframes badge-new-pulse{0%,to{box-shadow:0 0 #ef915766}50%{box-shadow:0 0 0 6px #ef915700}}.badge-card-new-label{background:var(--color-warning,#ef9157);color:#fff;text-transform:uppercase;letter-spacing:.02em;z-index:10;border-radius:4px;padding:2px 5px;font-size:.55rem;font-weight:700;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #00000026}.badge-card-icon{justify-content:center;align-items:center;width:28px;height:28px;font-size:1.75rem;line-height:1;display:flex;position:relative}.badge-icon-main{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.badge-icon-locked{opacity:.4;filter:grayscale();justify-content:center;align-items:center;width:100%;height:100%;display:flex}.badge-icon-main img,.badge-icon-locked img{object-fit:contain;width:100%;height:100%}.badge-card-check{color:#fff;background:var(--color-success,#63c5c3);border-radius:4px;padding:1px 6px;font-size:.6rem;font-weight:600}.badge-card-name{color:var(--color-text-muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:60px;font-size:.7rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.badge-card-earned .badge-card-name{color:var(--color-primary-dark)}.badge-card-progress-mini{color:var(--color-text-muted);background:#fff;border-radius:4px;padding:1px 4px;font-size:.6rem}.badge-card-tooltip{background:var(--color-primary-dark);color:#fff;padding:var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;z-index:100;margin-bottom:var(--spacing-xs);box-shadow:var(--shadow-md);text-align:center;min-width:120px;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.badge-card-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-primary-dark);position:absolute;top:100%;left:50%;transform:translate(-50%)}.badge-tooltip-title{margin-bottom:4px;font-weight:600}.badge-tooltip-desc{opacity:.9;margin-bottom:4px}.badge-tooltip-date{opacity:.7;font-size:.65rem}.badge-tooltip-progress{opacity:.8;margin-top:4px;font-size:.65rem}.badge-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.badge-detail-overlay-visible{opacity:1}.badge-detail-container{perspective:800px;position:relative}.badge-detail-close{color:#fff;cursor:pointer;z-index:10;opacity:.8;background:0 0;border:none;font-size:2rem;line-height:1;transition:opacity .2s;position:absolute;top:-40px;right:-10px}.badge-detail-close:hover{opacity:1}.badge-detail-flipper{cursor:pointer;width:220px;height:280px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.badge-detail-flipped{transform:rotateY(180deg)}.badge-detail-front,.badge-detail-back{backface-visibility:hidden;padding:var(--spacing-lg);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.badge-detail-front{background:linear-gradient(145deg,#1a3a4a 0%,#254158 50%,#1a3a4a 100%);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a}.badge-detail-locked{filter:grayscale(60%);opacity:.7}.badge-detail-back{color:#fff;background:linear-gradient(145deg,#254158 0%,#1a3a4a 100%);transform:rotateY(180deg);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a}.badge-detail-image{width:140px;height:140px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.badge-detail-image img{object-fit:contain;filter:drop-shadow(0 4px 12px #0000004d);width:100%;height:100%}.badge-detail-emoji{filter:drop-shadow(0 4px 12px #0000004d);font-size:5rem}.badge-detail-name{color:#fff;font-family:var(--font-heading);text-align:center;font-size:1.1rem;font-weight:600}.badge-detail-hint{color:#fff6;padding-top:var(--spacing-sm);margin-top:auto;font-size:.7rem}.badge-detail-back-content{text-align:center;width:100%}.badge-detail-back-title{font-family:var(--font-heading);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600}.badge-detail-back-divider{background:var(--color-primary);width:40px;height:2px;margin:0 auto var(--spacing-md);border-radius:1px}.badge-detail-back-section{margin-bottom:var(--spacing-md);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.badge-detail-back-label{text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:.65rem}.badge-detail-back-status{color:#ffffff80;font-size:.85rem;font-style:italic}@media (max-width:640px){.badge-grid{gap:var(--spacing-md)}.badge-category{padding:var(--spacing-sm)}.badge-category-header{flex-direction:column;align-items:flex-start}.badge-category-title{font-size:.9rem}.badge-category-progress{width:100%}.badge-progress-bar{flex:1}.badge-category-grid{justify-content:flex-start;gap:6px}.badge-card{min-width:52px;max-width:52px;padding:6px}.badge-card-icon{width:20px;height:20px;font-size:1.25rem}.badge-card-name{max-width:48px;font-size:.55rem}.badge-card-progress-mini{padding:1px 3px;font-size:.5rem}.badge-card-check{padding:1px 4px;font-size:.5rem}.badge-card-new-label{padding:1px 3px;font-size:.45rem;top:-3px;right:-3px}}
.tracking-consent-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.tracking-consent-content{flex:1;min-width:0}.tracking-consent-label{font-weight:600;font-family:var(--font-heading);color:var(--color-text);cursor:pointer;margin-bottom:.25rem;display:block}.tracking-consent-description{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.tracking-consent-error{color:var(--color-warning);margin:.5rem 0 0;font-size:.875rem}.tracking-consent-switch{cursor:pointer;flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.tracking-consent-switch input{opacity:0;width:0;height:0}.tracking-consent-slider{background-color:var(--color-border);border-radius:28px;transition:background-color .2s;position:absolute;inset:0}.tracking-consent-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.tracking-consent-switch input:checked+.tracking-consent-slider{background-color:var(--color-primary)}.tracking-consent-switch input:focus-visible+.tracking-consent-slider{outline:2px solid var(--color-primary);outline-offset:2px}.tracking-consent-switch input:checked+.tracking-consent-slider:before{transform:translate(20px)}.tracking-consent-switch input:disabled+.tracking-consent-slider{opacity:.5;cursor:not-allowed}@media (max-width:600px){.tracking-consent-toggle{flex-direction:column;align-items:stretch}.tracking-consent-switch{align-self:flex-end}}
.profile-page{text-align:left;max-width:900px}.profile-page h1,.profile-page h2{text-align:left}.profile-stats-summary{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.profile-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px;padding:var(--spacing-md);text-align:center;gap:var(--spacing-xs);background:#fff;flex-direction:column;flex:1;display:flex}.profile-stat-value{color:var(--color-primary);font-size:2rem;font-weight:700;font-family:var(--font-heading)}.profile-stat-label{color:var(--color-text-secondary,#4b5563);font-size:.85rem}.profile-section{margin-bottom:var(--spacing-xl)}.profile-section h2{margin-bottom:var(--spacing-md);color:var(--color-primary-dark);font-size:1.25rem}.profile-error{color:var(--color-danger);padding:var(--spacing-md);background:var(--color-error-light);border-radius:var(--radius-md)}.profile-coming-soon{color:var(--color-text-muted);padding:var(--spacing-lg);background:var(--color-bg-alt);border-radius:var(--radius-md);text-align:center;font-style:italic}@media (max-width:640px){.profile-stats-summary{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:row}.profile-stat-card{min-width:0;padding:var(--spacing-sm);text-align:center;flex:1}.profile-stat-value{font-size:1.25rem}.profile-stat-label{font-size:.65rem;line-height:1.2}}.profile-subscription-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);background:#fff;flex-direction:column;align-items:flex-start;display:flex}.profile-subscription-plan{font-family:var(--font-heading);color:var(--color-primary-dark);margin:0;font-size:1.1rem}.profile-subscription-meta{color:var(--color-text-secondary,#4b5563);margin:0;font-size:.9rem}.profile-subscription-warning{border-color:var(--color-warning);background:var(--color-warning-light,#fdf3eb)}.profile-subscription-loading{color:var(--color-text-muted);font-style:italic}.profile-policy-link{text-align:center;color:var(--color-text-light);margin-top:3rem;font-size:.85rem}.profile-policy-link a{color:var(--color-text-light);text-decoration:underline}.profile-policy-link a:hover{color:var(--color-primary)}