.tile-frame{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:linear-gradient(165deg, var(--surface-elevated), var(--surface-default));box-shadow:var(--shadow-raised);transition:transform var(--m-normal) var(--ease-out), border-color var(--m-normal) var(--ease-out), box-shadow var(--m-normal) var(--ease-out);flex-direction:column;gap:10px;padding:14px 15px 12px;text-decoration:none;display:flex;overflow:hidden}.tile-frame:hover{border-color:var(--line-strong);box-shadow:var(--shadow-modal);transform:translateY(-3px)}.tile-frame:focus-visible{outline:2px solid var(--presence);outline-offset:2px}.tile-frame .dash-live-dot{background:var(--danger)}.tile-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.tile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-data,var(--font));font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);flex:1;font-weight:700;overflow:hidden}.tile-cadence{font-family:var(--font-data,var(--font));font-size:var(--fs-2xs);letter-spacing:.06em;white-space:nowrap;border-radius:var(--r-full);background:color-mix(in oklab, var(--text-muted) 16%, transparent);color:var(--text-muted);flex:none;align-items:center;gap:5px;padding:3px 8px;font-weight:600;display:inline-flex}.tile-cadence--live{background:color-mix(in oklab, var(--danger) 16%, transparent);color:var(--danger)}.tile-cadence--paused{background:color-mix(in oklab, var(--warning) 18%, transparent);color:var(--warning)}.tile-value-row{align-items:baseline;gap:8px;min-width:0;display:flex}.tile-value{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-data,var(--font));font-size:var(--fs-2xl);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700;overflow:hidden}.tile-delta{font-family:var(--font-data,var(--font));font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:600}.tile-delta--up{color:var(--insight)}.tile-delta--down{color:var(--danger)}.tile-context{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:var(--text-secondary);margin:0;overflow:hidden}.tile-context--note{white-space:normal;text-overflow:clip;-webkit-line-clamp:2;color:var(--warning);-webkit-box-orient:vertical;display:-webkit-box}.tile-viz{align-items:center;width:100%;min-height:56px;display:flex;overflow:hidden}.tile-viz-svg{width:100%;height:40px;display:block;overflow:hidden}.tile-prob{align-items:center;gap:8px;width:100%;display:flex}.tile-prob-track{border-radius:var(--r-full);background:color-mix(in oklab, var(--text-muted) 18%, transparent);flex:1;height:8px;overflow:hidden}.tile-prob-fill{border-radius:inherit;background:linear-gradient(90deg, var(--presence), var(--insight));height:100%;transition:width var(--m-normal) var(--ease-out)}.tile-prob-pct{text-align:right;min-width:36px;font-family:var(--font-data,var(--font));font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--text-primary);flex:none;font-weight:700}.tile-forecast{gap:8px;width:100%;display:flex;overflow:hidden}.tile-forecast-day{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.tile-forecast-label{font-size:var(--fs-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.tile-forecast-glyph{width:16px;height:16px;color:var(--text-secondary)}.tile-forecast-temp{font-family:var(--font-data,var(--font));font-size:var(--fs-xs);white-space:nowrap;color:var(--text-primary)}.tile-forecast-lo{color:var(--text-muted);margin-left:2px}.tile-chips{flex-wrap:wrap;gap:6px;width:100%;display:flex;overflow:hidden}.tile-chip{font-family:var(--font-data,var(--font));font-size:var(--fs-2xs);white-space:nowrap;border-radius:var(--r-full);background:color-mix(in oklab, var(--text-muted) 14%, transparent);color:var(--text-secondary);padding:3px 7px;font-weight:600}.tile-chip--accent{background:color-mix(in oklab, var(--presence) 20%, transparent);color:var(--presence-soft)}.tile-countdown{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.tile-countdown-value{font-family:var(--font-data,var(--font));font-size:var(--fs-xl);font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700}.tile-countdown-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--fs-2xs);color:var(--text-muted);overflow:hidden}.tile-live{flex-direction:column;gap:6px;width:100%;display:flex}.tile-live-head{align-items:center;gap:6px;min-width:0;display:flex}.tile-live-label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:var(--text-secondary);overflow:hidden}.tile-live-track{border-radius:var(--r-full);background:color-mix(in oklab, var(--text-muted) 18%, transparent);width:100%;height:6px;overflow:hidden}.tile-live-fill{border-radius:inherit;background:var(--danger);height:100%;transition:width var(--m-normal) var(--ease-out)}.tile-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:8px;display:flex}.tile-asof{font-family:var(--font-data,var(--font));font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint,var(--text-muted));font-weight:600}.tile-check{border-radius:var(--r-full);width:22px;height:22px;color:var(--text-muted);cursor:pointer;transition:background var(--m-fast) var(--ease-out), color var(--m-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.tile-check svg{width:12px;height:12px}.tile-check:hover,.tile-check:focus-visible{background:color-mix(in oklab, var(--presence) 14%, transparent);color:var(--presence)}.tile-check:focus-visible{outline:2px solid var(--presence);outline-offset:1px}.tile-check.is-checking{color:var(--presence);cursor:default}.tile-value--checking{animation:1.4s ease-in-out infinite tileValuePulse}@keyframes tileValuePulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.tile-value--checking{opacity:.75;animation:none}}
