@layer reset,tokens,base,layout;@layer components{.tc{gap:var(--tt-space-4);margin-block:var(--tt-space-5) var(--tt-space-6);display:grid}.tc-head{justify-content:space-between;align-items:baseline;gap:var(--tt-space-2) var(--tt-space-4);flex-wrap:wrap;display:flex}.tc-title{font:800 1.15rem / 1.1 var(--tt-font-display);letter-spacing:.02em;text-transform:uppercase;margin:0}.tc-tag{font:700 .7rem / 1 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text));margin:0}.tc-grid{gap:var(--tt-space-4);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);display:grid}.tc-card{align-content:start;gap:var(--tt-space-3);padding:var(--tt-space-5);background:radial-gradient(80% 120% at 0% 0%, color-mix(in oklch, var(--tt-accent) 12%, transparent), transparent 70%), color-mix(in oklch, var(--tt-surface) 90%, transparent);clip-path:var(--tt-cut-path);display:grid;position:relative}.tc-card:before{content:"";background:var(--tt-flow);height:2px;position:absolute;inset:0 0 auto}.tc-card-title{font:700 .74rem / 1 var(--tt-font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--tt-text);align-items:center;gap:.55rem;margin:0;display:flex}.tc-card-title:before{content:"";background:var(--tt-flow);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);width:.45rem;height:.45rem}.tc-axes{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.tc-axis{align-items:center;gap:var(--tt-space-3);grid-template-columns:6.6rem minmax(0,1fr) 2.4rem;display:grid}.tc-axis-label{font:700 .68rem / 1 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim)}.tc-axis-bar{background:color-mix(in oklch, var(--tt-text) 10%, transparent);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);height:6px;position:relative;overflow:hidden}.tc-axis-fill{transform-origin:0;background:var(--tt-flow);transition:transform .7s var(--tt-ease-out);position:absolute;inset:0;transform:scaleX(0)}.tc-axis-value{font:800 1.05rem / 1 var(--tt-font-ui);font-variant-numeric:tabular-nums;text-align:right;transform:skew(-9deg)}.tc-axis[data-empty] .tc-axis-value{color:var(--tt-text-dim)}.tc-note,.tc-trend,.tc-forecast,.tc-advice{color:var(--tt-text-dim);margin:0;font-size:.9rem;line-height:1.5}.tc-advice:empty{display:none}.tc-advice{color:var(--tt-text)}.tc-status{font:800 .95rem / 1 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 9%, transparent);justify-self:start;margin:0;padding:.42rem .8rem;transform:skew(-9deg)}.tc-status[data-state=rising]{color:var(--tt-up);background:color-mix(in oklch, var(--tt-up) 14%, transparent)}.tc-status[data-state=falling]{color:var(--tt-down);background:color-mix(in oklch, var(--tt-down) 14%, transparent)}.tc-status[data-state=dip]{color:var(--tt-error);background:color-mix(in oklch, var(--tt-error) 14%, transparent)}.tc-weak{gap:var(--tt-space-3);margin:0;padding:0;list-style:none;display:grid}.tc-weak-item{gap:.35rem;display:grid}.tc-weak-label{font:700 .66rem / 1 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text-dim)}.tc-weak-value{font:600 1.05rem / 1.1 var(--tt-font-typing);color:var(--tt-text);background:color-mix(in oklch, var(--tt-accent) 16%, transparent);border-radius:var(--tt-radius-1);justify-self:start;padding:.3rem .55rem}.tc-weak-detail,.tc-weak-empty{color:var(--tt-text-dim);font-size:.86rem;line-height:1.45}.tc-bay{gap:var(--tt-space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tc-drill{padding:var(--tt-space-4) var(--tt-space-5) var(--tt-space-5);background:color-mix(in oklch, var(--tt-surface-2) 82%, transparent);clip-path:var(--tt-cut-path);grid-template-rows:auto auto 1fr auto auto;gap:.5rem;display:grid;position:relative}.tc-drill[data-suggested]{background:linear-gradient(120deg, color-mix(in oklch, var(--tt-accent) 26%, var(--tt-surface-2)), color-mix(in oklch, var(--tt-accent-2) 12%, var(--tt-surface-2)))}.tc-drill-index{font:800 2rem / .9 var(--tt-font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.4px color-mix(in oklch, var(--tt-accent) 70%, transparent)}.tc-drill-name{font:800 1.05rem / 1.1 var(--tt-font-display);text-transform:uppercase}.tc-drill-trains{color:var(--tt-text-dim);font-size:.9rem;line-height:1.5}.tc-drill-why{font:700 .7rem / 1.35 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text))}.tc-drill-start{margin-top:var(--tt-space-1);justify-self:start}.tc-drill[data-suggested] .tc-drill-start{color:var(--tt-accent-contrast);background:var(--tt-flow)}@media (width<=64rem){.tc-grid{grid-template-columns:minmax(0,1fr)}.tc-bay{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){.tc-bay{grid-template-columns:minmax(0,1fr)}.tc-card,.tc-drill{padding:var(--tt-space-4)}}@media (prefers-reduced-motion:reduce){.tc-axis-fill{transition:none}}}@layer utilities;