.trec,.wpc{--trec-card: #262522;--trec-line: rgba(245,241,232,.12);--trec-soft: rgba(245,241,232,.03);--trec-txt: #f5f1e8;--trec-mut: rgba(245,241,232,.55);--trec-dim: rgba(245,241,232,.42);--trec-good: #a8d780;--trec-good2: #81b64c;--trec-bad: #e09090;--trec-wp: var(--ac);--trec-disp: "Space Grotesk", sans-serif}.trec{display:flex;flex-direction:column;gap:0}.trec-bar{height:7px;border-radius:100px;background:#f5f1e817;overflow:hidden}.trec-bar>span{display:block;height:100%;width:0;border-radius:100px;background:var(--ac);transition:width .8s cubic-bezier(.25,.9,.3,1)}.trec-bar--thin{height:4px}.trec-sec{background:var(--trec-card);border:1px solid var(--trec-line);border-radius:18px;padding:clamp(14px,1.8vw,20px);display:flex;flex-direction:column;gap:11px}.trec-hd{display:flex;align-items:center;gap:11px 16px;flex-wrap:wrap}.trec-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent);border:1px solid color-mix(in srgb,var(--ac) 26%,transparent)}.trec-mark svg{width:20px;height:20px;display:block}.trec-hd__txt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:0 1 auto}.trec-sec__ttl{font-family:var(--trec-disp);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--trec-txt)}.trec-say{font-size:13px;color:color-mix(in srgb,var(--ac) 68%,var(--trec-mut));line-height:1.45}.trec-figs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin-left:auto;justify-content:flex-end;min-width:0}.trec-fig{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:11.5px;color:var(--trec-dim);padding:0 17px}.trec-fig+.trec-fig{border-left:1px solid var(--trec-line)}.trec-fig:last-child{padding-right:0}.trec-fig b{font-family:var(--trec-disp);font-weight:700;font-size:19px;line-height:1;letter-spacing:-.02em;color:var(--trec-txt);font-feature-settings:"tnum" 1}.trec-fig.is-warm b{color:var(--ac)}.trec-fig i{font-style:normal;font-size:10px;font-weight:600;color:color-mix(in srgb,var(--ac) 62%,var(--trec-dim))}@media(max-width:700px){.trec-figs{margin-left:0;justify-content:flex-start;width:100%}}.trec-split{margin-top:12px;padding-top:12px;border-top:1px solid var(--trec-line)}.trec-split__n{font-style:normal;font-weight:600;letter-spacing:.02em;text-transform:none;font-size:10.5px;color:var(--trec-dim);margin-left:10px;opacity:.8}.trec-split__t{display:block;margin-bottom:11px;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--trec-dim)}.trec-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(163px,1fr));gap:9px;align-items:stretch}.trec-tile{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:center;gap:2px 10px;padding:11px 12px 13px;border-radius:13px;background:#f5f1e808;border:1px solid rgba(245,241,232,.07);transition:border-color .2s ease,background .2s ease,transform .2s cubic-bezier(.3,1.4,.4,1)}.trec-tile:hover{transform:translateY(-2px);background:#f5f1e80e}.trec-tile__ic{grid-row:1 / span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:none}.trec-tile__ic svg{width:19px;height:19px;display:block}.trec-tile__l{align-self:end;min-width:0;font-size:11.5px;font-weight:600;line-height:1.25;color:var(--trec-mut)}.trec-tile__v{align-self:start;font-size:10.5px;color:var(--trec-dim);font-feature-settings:"tnum" 1}.trec-tile__v b{font-family:var(--trec-disp);font-weight:700;font-size:16px;color:var(--trec-txt);letter-spacing:-.02em}.trec-tile__v i{font-style:normal}.trec-tile__t{grid-column:1 / -1;margin:7px -12px -13px;height:3px;background:#f5f1e80f}.trec-tile__t i{display:block;height:100%;transform:scaleX(0);transform-origin:left;animation:trecGrow .6s cubic-bezier(.25,.9,.3,1) .08s forwards}.trec-band{margin-top:11px;font-size:11.5px;color:var(--trec-dim);font-feature-settings:"tnum" 1}.trec-band b{font-family:var(--trec-disp);font-weight:700;font-size:13px;color:var(--trec-txt)}.trec-tile[data-recog=missing] .trec-tile__ic{background:#d4424224;color:#d46a6a}.trec-tile[data-recog=missing]{border-color:#d442423d}.trec-tile[data-recog=working] .trec-tile__ic{background:color-mix(in srgb,var(--ac) 17%,transparent);color:var(--ac)}.trec-tile[data-recog=working]{border-color:color-mix(in srgb,var(--ac) 24%,transparent)}.trec-tile[data-recog=solid] .trec-tile__ic{background:#f5f1e812;color:color-mix(in srgb,var(--ac) 70%,var(--trec-mut))}.trec-tile[data-recog=instant] .trec-tile__ic{background:#81b64c21;color:var(--trec-good, #81b64c)}.trec-tile[data-recog=instant]{border-color:#81b64c38}.trec-tile__v b{font-family:var(--trec-disp);font-weight:700;font-size:13px;letter-spacing:-.01em}.trec-tile__m{grid-column:1 / -1;margin-top:3px;font-size:9.5px;color:var(--trec-dim);font-feature-settings:"tnum" 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trec-tile[data-grade=weak] .trec-tile__ic{background:color-mix(in srgb,var(--ac) 17%,transparent);color:var(--ac)}.trec-tile[data-grade=weak] .trec-tile__t i{background:var(--ac)}.trec-tile[data-grade=weak]{border-color:color-mix(in srgb,var(--ac) 26%,transparent)}.trec-tile[data-grade=shaky] .trec-tile__ic{background:#f5f1e812;color:color-mix(in srgb,var(--ac) 72%,var(--trec-mut))}.trec-tile[data-grade=shaky] .trec-tile__t i{background:color-mix(in srgb,var(--ac) 62%,transparent)}.trec-tile[data-grade=solid] .trec-tile__ic{background:#81b64c21;color:var(--trec-good, #81b64c)}.trec-tile[data-grade=solid] .trec-tile__t i{background:var(--trec-good, #81b64c)}@media(prefers-reduced-motion:reduce){.trec-tile__t i{animation:none;transform:none}}.trec-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 34px}@media(max-width:720px){.trec-rows{grid-template-columns:1fr}}.trec-row{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 0}.trec-row__l{flex:0 0 132px;min-width:0;font-size:12.5px;color:var(--trec-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trec-row__t{flex:1 1 auto;min-width:0;display:flex}.trec-row__t i{display:block;height:7px;border-radius:100px;transform:scaleX(0);transform-origin:left;animation:trecGrow .55s cubic-bezier(.25,.9,.3,1) forwards}.trec-row:nth-child(1) i{animation-delay:.04s}.trec-row:nth-child(2) i{animation-delay:.09s}.trec-row:nth-child(3) i{animation-delay:.14s}.trec-row:nth-child(4) i{animation-delay:.19s}.trec-row:nth-child(5) i{animation-delay:.24s}.trec-row:nth-child(6) i{animation-delay:.29s}@keyframes trecGrow{to{transform:scaleX(1)}}.trec-row__n{flex:0 0 auto;min-width:38px;text-align:right;font-family:var(--trec-disp);font-weight:700;font-size:13.5px;color:var(--trec-txt);font-feature-settings:"tnum" 1}.trec-row__s{flex:0 0 auto;min-width:24px;text-align:right;font-size:10.5px;color:var(--trec-dim);font-feature-settings:"tnum" 1}.trec-row[data-unrated] .trec-row__n{color:var(--trec-dim);font-weight:600}@media(prefers-reduced-motion:reduce){.trec-row__t i{animation:none;transform:none}}.wpc{display:flex;flex-direction:column;gap:10px}.wpc__mix{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wpc__mix-i{display:flex;flex-direction:column;gap:1px;min-width:0;padding:7px 8px;border-radius:9px;background:#f5f1e808;border:1px solid rgba(245,241,232,.06);font-size:9.5px;letter-spacing:.01em;color:var(--trec-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpc__mix-i b{font-family:var(--trec-disp);font-weight:700;font-size:15px;line-height:1.1;color:var(--trec-txt);font-feature-settings:"tnum" 1}.wpc__hd{display:flex;align-items:center;gap:10px}.wpc__mark{width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--ac) 14%,transparent);border:1px solid color-mix(in srgb,var(--ac) 32%,transparent);display:grid;place-items:center;flex:none}.wpc__mark svg{width:20px;height:20px}.wpc__t{font-family:var(--trec-disp);font-weight:700;font-size:13.5px;color:var(--trec-txt)}.wpc__s{font-size:11px;color:var(--trec-mut);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.wpc__p{font-size:12.5px;line-height:1.55;color:#f5f1e8d1;margin:0}.wpc__dose{font-size:12px;color:var(--trec-mut);font-feature-settings:"tnum" 1}.wpc__dose b{font-family:var(--trec-disp);font-size:14px;color:var(--trec-txt)}.wpc__btn{width:100%;padding:11px 16px;font-size:13.5px}.wpc .trec-cyc__p{height:24px;min-width:18px;font-size:11px}.wpc__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.wpc__foot a{font-size:11.5px;color:var(--trec-mut);text-decoration:none}.wpc__foot a:hover{color:var(--trec-txt);text-decoration:underline}.wpc__foot button{background:none;border:0;padding:2px 4px;cursor:pointer;font-size:11px;color:var(--trec-dim)}.wpc__foot button:hover{color:#e08a8a}.trec-cyc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.trec-cyc__p{flex:1;min-width:22px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f5f1e80d;border:1px solid rgba(245,241,232,.09);font-family:var(--trec-disp);font-weight:700;font-size:12px;color:var(--trec-dim);font-feature-settings:"tnum" 1}.trec-cyc__p[data-state=done]{background:#62ba8229;border-color:#62ba8266;color:var(--trec-good)}.trec-cyc__p[data-state=now]{background:color-mix(in srgb,var(--trec-wp) 22%,transparent);border-color:var(--trec-wp);color:var(--trec-wp)}.trec-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:11px;border:0;cursor:pointer;font-family:var(--trec-disp);font-weight:700;font-size:14px;background:var(--trec-wp);color:#26231d;text-decoration:none;transition:filter .18s ease,transform .12s ease}.trec-btn:hover{filter:brightness(1.08);color:#26231d}.trec-btn:active{transform:translateY(1px)}.trec-btn[disabled]{opacity:.55;cursor:progress}.trec-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:30px 20px;text-align:center}.trec-empty__t{font-family:var(--trec-disp);font-weight:700;font-size:15px;color:var(--trec-txt)}.trec-empty__s{font-size:13px;color:var(--trec-mut);max-width:46ch;line-height:1.6}@media(prefers-reduced-motion:reduce){.trec-bar>span{transition:none;transition-delay:0s}}