.ptrack{background:var(--color-night-raised);border:1px solid var(--color-night-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3) calc(var(--space-3) + 2px);margin-bottom:var(--space-3);box-shadow:var(--shadow-raised)}.ptrack-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.ptrack-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-ivory)}.ptrack-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-gold)}.ptrack-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.ptrack-pill{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:62px;padding:8px 2px 7px;border:1px solid var(--color-night-border);border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-night-raised) 92%,var(--color-ivory) 4%);color:var(--color-ivory-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-normal,.2s) ease,background var(--duration-normal,.2s) ease,transform var(--duration-fast,.12s) ease}.ptrack-pill:active{transform:scale(.96)}.ptrack-pill[data-now=true]{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold) inset}.ptrack-pill[data-done=true]{border-color:transparent;background:linear-gradient(160deg,color-mix(in oklch,var(--color-green-soft) 70%,var(--color-night-raised)),color-mix(in oklch,var(--color-green-soft) 40%,var(--color-night-raised)));color:var(--color-ivory)}.ptrack-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.8rem;font-weight:800;line-height:1;background:transparent;color:transparent}.ptrack-pill[data-done=true] .ptrack-check{background:var(--color-gold);color:oklch(99% .005 92)}.ptrack-name{font-size:.78rem;font-weight:600;line-height:1.1}.ptrack-time{font-size:.68rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-ivory-faint)}.ptrack-pill[data-done=true] .ptrack-time{color:color-mix(in oklch,var(--color-ivory) 70%,transparent)}.ptrack-note{margin:var(--space-2) 0 0;font-size:.85rem;color:var(--color-ivory-faint);text-align:center}@media (max-width:360px){.ptrack-name{font-size:.72rem}}.ptrack-pill[data-locked=true]{opacity:.45;cursor:not-allowed}.ptrack-pill[data-locked=true] .ptrack-name,.ptrack-pill[data-locked=true] .ptrack-time{color:var(--color-ivory-faint)}.dayhero{position:relative;border-radius:var(--radius-lg);padding:clamp(1.5rem,5vw,2.5rem) clamp(1.3rem,7vw,3rem) clamp(1.3rem,5vw,2rem);margin:var(--space-2) calc(-1 * var(--space-1)) var(--space-4);isolation:isolate;color:#3a2a0e;background:radial-gradient(80% 80% at 18% 0,color-mix(in oklch,var(--color-gold-hi) 54%,transparent),transparent 62%),linear-gradient(145deg,oklch(99% .01 95),oklch(94% .025 92) 54%,oklch(90% .035 150));border:1px solid color-mix(in oklch,var(--color-gold) 36%,white);box-shadow:inset 0 1px 0 oklch(100% 0 0/.78),0 28px 60px oklch(62% .06 85/.22);overflow:hidden}.dayhero:before{content:"";position:absolute;inset:auto -8% -38% 28%;height:62%;border-radius:999px;background:radial-gradient(circle,color-mix(in oklch,var(--color-gold) 20%,transparent),transparent 68%);pointer-events:none;z-index:-1}.dayhero-loading{background:linear-gradient(180deg,oklch(98% .012 90),oklch(94% .02 85));color:var(--color-gold-deep,#8A6324);box-shadow:inset 0 1px 0 oklch(100% 0 0/.7),0 14px 36px oklch(60% .04 80/.16)}.dayhero-stage{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch,var(--color-green) 72%,#3a2a0e)}.dayhero-next{margin:.7rem 0 1.4rem}.dayhero-next-label{margin:0;font-size:.92rem;font-weight:600;letter-spacing:.01em;opacity:.92;display:flex;align-items:baseline;gap:.4rem}.dayhero-next-ar{font-weight:500;font-size:1.05em;opacity:.85}.dayhero-time{margin:.18em 0 0;font-size:clamp(3.8rem,18vw,6.4rem);font-weight:700;line-height:.96;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0;color:color-mix(in oklch,var(--color-gold-deep) 72%,#3a2a0e);text-shadow:0 16px 42px oklch(72% .12 88/.18)}.dayhero-cd{display:inline-flex;align-items:center;margin:.7em 0 0;padding:.34em .85em;font-size:.86rem;font-weight:600;letter-spacing:.01em;color:inherit;background:color-mix(in oklch,currentColor 12%,transparent);border:.5px solid color-mix(in oklch,currentColor 22%,transparent);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dayhero-line{list-style:none;margin:0;padding:1.2rem 0 .2rem;position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.2rem;gap:.2rem}.dayhero-line:before{content:"";position:absolute;top:calc(1.2rem + 1.05rem);left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklch,currentColor 38%,transparent),transparent);z-index:0}.dayhero-cell{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:.4rem;gap:.4rem;text-align:center;opacity:.55;transition:opacity .4s ease,transform .4s var(--ease-out-expo,cubic-bezier(.16,1,.3,1))}.dayhero-cell-name{font-size:.7rem;font-weight:600;letter-spacing:.02em;order:-1}.dayhero-cell-time{font-size:.84rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0}.dayhero-dot{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid;opacity:.6}.dayhero-cell[data-passed=true]{opacity:.34}.dayhero-cell[data-passed=true] .dayhero-dot{background:currentColor;opacity:.45;border-color:transparent}.dayhero-cell[data-current=true]{opacity:1;transform:translateY(-2px)}.dayhero-cell[data-current=true] .dayhero-cell-name,.dayhero-cell[data-current=true] .dayhero-cell-time{font-weight:700}.dayhero-cell[data-current=true] .dayhero-dot{background:currentColor;border-color:transparent;opacity:1;box-shadow:0 0 0 4px color-mix(in oklch,currentColor 22%,transparent),0 0 14px color-mix(in oklch,currentColor 55%,transparent);animation:dayhero-pulse 2.8s ease-in-out infinite}@keyframes dayhero-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in oklch,currentColor 20%,transparent),0 0 12px color-mix(in oklch,currentColor 45%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch,currentColor 28%,transparent),0 0 20px color-mix(in oklch,currentColor 65%,transparent)}}@media (prefers-reduced-motion:reduce){.dayhero-cell[data-current=true] .dayhero-dot{animation:none}.dayhero,.dayhero-cell{transition:none}}@media (min-width:760px){.dayhero{margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3))}}