.drt{background-color:var(--neutral-25)}.drt__container{width:100%}.drt__stage{align-items:start;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);position:relative;width:100%}.drt__room{background-color:var(--neutral-25);border:1px solid var(--feed-border-color);border-radius:var(--feed-radius);box-shadow:var(--shadow-1);position:relative}.drt__room-chrome{align-items:center;background-color:var(--neutral-50);border-bottom:1px solid var(--feed-border-color);border-radius:var(--feed-radius) var(--feed-radius) 0 0;display:flex;gap:var(--space-10);padding:var(--space-8) var(--space-12)}.drt__room-dots{display:inline-flex;gap:var(--space-6)}.drt__room-dots i{background-color:var(--neutral-300);border-radius:var(--radius-full);height:8px;width:8px}.drt__room-url{color:var(--neutral-600);font-family:var(--api-mono);font-size:var(--fs-00);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drt__room-body{flex-direction:column;padding:var(--space-16)}.drt__room-body,.drt__room-head{display:flex;gap:var(--space-10)}.drt__room-head,.drt__room-logo{align-items:center}.drt__room-logo{background:linear-gradient(135deg,var(--indigo-400),var(--brand-400));border-radius:var(--radius-8);color:var(--tofu-white);display:inline-flex;flex:0 0 auto;font-size:var(--api-fs-sm);font-weight:var(--fw-bold);height:34px;justify-content:center;width:34px}.drt__room-title{display:flex;flex-direction:column;gap:1px;min-width:0}.drt__room-name{color:var(--neutral-950);font-size:var(--fs-1);font-weight:var(--fw-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drt__room-tag{color:var(--indigo-400);font-family:var(--api-mono);font-size:var(--api-fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.drt__room-hero{background:linear-gradient(120deg,color-mix(in oklab,var(--indigo-300) 55%,var(--neutral-25)),color-mix(in oklab,var(--brand-300) 55%,var(--neutral-25)));border-radius:var(--radius-10);height:54px}.drt__room-tiles{display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr)}.drt__room-tile{background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-8);height:34px}.drt__room-foot{align-items:center;display:flex;gap:var(--space-10);justify-content:space-between;margin-top:var(--space-2)}.drt__room-people{display:inline-flex;padding-left:var(--space-6)}.drt__room-face{background-color:color-mix(in oklab,var(--drt-accent) 22%,var(--neutral-25));border:1.5px solid var(--neutral-25);border-radius:var(--radius-full);color:var(--drt-accent);font-size:var(--fs-000);font-weight:var(--fw-bold);height:24px;justify-content:center;margin-left:-6px;width:24px}.drt__room-face,.drt__room-online{align-items:center;display:inline-flex}.drt__room-online{color:var(--neutral-600);font-family:var(--api-mono);font-size:var(--api-fs-xs);gap:var(--space-6);white-space:nowrap}.drt__room-online i{background-color:var(--feed-status);border-radius:var(--radius-full);height:7px;width:7px;--api-pulse-color:var(--feed-status);animation:api-pulse 1.8s ease-out infinite}.drt__room-emit{background:var(--brand-400);border-radius:var(--radius-full);height:11px;margin-top:-5.5px;opacity:0;position:absolute;right:-6px;top:50%;width:11px;z-index:6}.drt__room.is-emit .drt__room-emit{animation:api-emit .6s ease-out}.drt__panel{background-color:var(--neutral-50);border:1px solid var(--feed-border-color);border-radius:var(--feed-radius);overflow:hidden;width:100%;z-index:1}.drt__bar{align-items:center;background-color:var(--neutral-25);border-bottom:1px solid var(--feed-border-color);display:flex;flex-wrap:wrap;gap:var(--space-10);padding:var(--space-12) var(--space-16)}.drt__req{align-items:center;display:inline-flex;gap:var(--space-8);min-width:0}.drt__method{background-color:color-mix(in oklab,var(--indigo-200) 14%,var(--neutral-50));border-radius:var(--radius-6);color:var(--indigo-200);font-family:var(--api-mono);font-size:var(--api-fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);padding:var(--space-2) var(--space-8)}.drt__endpoint{color:var(--neutral-700);font-size:var(--fs-00);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drt__endpoint,.drt__live{font-family:var(--api-mono)}.drt__live{align-items:center;color:var(--feed-status);display:inline-flex;font-size:var(--api-fs-xs);font-weight:var(--fw-bold);gap:var(--space-6);letter-spacing:var(--ls-widest);margin-left:auto;text-transform:uppercase}.drt__live i{background-color:var(--feed-status);border-radius:var(--radius-full);height:7px;width:7px;--api-pulse-color:var(--feed-status);animation:api-pulse 1.8s ease-out infinite}.drt__replay{align-items:center;background:var(--neutral-25);border:1px solid var(--neutral-300);border-radius:var(--radius-full);color:var(--neutral-700);cursor:pointer;display:inline-flex;font-family:var(--text-font,"Figtree",system-ui,sans-serif);font-size:var(--fs-00);font-weight:var(--fw-semibold);gap:var(--space-6);padding:var(--space-6) .7rem;transition:color .15s ease,border-color .15s ease}.drt__replay:hover{border-color:var(--neutral-500);color:var(--neutral-950)}.drt__replay:focus-visible{outline:2px solid var(--brand-300);outline-offset:2px}.drt__summary{align-items:baseline;border-bottom:1px solid var(--feed-border-color);display:flex;flex-wrap:wrap;font-family:var(--api-mono);font-size:var(--api-fs-xs);gap:var(--space-10);padding:var(--space-10) var(--space-16)}.drt__summary,.drt__summary-count{color:var(--neutral-700)}.drt__summary-count b{color:var(--neutral-950);font-weight:var(--fw-bold)}.drt__summary-meta{letter-spacing:var(--ls-wide)}.drt__list{list-style:none;margin:0;padding:0}.drt__row{border-bottom:1px solid var(--neutral-25);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.drt__row.is-in{opacity:1;transform:none}.drt__row:last-child{border-bottom:none}.drt__row.is-top{background-color:color-mix(in oklab,var(--drt-accent) 7%,transparent);box-shadow:inset 3px 0 0 var(--drt-accent)}.drt__rowbtn{align-items:center;background:none;border:0;cursor:pointer;display:grid;gap:var(--space-10);grid-template-columns:1.6rem 32px minmax(0,1fr) auto auto auto 16px;padding:.7rem var(--space-16);text-align:left;transition:background-color .15s ease;width:100%}.drt__rowbtn:hover{background-color:var(--neutral-25)}.drt__rowbtn:focus-visible{outline:2px solid var(--brand-300);outline-offset:-2px}.drt__rank{color:var(--neutral-700);font-family:var(--api-mono)}.drt__avatar,.drt__rank{font-size:var(--api-fs-xs)}.drt__avatar{align-items:center;background-color:color-mix(in oklab,var(--drt-accent) 20%,var(--neutral-25));border:1px solid color-mix(in oklab,var(--drt-accent) 50%,transparent);border-radius:var(--radius-full);color:var(--drt-accent);display:inline-flex;flex:0 0 auto;font-weight:var(--fw-bold);height:32px;justify-content:center;width:32px}.drt__who{display:flex;flex-direction:column;gap:1px;min-width:0}.drt__name{align-items:center;color:var(--neutral-950);display:inline-flex;font-size:var(--fs-0);font-weight:var(--fw-semibold);gap:var(--space-8)}.drt__badge{background-color:color-mix(in oklab,var(--feed-status) 14%,var(--neutral-25));border:1px solid color-mix(in oklab,var(--feed-status) 45%,transparent);border-radius:var(--radius-full);color:var(--feed-status);font-family:var(--api-mono);font-size:var(--api-fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);padding:1px var(--space-8);text-transform:uppercase;white-space:nowrap}.drt__title{color:var(--neutral-700);font-size:var(--api-fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drt__score{align-items:center;display:inline-flex;gap:var(--space-8)}.drt__meter{display:inline-flex;gap:var(--space-4)}.drt__dot{background-color:var(--neutral-300);border-radius:var(--radius-full);height:8px;width:8px}.drt__dot.is-filled{background-color:var(--drt-accent)}.drt__score-num{color:var(--neutral-900);font-family:var(--api-mono);font-size:var(--api-fs-md);font-weight:var(--fw-bold);white-space:nowrap}.drt__score-num small{color:var(--neutral-700);font-weight:var(--fw-regular)}.drt__metric{color:var(--neutral-600);font-size:var(--api-fs-md);white-space:nowrap}.drt__metric b{color:var(--neutral-900);font-weight:var(--fw-semibold)}.drt__last{font-family:var(--api-mono);font-size:var(--api-fs-xs);white-space:nowrap}.drt__caret,.drt__last{color:var(--neutral-700)}.drt__caret{flex:0 0 auto;transition:transform .25s ease}.drt__rowbtn[aria-expanded=true] .drt__caret{transform:rotate(180deg)}.drt__payload{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--feed-disclose-dur) ease}.drt__rowbtn[aria-expanded=true]+.drt__payload{grid-template-rows:1fr}.drt__payload-inner{min-height:0;overflow:hidden}.drt__payload-bar{align-items:center;display:flex;gap:var(--space-8);margin:0 var(--space-16);padding-top:var(--space-4)}.drt__payload-status{border:1px solid color-mix(in oklab,var(--feed-status) 45%,transparent);border-radius:var(--radius-full);color:var(--feed-status);font-weight:var(--fw-bold);padding:1px var(--space-8)}.drt__payload-name,.drt__payload-status{font-family:var(--api-mono);font-size:var(--api-fs-xs)}.drt__payload-name{color:var(--neutral-700)}.drt__json{margin:var(--space-8) var(--space-16) var(--space-16)}@media (max-width:860px){.drt__stage{gap:var(--space-20);grid-template-columns:1fr}.feed-flow{display:none}}@media (max-width:720px){.drt__rowbtn{grid-template-areas:"avatar who caret" "avatar score caret" "avatar meta caret";grid-template-columns:32px minmax(0,1fr) auto;row-gap:var(--space-4)}.drt__rank{display:none}.drt__avatar{align-self:start;grid-area:avatar}.drt__who{grid-area:who}.drt__score{grid-area:score}.drt__metric{grid-area:meta}.drt__last{display:none}.drt__caret{align-self:center;grid-area:caret}}@media (prefers-reduced-motion:reduce){.drt__row{opacity:1;transform:none;transition:none}.drt__live i{animation:none}.drt__caret,.drt__payload{transition:none}}