@layer reset,tokens,base,layout;@layer components{.cx-deck{min-width:0;container:cx-deck/inline-size}.cx-grid{--cx-cols:1;grid-template-columns:repeat(var(--cx-cols), minmax(0, 1fr));gap:var(--tt-space-3);margin:0;padding:0;list-style:none;display:grid}@container cx-deck (width>=34rem){.cx-grid{--cx-cols:2}.cx-grid>:nth-child(odd):last-child{grid-column:1/-1}}@container cx-deck (width>=56rem){.cx-grid{--cx-cols:3}.cx-grid>:nth-child(odd):last-child{grid-column:auto}.cx-grid>:nth-child(3n+1):last-child{grid-column:1/-1}}@container cx-deck (width>=66rem){.cx-grid--compact{--cx-cols:4}.cx-grid--compact>:nth-child(3n+1):last-child{grid-column:auto}.cx-grid--compact>:nth-child(4n+1):last-child{grid-column:1/-1}}.cx{--cx-plate:color-mix(in oklch, var(--tt-surface) 90%, transparent);--cx-line:var(--tt-hairline);--cx-wash:transparent;--cx-tag:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text));--cx-glow:color-mix(in oklch, var(--tt-accent) 11%, transparent);isolation:isolate;min-width:0;color:var(--tt-text);display:grid;position:relative;container:cx/inline-size}.cx[hidden]{display:none}.cx:before{content:"";z-index:-1;background:linear-gradient(135deg, transparent calc(50% - .75px), var(--cx-line) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)) 0 0 / var(--tt-cut) var(--tt-cut) no-repeat, linear-gradient(135deg, transparent calc(50% - .75px), var(--cx-line) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)) 100% 100% / var(--tt-cut) var(--tt-cut) no-repeat, radial-gradient(22rem 11rem at 0% 0%, var(--cx-glow), transparent 70%), var(--cx-plate);box-shadow:inset 0 0 0 1px var(--cx-line), inset 0 0 0 100vmax var(--cx-wash);clip-path:var(--tt-cut-path);transition:box-shadow var(--tt-dur-2) var(--tt-ease-out);position:absolute;inset:0}.cx:after{content:"";top:0;left:var(--tt-cut);background:var(--tt-flow);height:2px;box-shadow:0 0 14px color-mix(in oklch, var(--tt-accent-2) 55%, transparent);transform-origin:0;transition:transform var(--tt-dur-2) var(--tt-ease-out);pointer-events:none;position:absolute;right:0;transform:scaleX(0)}.cx.is-lit{--cx-glow:color-mix(in oklch, var(--tt-accent) 24%, transparent);--cx-plate:color-mix(in oklch, color-mix(in oklch, var(--tt-accent) 7%, var(--tt-surface)) 92%, transparent)}.cx.is-lit:after{transform:scaleX(1)}@media (hover:hover){.cx:hover{--cx-wash:color-mix(in oklch, var(--tt-accent) 8%, transparent)}.cx:hover:after{transform:scaleX(1)}}.cx-in{align-items:start;gap:.6rem var(--tt-space-4);grid-template:"top index""title title""desc desc"1fr"foot foot"/minmax(0,1fr) auto;min-width:0;padding:clamp(1rem,.9rem + .35vw,1.25rem) clamp(1rem,.85rem + .5vw,1.35rem);display:grid}.cx--clock .cx-in{column-gap:var(--tt-space-5);grid-template:"clock top""clock title""clock desc"1fr"foot foot"/auto minmax(0,1fr)}.cx.is-bare .cx-in{grid-template-rows:auto auto 1fr;grid-template-areas:"top index""title title""desc foot"}.cx--clock.is-bare .cx-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"clock top top""clock title title""clock desc foot"}.cx.has-cover{grid-template-rows:auto 1fr}.cx-cover{aspect-ratio:16/9;background:color-mix(in oklch, var(--tt-text) 6%, transparent);clip-path:polygon(var(--tt-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--tt-cut));margin:1px 1px 0;position:relative;overflow:hidden}.cx-cover img{object-fit:cover;width:100%;height:100%;transition:scale var(--tt-dur-3) var(--tt-ease-out);display:block}.cx-cover:after{content:"";background:linear-gradient(to top, var(--cx-plate), transparent);pointer-events:none;height:42%;position:absolute;inset:auto 0 0}.cx.has-cover .cx-in{padding-top:.85rem}@media (hover:hover){.cx.has-cover:hover .cx-cover img{scale:1.04}}.cx.has-cover:has(.cx-link:focus-visible) .cx-cover img{scale:1.04}@media (prefers-reduced-motion:reduce){.cx-cover img{transition:none}}:root[data-motion=reduce] .cx-cover img{transition:none}@container cx (width>=40rem){.cx-cover{aspect-ratio:auto;height:clamp(9rem,20cqi,13rem)}}.cx-top{flex-wrap:wrap;grid-area:top;align-items:center;gap:.4rem .5rem;min-width:0;margin:0;display:flex}.cx-plate{min-width:0;font:700 .62rem / 1.25 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--cx-tag);background:color-mix(in oklch, var(--tt-text) 7%, transparent);clip-path:var(--tt-cut-path-sm);align-items:center;gap:.5rem;padding:.34rem .65rem .34rem .55rem;display:inline-flex}.cx-plate:before{content:"";background:var(--tt-flow);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);flex:none;width:.45rem;height:.45rem}.cx-plate.has-icon:before{display:none}.cx-plate-icon{flex:none;display:inline-flex}.cx-plate-icon svg,svg.cx-plate-icon{width:.95rem;height:.95rem}.cx.is-lit .cx-plate{color:var(--tt-accent-contrast);background:var(--tt-flow)}.cx-draft{font:700 .58rem / 1.25 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim);background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--tt-text) 9%, transparent) 0 4px, transparent 4px 8px);clip-path:var(--tt-cut-path-sm);padding:.3rem .55rem}.cx-index{font:800 clamp(1.75rem, 1.5rem + .6vw, 2.15rem) / .8 var(--tt-font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1.3px color-mix(in oklab, var(--tt-accent) 72%, var(--tt-text));transition:color var(--tt-dur-2) var(--tt-ease-out);grid-area:index;align-self:start;transform:skew(-9deg)}.cx-clock{grid-area:clock;justify-items:start;gap:.4rem;min-width:4.2rem;padding-top:.1rem;display:grid}.cx-clock-value{font:800 clamp(2.5rem, 2.2rem + .8vw, 2.95rem) / .82 var(--tt-font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.015em;color:color-mix(in oklch, var(--tt-text) 70%, var(--tt-text-dim));transform-origin:0 100%;transform:skew(-9deg)}.cx.is-lit .cx-clock-value{color:var(--tt-text);text-shadow:0 0 26px color-mix(in oklch, var(--tt-accent-2) 42%, transparent)}.cx-clock-unit{font:700 .6rem / 1 var(--tt-font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--tt-text-dim)}.cx-title{font:750 clamp(1.04rem, .98rem + .28vw, 1.2rem) / 1.24 var(--tt-font-ui);letter-spacing:-.004em;text-wrap:balance;overflow-wrap:break-word;grid-area:title;margin:.2rem 0 0}.cx-link{color:inherit;text-decoration:none}.cx-link:after{content:"";z-index:1;position:absolute;inset:0}.cx-desc{max-width:62ch;color:var(--tt-text-dim);text-wrap:pretty;overflow-wrap:break-word;grid-area:desc;margin:0;font-size:.92rem;line-height:1.55}.cx-foot{align-items:center;gap:var(--tt-space-3);grid-area:foot;min-width:0;margin-top:.3rem;padding-top:.8rem;display:flex;position:relative}.cx-foot:before{content:"";background:var(--cx-line);height:1px;position:absolute;inset:0 0 auto}.cx-foot:after{--chq:color-mix(in oklch, var(--tt-text) 38%, transparent);content:"";background:linear-gradient(90deg, var(--chq) 50%, transparent 50%) 0 0 / 6px 3px repeat-x, linear-gradient(90deg, transparent 50%, var(--chq) 50%) 0 3px / 6px 3px repeat-x;width:24px;height:6px;position:absolute;top:-2.5px;left:0}.cx-foot.is-bare{justify-content:flex-end;padding-top:.2rem}.cx-foot.is-bare:before,.cx-foot.is-bare:after{content:none}.cx.is-bare .cx-foot{align-self:end;margin:0;padding:0}.cx-meta{min-width:0;font:700 .64rem / 1.35 var(--tt-font-ui);letter-spacing:.13em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--tt-text-dim);flex-wrap:wrap;align-items:center;gap:.35rem 0;margin:0 0 0 -.6rem;padding:0;list-style:none;display:flex;overflow:hidden}.cx-meta li{background:linear-gradient(var(--cx-line), var(--cx-line)) 0 50% / 1px .9em no-repeat;margin-left:-1px;padding:0 .6rem 0 calc(.6rem + 1px)}.cx-go{isolation:isolate;width:2.15rem;height:2.15rem;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 8%, transparent);clip-path:var(--tt-cut-path-sm);transition:color var(--tt-dur-1) var(--tt-ease-out);flex:none;place-items:center;margin-left:auto;display:grid;position:relative}.cx-go:before{content:"";z-index:-1;background:var(--tt-flow);opacity:0;transition:opacity var(--tt-dur-1) var(--tt-ease-out);position:absolute;inset:0}.cx-arrow{width:1rem;height:1rem;transition:translate var(--tt-dur-2) var(--tt-ease-out)}.cx.is-lit .cx-go{color:var(--tt-accent-contrast)}.cx.is-lit .cx-go:before{opacity:1}@media (hover:hover){.cx:hover .cx-index{color:color-mix(in oklab, var(--tt-accent) 58%, var(--tt-text))}.cx:hover .cx-go{color:var(--tt-accent-contrast)}.cx:hover .cx-go:before{opacity:1}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .cx:hover .cx-arrow{translate:3px}}@supports selector(:has(*)){.cx-link:focus-visible{outline:none}.cx:has(.cx-link:focus-visible){outline:2px solid var(--tt-accent-2);outline-offset:3px}.cx:has(.cx-link:focus-visible):after{transform:scaleX(1)}.cx:has(.cx-link:focus-visible) .cx-index{color:color-mix(in oklab, var(--tt-accent) 58%, var(--tt-text))}.cx:has(.cx-link:focus-visible) .cx-go{color:var(--tt-accent-contrast)}.cx:has(.cx-link:focus-visible) .cx-go:before{opacity:1}}@container cx (width>=40rem){.cx--index .cx-in{column-gap:var(--tt-space-5);grid-template:"index top""index title""index desc""index foot"/4.6rem minmax(0,1fr)}.cx--index .cx-index{align-self:center;font-size:2.9rem}.cx--plain .cx-in,.cx--clock .cx-in{grid-template-rows:auto auto auto auto}.cx-desc{max-width:70ch}.cx.is-bare .cx-in{grid-template:"top foot""title foot""desc foot"/minmax(0,1fr) auto}.cx--index.is-bare .cx-in{grid-template-columns:4.6rem minmax(0,1fr) auto;grid-template-areas:"index top foot""index title foot""index desc foot"}.cx--clock.is-bare .cx-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"clock top foot""clock title foot""clock desc foot"}.cx.is-bare .cx-foot{align-self:center;margin:0;padding:0}}@container cx (width<=17.5rem){.cx-in{gap:.5rem var(--tt-space-3)}.cx-plate{letter-spacing:.12em}.cx--clock .cx-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""clock""title""desc""foot"}.cx--clock.is-bare .cx-in{grid-template:"top top""clock clock""title title""desc foot"1fr/minmax(0,1fr) auto}.cx-clock{grid-template-columns:auto auto;justify-content:start;align-items:end;gap:0 .6rem}.cx-clock-value{font-size:2.3rem}}@media (width<=25rem){.cx-in{padding:.95rem}}@media (forced-colors:active){.cx{border:1px solid canvastext}.cx:before,.cx:after,.cx-foot:after,.cx-plate:before{display:none}.cx-plate,.cx-draft,.cx-go{border:1px solid canvastext}.cx-index{-webkit-text-stroke:0;color:canvastext}@supports selector(:has(*)){.cx:has(.cx-link:focus-visible){outline-color:highlight}}}.cx-night{--night:color-mix(in oklch, var(--tt-bg) 82%, black);--night-2:color-mix(in oklch, var(--tt-surface) 70%, black);--night-ink:var(--tt-text);--night-dim:var(--tt-text-dim);--night-signal:color-mix(in oklch, var(--tt-accent-2) 70%, var(--night-ink));color-scheme:dark;color:var(--night-ink)}:root[data-theme-mode=light] .cx-night{--night:color-mix(in oklch, var(--tt-text) 46%, black);--night-2:color-mix(in oklch, var(--tt-text) 62%, black);--night-ink:var(--tt-bg);--night-dim:color-mix(in oklch, var(--tt-bg) 76%, var(--night));--night-signal:color-mix(in oklch, var(--tt-accent-2) 28%, var(--night-ink))}@media (prefers-color-scheme:light){:root:not([data-theme]) .cx-night{--night:color-mix(in oklch, var(--tt-text) 46%, black);--night-2:color-mix(in oklch, var(--tt-text) 62%, black);--night-ink:var(--tt-bg);--night-dim:color-mix(in oklch, var(--tt-bg) 76%, var(--night));--night-signal:color-mix(in oklch, var(--tt-accent-2) 28%, var(--night-ink))}}}@layer utilities;