.period-metrics{--metric-surface-a:#ffffff;--metric-surface-b:#f0f2f7;--metric-ink:#202735;--metric-label:#465267;--metric-border:#d6dce6;--metric-wash:.07;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin:0}.period-metric{--metric-accent:92 172 144;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 58px;grid-template-rows:auto auto;align-content:center;align-items:center;gap:6px 10px;min-width:0;min-height:108px;padding:16px;border:1px solid var(--metric-border);border-radius:18px;background:radial-gradient(ellipse at 100% 0%,rgb(var(--metric-accent) / var(--metric-wash)),transparent 75%),linear-gradient(135deg,var(--metric-surface-a),var(--metric-surface-b));box-shadow:inset 0 1px #ffffff12,0 3px 12px #00000004;color:var(--metric-ink)}.period-metric[data-metric=achievements]{--metric-accent:166 135 219}.period-metric[data-metric=active]{--metric-accent:204 162 92}.period-metric[data-metric=focus]{--metric-accent:100 165 230}.period-metric-label{grid-row:2;grid-column:1;margin:0;font-size:14px;font-weight:400;line-height:20px;color:var(--metric-label);overflow-wrap:anywhere}.period-metric-value{grid-row:1;grid-column:1;margin:0;font-size:32px;font-weight:650;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.period-metric-icon{grid-row:1 / 3;grid-column:2;display:block;width:58px;height:64px;-o-object-fit:contain;object-fit:contain}.dark .period-metrics{--metric-surface-a:#242c37;--metric-surface-b:#181e27;--metric-ink:#f6f8fc;--metric-label:#d0d8e5;--metric-border:#465164;--metric-wash:.12}[data-theme=light] .period-metrics{--metric-surface-a:#ffffff;--metric-surface-b:#f1f3fa}[data-theme=dark] .period-metrics{--metric-surface-a:#242c37;--metric-surface-b:#181e27}[data-theme=gray] .period-metrics{--metric-surface-a:#f9fafb;--metric-surface-b:#e5e9ed;--metric-ink:#25303c;--metric-label:#485663;--metric-border:#c7cfd7}[data-theme=colorful] .period-metrics{--metric-surface-a:#fffaff;--metric-surface-b:#efe7fa;--metric-ink:#352442;--metric-label:#614b72;--metric-border:#d9c9e9}[data-theme=productive] .period-metrics{--metric-surface-a:#20354b;--metric-surface-b:#132337;--metric-ink:#f5f8fd;--metric-label:#cbd8e9;--metric-border:#48627b}[data-theme=e-ink] .period-metrics{--metric-surface-a:#faf7f0;--metric-surface-b:#ece5d8;--metric-ink:#302d26;--metric-label:#62594d;--metric-border:#d0c5b3;--metric-wash:.03}[data-theme=cyber-midnight] .period-metrics{--metric-surface-a:#1f243d;--metric-surface-b:#111a2b;--metric-ink:#edfaff;--metric-label:#c3dce7;--metric-border:#3d6777}[data-theme=summer-garden] .period-metrics{--metric-surface-a:#fbfff7;--metric-surface-b:#e6f0df;--metric-ink:#203b2b;--metric-label:#47624e;--metric-border:#c2d4b9}[data-theme=terminal] .period-metrics{--metric-surface-a:#302a1e;--metric-surface-b:#1d1a13;--metric-ink:#fff5d9;--metric-label:#dfcfab;--metric-border:#66583b}[data-theme=retro-wave] .period-metrics{--metric-surface-a:#342344;--metric-surface-b:#21172f;--metric-ink:#fff3ff;--metric-label:#dfcbe9;--metric-border:#795389}[data-theme=bauhaus] .period-metrics{--metric-surface-a:#fffdf8;--metric-surface-b:#f0e9dd;--metric-ink:#292724;--metric-label:#58524b;--metric-border:#c7bfb2}[data-theme=soft-cartoon] .period-metrics{--metric-surface-a:#fffaf2;--metric-surface-b:#f6e4d7;--metric-ink:#473128;--metric-label:#705348;--metric-border:#e1c7b5}[data-theme=anime-daydream] .period-metrics{--metric-surface-a:#fcfdff;--metric-surface-b:#e2edf8;--metric-ink:#233b50;--metric-label:#46647b;--metric-border:#bdcfe2}[data-theme=space-observatory] .period-metrics{--metric-surface-a:#23334e;--metric-surface-b:#142337;--metric-ink:#f0f6ff;--metric-label:#cedaee;--metric-border:#526987}[data-theme=kyoto-paper] .period-metrics{--metric-surface-a:#fcfaf2;--metric-surface-b:#e8eadb;--metric-ink:#303a2b;--metric-label:#56604e;--metric-border:#c9cbb7}@media(max-width:1100px){.period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.period-metrics{gap:10px}.period-metric{padding:14px;gap:6px 8px;min-height:108px;grid-template-columns:minmax(0,1fr) 48px;border-radius:16px}.period-metric-icon{width:48px;height:56px}}@media(max-width:350px){.period-metric{padding:12px;gap:5px;grid-template-columns:minmax(0,1fr) 40px}.period-metric-icon{width:40px;height:48px}.period-metric-value{font-size:28px}.period-metric-label{font-size:13px}}.period-metric:has(.period-metric-value[data-long=true]){grid-template-columns:minmax(0,1fr) 32px}.period-metric:has(.period-metric-value[data-long=true]) .period-metric-icon{width:32px;height:44px}@media(forced-colors:active){.period-metric{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.period-metric-label{color:CanvasText}}