:root{--dur-fast:.14s;--dur-base:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--stagger-step:40ms}.u-stagger>*{animation:u-rise var(--dur-base) var(--ease-standard) backwards;animation-delay:calc(var(--i,0) * var(--stagger-step))}.u-stagger>:first-child{--i:0}.u-stagger>:nth-child(2){--i:1}.u-stagger>:nth-child(3){--i:2}.u-stagger>:nth-child(4){--i:3}.u-stagger>:nth-child(5){--i:4}.u-stagger>:nth-child(6){--i:5}.u-stagger>:nth-child(7){--i:6}.u-stagger>:nth-child(8){--i:7}.u-stagger>:nth-child(9){--i:8}.u-stagger>:nth-child(10){--i:9}.u-stagger>:nth-child(11){--i:10}.u-stagger>:nth-child(12){--i:11}.u-stagger>:nth-child(13){--i:12}.u-stagger>:nth-child(14){--i:13}.u-stagger>:nth-child(15){--i:14}.u-stagger>:nth-child(16){--i:15}@keyframes u-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.u-pop{animation:u-pop var(--dur-base) var(--ease-spring) backwards;transform-origin:var(--pop-origin,center)}@keyframes u-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.u-step{animation:u-rise var(--dur-base) var(--ease-standard) backwards}.u-accordion{transition:grid-template-rows var(--dur-base) var(--ease-standard);grid-template-rows:0fr;display:grid}.u-accordion.open{grid-template-rows:1fr}.u-accordion>.u-accordion__inner{min-height:0;overflow:hidden}.u-toast-in{animation:u-toast-in var(--dur-base) var(--ease-spring) backwards}@keyframes u-toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.u-morph{transition:color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard)}::view-transition-old(root){animation-duration:var(--dur-base);animation-timing-function:var(--ease-standard)}::view-transition-new(root){animation-duration:var(--dur-base);animation-timing-function:var(--ease-standard)}@media (prefers-reduced-motion:reduce){.u-stagger>*,.u-pop,.u-step,.u-toast-in{animation:none!important}.u-accordion,.u-morph{transition:none}}
:root{--accent-pressed:color-mix(in srgb, var(--accent) 88%, #000);--accent-disabled:color-mix(in srgb, var(--accent) 42%, #fff);--focus-ring:color-mix(in srgb, var(--accent) 50%, transparent);--ok:#2e844a;--ok-soft:#2e844a1f;--ok-deep:#1e5e34;--warn:#b45309;--warn-soft:#b553091f;--warn-deep:#92400e;--err:#d92d20;--err-soft:#d92d201a;--err-deep:#9a1c1c;--info:var(--accent);--info-soft:var(--accent-soft);--info-deep:color-mix(in srgb, var(--accent) 72%, #000);--hairline:#e2e2e6;--hairline-faint:#efeff2;--elev-1:0 1px 2px #7850320d, 0 2px 7px #78503212;--elev-2:0 2px 5px #7850320f, 0 9px 20px -6px #7850321f;--elev-3:0 3px 8px #78503212, 0 16px 34px -8px #78503229;--elev-4:0 4px 8px #091e420d, 0 16px 32px -8px #091e421a, 0 32px 56px -12px #091e421f;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-std:cubic-bezier(.25, .1, .25, 1);--scrim:#00000080}::selection{background:var(--accent);color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sx-btn:active:not(:disabled),.sx-copy:active,.login-card button:active:not(:disabled),.navlinks .loginbtn:active,.navlinks .who button:active,.navlinks .nav-cta:active{transform:scale(.97)}.sx-btn:disabled{opacity:1;background:var(--accent-disabled);color:#fff;cursor:not-allowed;border-color:#0000}.sx-btn.grad:disabled{background:var(--accent-disabled);filter:none}.sx-btn.ghost:disabled{color:var(--muted-2);border-color:var(--border-soft);background:0 0}.login-card button:disabled{opacity:1;background:var(--accent-disabled);cursor:not-allowed}.card{transition:border-color var(--dur-base) var(--ease-std), box-shadow var(--dur-base) var(--ease-std)}.card:hover{border-color:var(--border);box-shadow:var(--elev-3);transform:none}.sx-result:hover{border-color:var(--border);box-shadow:var(--elev-2)}.pub-work:hover{border-color:var(--border);box-shadow:var(--elev-1)}.login-card{box-shadow:var(--elev-3)}.sx-badge{font-variant-numeric:tabular-nums;letter-spacing:.02em}.sx-badge.hi,.sx-badge.live{color:var(--ok-deep);background:var(--ok-soft)}.sx-badge.mid,.sx-badge.sim{color:var(--warn-deep);background:var(--warn-soft)}.sx-badge.run{color:var(--muted);background:var(--surface-2)}.sx-empty{background:var(--surface-2);border-radius:var(--r-lg);padding:48px 24px}.skeleton{animation:sk-shimmer 1.4s var(--ease-std) infinite;background:linear-gradient(100deg,#f2e9dc 40%,#efeff2 50%,#f2e9dc 60%) 0 0/300% 100%}@keyframes sk-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.num{font-variant-numeric:tabular-nums}.eyebrow{letter-spacing:.05em;color:var(--muted-2);font-size:12px;font-weight:600}.kpi-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1.1}.keycap{min-width:20px;height:20px;font-family:var(--mono);color:var(--muted);border:1px solid var(--hairline);background:linear-gradient(#f2e9dc,#ececf0);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:1px 6px;font-size:12px;display:inline-flex}.surface-inset{background:var(--surface-2);border-radius:var(--r-md)}.sx-toast{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--fg);box-shadow:var(--elev-4);align-items:center;gap:9px;padding:12px 16px;font-size:14px;display:inline-flex}.daily-hero,.phero{isolation:isolate;position:relative}.daily-hero:before,.phero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 56% at 50% 32%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 66%);width:min(720px,94%);height:128%;position:absolute;top:-6%;left:50%;transform:translate(-50%)}@keyframes polish-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.daily-hero{animation:polish-rise .5s var(--ease-std) both;animation-delay:20ms}.dstep{animation:polish-rise .5s var(--ease-std) both;animation-delay:.1s}.dsecondary{animation:polish-rise .5s var(--ease-std) both;animation-delay:.2s}.dstep{position:relative}.dstep:not(.locked){box-shadow:var(--elev-2);border-color:color-mix(in srgb, var(--accent) 20%, var(--border-soft))}.dstep:not(.locked):before{content:"";border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--note-peach);height:8px;position:absolute;inset:0 0 auto}.dstep:not(.locked):nth-of-type(4n+2):before{background:var(--note-mint)}.dstep:not(.locked):nth-of-type(4n+3):before{background:var(--note-lilac)}.dstep:not(.locked):nth-of-type(4n+4):before{background:var(--note-butter)}.dstep.locked{opacity:.45}.dnum{box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 32%, transparent)}.wstep.on{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent)}.dchip{transition:background var(--dur-fast) var(--ease-std), border-color var(--dur-fast) var(--ease-std), box-shadow var(--dur-fast) var(--ease-std)}.dchip:hover{border-color:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:var(--elev-1)}.dchip.on{box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 28%, transparent)}.ds-card{transition:border-color var(--dur-base) var(--ease-std), box-shadow var(--dur-base) var(--ease-std)}.ds-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:var(--elev-2)}.ds-card:hover b{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}