.screens{--s-bg:#0f0507;--s-surface:#1c0d10;--s-raised:#2b1418;--s-hairline:#431f23;--s-primary:#faede6;--s-secondary:#e3b5a4;--s-muted:#a97b70;--s-accent:#ffc24d;--s-accent-dim:#4a2410;--s-on-accent:#2e1403;--s-identity:#ff5c38;--s-identity-dim:#471613;--s-danger:#f23b4c;--s-warning:#e8890f;--s-success:#43c583;--s-c-accent:255 194 77;--s-c-identity:255 92 56;--s-c-danger:242 59 76;--s-c-success:67 197 131;--s-c-warning:232 137 15;--s-c-surface:28 13 16;--s-c-hairline:67 31 35}.screens[data-palette=tempest]{--s-bg:#0a1618;--s-surface:#112427;--s-raised:#19373b;--s-hairline:#2f5053;--s-primary:#e9f2eb;--s-secondary:#c3d8cd;--s-muted:#85ab9a;--s-accent:#68d5a3;--s-accent-dim:#174330;--s-on-accent:#06221a;--s-identity:#4db8d0;--s-identity-dim:#123944;--s-danger:#f1626d;--s-warning:#e8a13f;--s-success:#32ae7b;--s-c-accent:104 213 163;--s-c-identity:77 184 208;--s-c-danger:241 98 109;--s-c-success:50 174 123;--s-c-warning:232 161 63;--s-c-surface:17 36 39;--s-c-hairline:47 80 83}.pal{flex-wrap:wrap;gap:10px;margin-top:clamp(22px,2.6cqi,34px);display:flex}.pal[hidden]{display:none}.pal-b{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--hairline);border-radius:4px;gap:7px;padding:11px 14px;display:grid}.pal-b:hover{border-color:rgb(var(--c-accent) / .45)}.pal-b[aria-pressed=true]{border-color:rgb(var(--c-accent) / .7);background:var(--raised)}.pal-b .pn{font-family:var(--ui);color:var(--primary);font-size:14px;line-height:1.2}.pal-b[aria-pressed=true] .pn{color:var(--accent)}.pal-b .pt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.pal-b .sw{gap:5px;margin-top:2px;display:flex}.pal-b .sw i{border-radius:50%;width:15px;height:15px;display:block;box-shadow:inset 0 0 0 1px #ffffff14}.pal-b[data-pal=eclipse] .sw i:first-child{background:#0f0507}.pal-b[data-pal=eclipse] .sw i:nth-child(2){background:#431f23}.pal-b[data-pal=eclipse] .sw i:nth-child(3){background:#ff5c38}.pal-b[data-pal=eclipse] .sw i:nth-child(4){background:#ffc24d}.pal-b[data-pal=eclipse] .sw i:nth-child(5){background:#ffd5a0}.pal-b[data-pal=tempest] .sw i:first-child{background:#0a1618}.pal-b[data-pal=tempest] .sw i:nth-child(2){background:#2f5053}.pal-b[data-pal=tempest] .sw i:nth-child(3){background:#68d5a3}.pal-b[data-pal=tempest] .sw i:nth-child(4){background:#9ddfc0}.pal-b[data-pal=tempest] .sw i:nth-child(5){background:#c3d8cd}.rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;gap:clamp(14px,1.8cqi,24px);margin-top:clamp(24px,3cqi,40px);padding-bottom:10px;display:flex;overflow-x:auto}.dev{scroll-snap-align:center;flex:none;width:clamp(214px,21.6cqi,262px);margin:0}.dev figcaption{gap:3px;margin-top:clamp(12px,1.4cqi,18px);display:grid}.dev .name{font-family:var(--display);color:var(--primary);font-size:clamp(17px,1.6cqi,21px)}.dev .what{color:var(--secondary);font-size:clamp(13px,1.1cqi,15px);line-height:1.5}.phone{box-shadow:0 0 0 1px #0009, 0 18px 40px #00000080, 0 0 34px rgb(var(--s-c-accent) / .09);background:linear-gradient(158deg,#35333a,#131215 42%,#2b2930);border-radius:13.5%/6.6%;padding:2%;position:relative}.screen{aspect-ratio:39/80;background:var(--s-bg);border-radius:11.5%/5.6%;position:relative;overflow:hidden;container-type:inline-size}.phone .island{z-index:3;background:#000;border-radius:999px;width:27%;height:2.6%;position:absolute;top:3.4%;left:50%;transform:translate(-50%)}.ui{font-family:var(--ui);--u:1.0256cqw;--r-lg:6.15cqw;--r-md:4.1cqw;--r-sm:3.08cqw;color:var(--s-primary);flex-direction:column;display:flex;position:absolute;inset:0}.ui .title{letter-spacing:-.01em;font-size:6.15cqw;font-weight:600;line-height:7.7cqw}.ui .head{font-size:4.36cqw;font-weight:500;line-height:5.6cqw}.ui .body{font-size:3.85cqw;line-height:5.4cqw}.ui .cap{color:var(--s-secondary);font-size:3.33cqw;line-height:4.6cqw}.ui .micro{letter-spacing:.085em;text-transform:uppercase;color:var(--s-muted);font-size:2.82cqw;font-weight:500;line-height:3.6cqw}.ui .metric{font-variant-numeric:tabular-nums;font-size:7.18cqw;font-weight:600;line-height:8.7cqw}.ui .t-sec{color:var(--s-secondary)}.ui .t-mut{color:var(--s-muted)}.ui .t-pri{color:var(--s-primary)}.ui .t-acc{color:var(--s-accent)}.ui .t-idn{color:var(--s-identity)}.ui .t-dan{color:var(--s-danger)}.ui .t-wrn{color:var(--s-warning)}.ui .t-suc{color:var(--s-success)}.ui .num{font-variant-numeric:tabular-nums}.ui .lower{text-transform:none;letter-spacing:0}.ui .row{align-items:center;gap:calc(var(--u) * 2);display:flex}.ui .between{justify-content:space-between}.ui .top{align-items:flex-start}.ui .fill{flex:1;min-width:0}.ui .stack{gap:1.2cqw;display:grid}.ui .rt{justify-items:end;gap:1.2cqw;display:grid}.ui .padx{padding-inline:calc(var(--u) * 4)}.ui .px1{padding-inline:var(--u)}.ui .hdr{gap:.5cqw;display:grid}.ui .statusbar{flex:none;justify-content:space-between;align-items:center;height:12.3cqw;padding:3cqw 6.4cqw 0;display:flex}.ui .statusbar .clock{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:3.6cqw;font-weight:600}.ui .statusbar svg{width:4.4cqw;height:3.2cqw;color:var(--s-primary)}.ui .sb-glyphs{align-items:center;gap:1.4cqw;display:flex}.ui .tabpill{z-index:2;border:1px solid var(--s-hairline);background:rgb(var(--s-c-surface) / .72);backdrop-filter:blur(10px);height:16.4cqw;box-shadow:0 1cqw 4.6cqw rgb(var(--s-c-accent) / .3);border-radius:999px;align-items:center;display:flex;position:absolute;bottom:2.6cqw;left:5.1cqw;right:5.1cqw}.ui .tab{color:var(--s-muted);flex:1;justify-items:center;gap:.6cqw;display:grid}.ui .tab svg{width:6.2cqw;height:6.2cqw}.ui .tab span{font-size:2.56cqw;font-weight:500}.ui .tab.on{color:var(--s-accent)}.ui .app{gap:calc(var(--u) * 4);min-height:0;padding:calc(var(--u) * 3) calc(var(--u) * 4) 0;flex-direction:column;flex:1;display:flex;overflow:hidden;mask-image:linear-gradient(#000 76%,#0000 97%)}.ui .app>*{flex:none}.ui .card{gap:calc(var(--u) * 3);padding:calc(var(--u) * 4);border-radius:var(--r-md);background:var(--s-surface);border:1px solid rgb(var(--s-c-accent) / .22);box-shadow:0 0 2.3cqw rgb(var(--s-c-accent) / .28);flex-direction:column;display:flex}.ui .card.raised{background:var(--s-raised)}.ui .card.tight{padding:calc(var(--u) * 3) calc(var(--u) * 4)}.ui .card.list{padding:0 calc(var(--u) * 4);gap:0}.ui .badge{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:rgb(var(--s-c-accent) / .12);border:1px solid;border-color:rgb(var(--s-c-accent) / .33);color:var(--s-accent);border-radius:999px;align-self:flex-start;padding:.3cqw 2cqw;font-size:2.56cqw;font-weight:500;line-height:4cqw}.ui .badge.b-sec{color:var(--s-secondary);background:#e3b5a41f;border-color:#e3b5a454}.screens[data-palette=tempest] .ui .badge.b-sec{background:#c3d8cd1f;border-color:#c3d8cd54}.ui .badge.b-mut{color:var(--s-muted);background:#a97b701f;border-color:#a97b7054}.screens[data-palette=tempest] .ui .badge.b-mut{background:#85ab9a1f;border-color:#85ab9a54}.ui .badge.b-wrn{background:rgb(var(--s-c-warning) / .12);border-color:rgb(var(--s-c-warning) / .33);color:var(--s-warning)}.ui .badge.b-dan{background:rgb(var(--s-c-danger) / .12);border-color:rgb(var(--s-c-danger) / .33);color:var(--s-danger)}.ui .badge.b-suc{background:rgb(var(--s-c-success) / .12);border-color:rgb(var(--s-c-success) / .33);color:var(--s-success)}.ui .badge.solid{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-on-accent)}.ui .lrow{gap:calc(var(--u) * 3);padding:calc(var(--u) * 3) 0;align-items:flex-start;display:flex}.ui .lrow+.lrow{border-top:1px solid rgb(var(--s-c-hairline) / .9)}.ui .lrow .fill>*+*{margin-top:.5cqw}.ui .lrow .chips{flex-wrap:wrap;gap:1.5cqw;margin-top:1.4cqw;display:flex}.ui .dot{background:var(--s-accent);width:2.1cqw;height:2.1cqw;box-shadow:0 0 1.8cqw rgb(var(--s-c-accent) / .8);border-radius:50%;flex:none;margin-top:1.6cqw}.ui .hr{background:var(--s-hairline);height:1px}.ui .bleed{margin-inline:calc(var(--u) * -4)}.ui .sec{gap:calc(var(--u) * 2);flex-direction:column;display:flex}.ui .sec>.row{padding-inline:var(--u);align-items:baseline}.ui .sec>.row>.micro{white-space:nowrap}.ui .strong{font-weight:500}.ui .icn{flex:none;width:4.4cqw;height:4.4cqw}.ui .icn.big{width:5.6cqw;height:5.6cqw}.ui .sky{justify-content:space-between;gap:calc(var(--u) * 4);min-height:58cqw;margin-inline:calc(var(--u) * -4);padding:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 5);border:1px solid var(--s-hairline);border-radius:var(--r-lg);background:var(--s-surface);flex-direction:column;display:flex;position:relative;overflow:hidden}.ui .sky-head,.ui .sky-foot{z-index:1;max-width:66%;position:relative}.ui .sky-head{justify-content:space-between;align-items:flex-start;gap:calc(var(--u) * 3);max-width:none;display:flex}.ui .sky-head>div{flex:1;max-width:64%}.ui .sky-greet{letter-spacing:-.015em;margin-top:.5cqw;font-size:6.7cqw;font-weight:600;line-height:8.2cqw}.ui .sky-foot{gap:calc(var(--u) * 2);display:grid}.ui .verse{line-height:5.6cqw}.ui .plus{color:var(--s-accent);font-size:6.4cqw;line-height:6.4cqw}.ui .sphere{z-index:0;background:radial-gradient(circle at 50% 50%, #ffffff6b 0, rgb(var(--s-c-accent) / .5) 9%, rgb(var(--s-c-accent) / .11) 26%, rgb(var(--s-c-accent) / 0) 55%);border-radius:50%;width:46cqw;height:46cqw;position:absolute;top:50%;right:-7cqw;transform:translateY(-50%)}.ui .sphere:after{content:"";background:radial-gradient(circle at 48.2% 41.8%, rgb(var(--s-c-accent) / .83) 0 .36cqw, transparent .48cqw), radial-gradient(circle at 57.5% 57.5%, rgb(var(--s-c-accent) / .83) 0 .36cqw, transparent .48cqw), radial-gradient(circle at 33.4% 50.7%, rgb(var(--s-c-accent) / .82) 0 .35cqw, transparent .47cqw), radial-gradient(circle at 42.0% 66.4%, rgb(var(--s-c-accent) / .81) 0 .35cqw, transparent .47cqw), radial-gradient(circle at 70.8% 46.3%, rgb(var(--s-c-accent) / .92) 0 .53cqw, transparent .65cqw), radial-gradient(circle at 59.5% 30.2%, rgb(var(--s-c-accent) / .8) 0 .35cqw, transparent .47cqw), radial-gradient(circle at 29.9% 32.9%, rgb(var(--s-c-accent) / .78) 0 .34cqw, transparent .46cqw), radial-gradient(circle at 66.7% 70.8%, rgb(var(--s-c-accent) / .78) 0 .34cqw, transparent .46cqw), radial-gradient(circle at 43.5% 22.7%, rgb(var(--s-c-accent) / .89) 0 .51cqw, transparent .63cqw), radial-gradient(circle at 51.5% 79.7%, rgb(var(--s-c-accent) / .76) 0 .34cqw, transparent .46cqw), radial-gradient(circle at 19.6% 57.2%, rgb(var(--s-c-accent) / .75) 0 .34cqw, transparent .46cqw), radial-gradient(circle at 80.2% 59.5%, rgb(var(--s-c-accent) / .75) 0 .34cqw, transparent .46cqw), radial-gradient(circle at 27.9% 72.9%, rgb(var(--s-c-accent) / .86) 0 .5cqw, transparent .62cqw), radial-gradient(circle at 78.1% 33.4%, rgb(var(--s-c-accent) / .74) 0 .34cqw, transparent .46cqw), radial-gradient(circle at 16.5% 39.8%, rgb(var(--s-c-accent) / .72) 0 .33cqw, transparent .45cqw), radial-gradient(circle at 61.3% 16.3%, rgb(var(--s-c-accent) / .72) 0 .33cqw, transparent .45cqw), radial-gradient(circle at 38.7% 86.1%, rgb(var(--s-c-accent) / .7) 0 .32cqw, transparent .44cqw), radial-gradient(circle at 88.6% 46.4%, rgb(var(--s-c-accent) / .69) 0 .32cqw, transparent .44cqw), radial-gradient(circle at 72.1% 81.9%, rgb(var(--s-c-accent) / .69) 0 .32cqw, transparent .44cqw), radial-gradient(circle at 40.9% 12.0%, rgb(var(--s-c-accent) / .68) 0 .32cqw, transparent .44cqw), radial-gradient(circle at 22.8% 21.7%, rgb(var(--s-c-accent) / .68) 0 .32cqw, transparent .44cqw), radial-gradient(circle at 76.3% 20.0%, rgb(var(--s-c-accent) / .67) 0 .32cqw, transparent .44cqw), radial-gradient(circle at 85.1% 70.8%, rgb(var(--s-c-accent) / .66) 0 .31cqw, transparent .43cqw), radial-gradient(circle at 58.0% 90.2%, rgb(var(--s-c-accent) / .76) 0 .47cqw, transparent .59cqw), radial-gradient(circle at 10.2% 61.7%, rgb(var(--s-c-accent) / .65) 0 .31cqw, transparent .43cqw), radial-gradient(circle at 19.0% 77.6%, rgb(var(--s-c-accent) / .65) 0 .31cqw, transparent .43cqw), radial-gradient(circle at 57.2% 8.1%, rgb(var(--s-c-accent) / .73) 0 .46cqw, transparent .58cqw), radial-gradient(circle at 7.5% 44.5%, rgb(var(--s-c-accent) / .72) 0 .46cqw, transparent .58cqw), radial-gradient(circle at 89.9% 32.8%, rgb(var(--s-c-accent) / .61) 0 .3cqw, transparent .42cqw), radial-gradient(circle at 29.3% 11.3%, rgb(var(--s-c-accent) / .6) 0 .3cqw, transparent .42cqw), radial-gradient(circle at 93.2% 57.8%, rgb(var(--s-c-accent) / .69) 0 .45cqw, transparent .57cqw), radial-gradient(circle at 12.5% 27.1%, rgb(var(--s-c-accent) / .6) 0 .3cqw, transparent .42cqw), radial-gradient(circle at 32.7% 90.5%, rgb(var(--s-c-accent) / .59) 0 .3cqw, transparent .42cqw), radial-gradient(circle at 48.2% 94.8%, rgb(var(--s-c-accent) / .56) 0 .29cqw, transparent .41cqw), radial-gradient(circle at 68.2% 91.0%, rgb(var(--s-c-accent) / .55) 0 .29cqw, transparent .41cqw), radial-gradient(circle at 82.2% 81.2%, rgb(var(--s-c-accent) / .55) 0 .29cqw, transparent .41cqw), radial-gradient(circle at 83.3% 19.8%, rgb(var(--s-c-accent) / .55) 0 .29cqw, transparent .41cqw), radial-gradient(circle at 69.4% 9.4%, rgb(var(--s-c-accent) / .54) 0 .28cqw, transparent .4cqw), radial-gradient(circle at 17.9% 81.5%, rgb(var(--s-c-accent) / .54) 0 .28cqw, transparent .4cqw), radial-gradient(circle at 7.7% 65.4%, rgb(var(--s-c-accent) / .53) 0 .28cqw, transparent .4cqw), radial-gradient(circle at 51.4% 5.0%, rgb(var(--s-c-accent) / .52) 0 .28cqw, transparent .4cqw), radial-gradient(circle at 94.5% 43.9%, rgb(var(--s-c-accent) / .52) 0 .28cqw, transparent .4cqw), radial-gradient(circle at 5.2% 48.1%, rgb(var(--s-c-accent) / .5) 0 .27cqw, transparent .39cqw), radial-gradient(circle at 90.7% 68.6%, rgb(var(--s-c-accent) / .5) 0 .27cqw, transparent .39cqw), radial-gradient(circle at 21.4% 15.7%, rgb(var(--s-c-accent) / .57) 0 .41cqw, transparent .53cqw), radial-gradient(circle at 9.8% 31.0%, rgb(var(--s-c-accent) / .48) 0 .27cqw, transparent .39cqw), radial-gradient(circle at 37.8% 7.9%, rgb(var(--s-c-accent) / .46) 0 .26cqw, transparent .38cqw), radial-gradient(circle at 43.9% 93.1%, rgb(var(--s-c-accent) / .45) 0 .26cqw, transparent .38cqw), radial-gradient(circle at 88.7% 30.4%, rgb(var(--s-c-accent) / .45) 0 .26cqw, transparent .38cqw), radial-gradient(circle at 62.1% 91.5%, rgb(var(--s-c-accent) / .45) 0 .26cqw, transparent .38cqw), radial-gradient(circle at 27% 86.4%, rgb(var(--s-c-accent) / .51) 0 .39cqw, transparent .51cqw), radial-gradient(circle at 63.0% 9.7%, rgb(var(--s-c-accent) / .42) 0 .25cqw, transparent .37cqw), radial-gradient(circle at 92.0% 54.9%, rgb(var(--s-c-accent) / .42) 0 .25cqw, transparent .37cqw), radial-gradient(circle at 79.0% 80.5%, rgb(var(--s-c-accent) / .42) 0 .25cqw, transparent .37cqw), radial-gradient(circle at 12.7% 69.4%, rgb(var(--s-c-accent) / .42) 0 .25cqw, transparent .37cqw), radial-gradient(circle at 77.1% 18.7%, rgb(var(--s-c-accent) / .47) 0 .37cqw, transparent .49cqw), radial-gradient(circle at 10.1% 51.9%, rgb(var(--s-c-accent) / .39) 0 .24cqw, transparent .36cqw), radial-gradient(circle at 24.6% 19.7%, rgb(var(--s-c-accent) / .38) 0 .24cqw, transparent .36cqw), radial-gradient(circle at 14.8% 34.9%, rgb(var(--s-c-accent) / .37) 0 .24cqw, transparent .36cqw), radial-gradient(circle at 45.4% 12.6%, rgb(var(--s-c-accent) / .36) 0 .24cqw, transparent .36cqw), radial-gradient(circle at 82.7% 67.2%, rgb(var(--s-c-accent) / .41) 0 .35cqw, transparent .47cqw), radial-gradient(circle at 85.8% 41.5%, rgb(var(--s-c-accent) / .35) 0 .23cqw, transparent .35cqw), radial-gradient(circle at 40.5% 85.5%, rgb(var(--s-c-accent) / .35) 0 .23cqw, transparent .35cqw), radial-gradient(circle at 65.6% 82.9%, rgb(var(--s-c-accent) / .35) 0 .23cqw, transparent .35cqw), radial-gradient(circle at 24.2% 75.4%, rgb(var(--s-c-accent) / .35) 0 .23cqw, transparent .35cqw), radial-gradient(circle at 59.1% 19.7%, rgb(var(--s-c-accent) / .31) 0 .22cqw, transparent .34cqw), radial-gradient(circle at 73.9% 29.5%, rgb(var(--s-c-accent) / .31) 0 .22cqw, transparent .34cqw), radial-gradient(circle at 21.0% 57.1%, rgb(var(--s-c-accent) / .34) 0 .33cqw, transparent .45cqw), radial-gradient(circle at 35.3% 25.0%, rgb(var(--s-c-accent) / .29) 0 .22cqw, transparent .34cqw), radial-gradient(circle at 77.4% 54%, rgb(var(--s-c-accent) / .29) 0 .22cqw, transparent .34cqw), radial-gradient(circle at 26.1% 40.0%, rgb(var(--s-c-accent) / .28) 0 .21cqw, transparent .33cqw), radial-gradient(circle at 47.9% 75.4%, rgb(var(--s-c-accent) / .27) 0 .21cqw, transparent .33cqw), radial-gradient(circle at 65.5% 69.1%, rgb(var(--s-c-accent) / .27) 0 .21cqw, transparent .33cqw), radial-gradient(circle at 35.1% 64.7%, rgb(var(--s-c-accent) / .26) 0 .21cqw, transparent .33cqw), radial-gradient(circle at 50.2% 32.3%, rgb(var(--s-c-accent) / .28) 0 .31cqw, transparent .43cqw), radial-gradient(circle at 65.5% 42.1%, rgb(var(--s-c-accent) / .24) 0 .21cqw, transparent .33cqw), radial-gradient(circle at 40.9% 47.3%, rgb(var(--s-c-accent) / .23) 0 .2cqw, transparent .32cqw), radial-gradient(circle at 55.5% 57.0%, rgb(var(--s-c-accent) / .23) 0 .2cqw, transparent .32cqw);border-radius:50%;position:absolute;inset:0}.ui .dials{justify-content:center;align-items:center;gap:calc(var(--u) * 3);display:flex}.ui .dial{justify-items:center;gap:1.2cqw;display:grid}.ui .ring{border:.55cqw solid var(--s-danger);color:var(--s-danger);box-shadow:0 0 2.6cqw rgb(var(--s-c-danger) / .45);border-radius:50%;place-items:center;font-weight:600;display:grid}.ui .ring.sm{width:15.4cqw;height:15.4cqw;font-size:4.3cqw}.ui .ring.lg{width:28.7cqw;height:28.7cqw;font-size:8cqw}.ui .dial-l{letter-spacing:.1em;text-transform:uppercase;color:var(--s-danger);font-size:2.56cqw;font-weight:500}.ui .dial-h{color:var(--s-muted);font-size:2.3cqw}.ui .stub-pill{border:.4cqw solid var(--s-danger);box-shadow:0 0 1.8cqw rgb(var(--s-c-danger) / .4);color:var(--s-danger);border-radius:999px;align-self:center;align-items:center;gap:1.5cqw;padding:1.2cqw 3cqw;font-size:3.33cqw;display:flex}.ui .runway{gap:calc(var(--u) * 2);display:grid}.ui .track{height:45cqw;margin-inline:calc(var(--u) * -4);position:relative}.ui .track .line{background:var(--s-hairline);height:.5cqw;position:absolute;top:24.6cqw;left:0;right:0}.ui .track .fill{background:var(--s-accent);width:77.4%;height:1cqw;box-shadow:0 0 1.6cqw rgb(var(--s-c-accent) / .55);border-radius:999px;position:absolute;top:24.3cqw;left:0}.ui .track .tick{position:absolute;top:23.3cqw}.ui .track .tick i{background:var(--s-hairline);width:1px;height:2.8cqw;display:block}.ui .track .tick span{color:var(--s-muted);margin-top:1cqw;margin-left:-1.5cqw;font-size:2.56cqw;display:block}.ui .track .tick.t1{left:7.7%}.ui .track .tick.t2{left:53.8%}.ui .track .tick.t3{left:99%}.ui .track .nowline{background:var(--s-accent);opacity:.5;width:.5cqw;height:24cqw;position:absolute;top:2cqw;left:77.4%}.ui .track .nowdot{background:var(--s-accent);width:2.6cqw;height:2.6cqw;box-shadow:0 0 2cqw rgb(var(--s-c-accent) / .9), 0 0 5cqw rgb(var(--s-c-accent) / .45);border-radius:50%;margin:-1.3cqw 0 0 -1.3cqw;position:absolute;top:24.6cqw;left:77.4%}.ui .tile{border-radius:var(--r-sm);background:var(--s-raised);border:1px solid var(--s-hairline);width:33.3cqw;height:14.9cqw;padding:2cqw;position:absolute;top:2cqw}.ui .tile .tl-t{justify-content:space-between;align-items:center;display:flex}.ui .tile .tl-b{color:var(--s-primary);margin-top:.5cqw;font-size:3.33cqw;line-height:4.2cqw}.ui .tile.past{opacity:.55;left:21.8%}.ui .tile.past .tl-b{color:var(--s-muted)}.ui .tile.now{border-color:var(--s-accent);box-shadow:0 .8cqw 2cqw rgb(var(--s-c-accent) / .45);left:60.3%}.ui .toggle{border:1px solid var(--s-hairline);border-radius:var(--r-md);background:var(--s-surface);gap:1cqw;padding:1cqw;display:flex}.ui .toggle span{border-radius:var(--r-sm);text-align:center;letter-spacing:.085em;text-transform:uppercase;color:var(--s-secondary);flex:1;padding:2cqw 0;font-size:2.82cqw;font-weight:500}.ui .toggle span.on{background:var(--s-accent);color:var(--s-on-accent);box-shadow:0 .8cqw 2cqw rgb(var(--s-c-accent) / .45)}.ui .live{background:var(--s-accent);width:1.8cqw;height:1.8cqw;box-shadow:0 0 1.6cqw rgb(var(--s-c-accent) / .8);border-radius:50%}.ui .bar{background:var(--s-raised);border-radius:999px;height:2cqw;overflow:hidden}.ui .bar i{background:var(--s-accent);border-radius:999px;width:62%;height:100%;display:block}.ui .nexttile{align-items:center;gap:calc(var(--u) * 3);border:1px solid var(--s-hairline);border-radius:var(--r-md);background:var(--s-raised);padding:2.5cqw 3cqw;display:flex}.ui .cd{flex:none;justify-items:center;width:13.3cqw;display:grid}.ui .cd b{color:var(--s-accent);font-variant-numeric:tabular-nums;font-size:5.6cqw;font-weight:600;line-height:6.2cqw}.ui .pills{gap:calc(var(--u) * 2);display:flex}.ui .pill{border:1px solid var(--s-hairline);border-radius:var(--r-sm);background:var(--s-raised);font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;gap:1.4cqw;padding:1.6cqw 0;font-size:3.33cqw;display:flex}.ui .pill i{border-radius:50%;width:1.6cqw;height:1.6cqw}.ui .pill i.done{background:var(--s-success)}.ui .pill i.now{background:var(--s-accent)}.ui .pill i.ahead{background:var(--s-secondary)}.ui .pill em{letter-spacing:.085em;text-transform:uppercase;color:var(--s-muted);font-size:2.82cqw;font-style:normal;font-weight:500}.ui .seg{gap:calc(var(--u) * 3);padding:calc(var(--u) * 3) 0;display:flex}.ui .seg+.seg{border-top:1px solid rgb(var(--s-c-hairline) / .9)}.ui .seg.past{opacity:.5}.ui .seg .rail-t{flex:none;gap:.3cqw;width:16cqw;display:grid}.ui .seg .rail-t b{font-variant-numeric:tabular-nums;font-size:4.36cqw;font-weight:500;line-height:5.6cqw}.ui .seg .tick{background:var(--s-accent);flex:none;width:1px;margin:.5cqw 0}.ui .seg .tick.id{background:var(--s-identity)}.ui .seg .tick.now{border-radius:999px;width:.5cqw}.ui .seg .tick.gap{border-left:1px dashed var(--s-hairline);background:0 0;width:0}.ui .seg .sbody{flex:1;gap:1cqw;min-width:0;display:grid}.ui .seg .meta{flex-wrap:wrap;align-items:center;gap:2cqw;display:flex}.ui .seg .open{color:var(--s-muted);font-style:italic}.ui .frommail{border:1px solid var(--s-hairline);background:var(--s-raised);letter-spacing:.085em;text-transform:uppercase;color:var(--s-muted);border-radius:999px;align-items:center;gap:1cqw;padding:.4cqw 2cqw;font-size:2.56cqw;font-weight:500;display:inline-flex}.ui .frommail svg{width:2.8cqw;height:2.8cqw}.ui .chip{letter-spacing:.085em;text-transform:uppercase;white-space:nowrap;align-self:center;align-items:center;gap:1cqw;font-size:2.56cqw;font-weight:500;display:flex}.ui .chip svg{width:3.3cqw;height:3.3cqw}.ui .join{background:var(--s-accent);color:var(--s-on-accent);letter-spacing:.085em;text-transform:uppercase;border-radius:999px;align-self:center;padding:1.4cqw 3cqw;font-size:2.56cqw;font-weight:500}.ui .back{color:var(--s-accent);align-items:center;gap:.8cqw;font-size:3.85cqw;display:flex}.ui .back svg{width:5.6cqw;height:5.6cqw}.ui .rcpt{justify-content:space-between;align-items:center;gap:2cqw;padding:1cqw 0;display:flex}.ui .btns{gap:calc(var(--u) * 2);margin-top:var(--u);display:flex}.ui .btn{border-radius:var(--r-sm);text-align:center;border:1px solid var(--s-hairline);color:var(--s-secondary);flex:1;padding:2.6cqw 0;font-size:3.33cqw;font-weight:500}.ui .btn.primary{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-on-accent);box-shadow:0 .8cqw 2.4cqw rgb(var(--s-c-accent) / .4)}.ui .btn.danger{border-color:rgb(var(--s-c-danger) / .6);color:var(--s-danger)}.ui .btn.slim{flex:none;padding:1cqw 2.4cqw;font-size:2.82cqw}.railcap{font-family:var(--mono);letter-spacing:.05em;color:var(--muted);max-width:none;margin-top:clamp(16px,1.8cqi,24px);font-size:11px;line-height:1.7}