:root{--bg-main:#232323;--bg-secondary:#1e1e1e;--card-border:#e6e6e629;--value-text:#f3f3f3;--muted-text:#bbbcb6;--progress-fill:#f3f3f3;--progress-track:#0000005c;--sans:"Avenir Next", Avenir, "Segoe UI", sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 16%, #ffffff0f, transparent 46%), linear-gradient(120deg, var(--bg-main), var(--bg-secondary));min-height:100svh}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.streak-page{box-sizing:border-box;justify-content:center;align-items:center;width:min(100%,920px);min-height:100svh;margin:0 auto;padding:clamp(24px,6vw,54px);display:flex}.streak-card{border:1px solid var(--card-border);background:linear-gradient(#38383857,#2d2d2d42);border-radius:20px;flex-direction:column;gap:clamp(20px,4vw,34px);width:min(100%,760px);padding:clamp(24px,4vw,58px);display:flex}.streak-label-row{color:var(--muted-text);align-items:center;gap:10px;display:inline-flex}.streak-label{letter-spacing:.14em;margin:0;font-size:clamp(12px,1.6vw,16px);font-weight:650;line-height:1}.streak-main{align-items:baseline;gap:12px;display:flex}.streak-value{color:var(--value-text);margin:0;font-size:clamp(48px,10vw,56px);font-weight:700;line-height:.95}.streak-unit{color:var(--muted-text);font-size:clamp(28px,5vw,40px);font-weight:600}.week-progress{grid-template-columns:repeat(7,1fr);gap:clamp(6px,1.2vw,12px);width:100%;display:grid}.week-cell{background:var(--progress-track);border-radius:6px;height:clamp(16px,2.6vw,24px);transition:background .4s}.week-cell.filled{background:var(--progress-fill)}.streak-dates{color:var(--muted-text);text-align:center;grid-template-columns:repeat(7,1fr);gap:clamp(6px,1.2vw,12px);font-size:clamp(16px,2.8vw,22px);font-weight:650;display:grid}.week-count{color:var(--muted-text);letter-spacing:.04em;align-self:center;font-size:clamp(16px,2.8vw,22px);font-weight:650}@media (width<=720px){.streak-card{border-radius:16px}.streak-label{font-size:12px}.streak-main{align-items:flex-end;gap:8px}.streak-unit{transform:translateY(-10px)}.streak-dates{font-size:clamp(14px,4vw,20px)}.week-cell{border-radius:5px;height:clamp(14px,4vw,22px)}.week-count{font-size:clamp(14px,4vw,20px)}}