.tw-records-page{max-width:1100px}.tw-records-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.tw-records-heading h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(38px,6vw,64px);font-weight:620;line-height:1}.tw-records-heading p,.tw-records-note{color:var(--tx2);max-width:70ch;line-height:1.65}.tw-records-heading>svg{color:var(--tx2);flex:none}.tw-records-heading p{margin:0}.tw-records-controls{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.tw-records-controls label{gap:8px;min-width:240px;font-size:13px;font-weight:650;display:grid}.tw-records-controls select{cursor:pointer;border:1px solid var(--line2);background:var(--surface);width:100%;min-height:50px;color:var(--tx);border-radius:8px;padding:0 40px 0 14px;font-size:16px}.tw-records-period{border:1px solid var(--line2);border-radius:8px;gap:4px;min-width:0;margin:0;padding:4px;display:flex}.tw-records-period button{min-height:44px;color:var(--tx2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 18px;font-weight:650}.tw-records-period button:is(:hover,:active){color:var(--tx);background:var(--surface2)}.tw-records-period button[aria-pressed=true]{color:var(--surface);background:var(--tx)}.tw-records-rules{border-top:1px solid var(--line2);border-bottom:1px solid var(--line);padding-block:18px}.tw-records-rules p{max-width:70ch;margin:6px 0;line-height:1.6}.tw-records-rules>span{color:var(--tx2);font-size:12px}.tw-records-feedback{padding-block:24px;line-height:1.6;display:block}.tw-records-feedback p{margin:0 0 12px}.tw-records-standing{grid-template-columns:1fr 1fr;gap:24px;padding-block:28px;display:grid}.tw-records-standing>div{min-width:0}.tw-records-standing span,.tw-record-preview-result>span{color:var(--tx2);font-size:13px}.tw-records-standing strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-block:10px;font:620 clamp(23px,3vw,34px)/1.2 Space Grotesk Variable,system-ui,sans-serif;display:block}.tw-records-standing p{color:var(--tx2);max-width:50ch;margin:0;font-size:13px;line-height:1.6}.tw-records-table-heading{flex-wrap:wrap;gap:12px;margin-top:12px}.tw-records-table{border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%}.tw-records-table th,.tw-records-table td{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:18px 12px}.tw-records-table thead th{color:var(--tx2);font-size:12px;font-weight:600}.tw-records-table thead th:first-child{width:7em}.tw-records-table thead th:last-child{width:11em}.tw-records-table th[scope=row]{font-size:15px;font-weight:650}.tw-records-table :is(th,td):nth-child(n+3){text-align:right}.tw-record-rank{color:var(--tx2);font:600 22px/1.2 IBM Plex Mono,monospace}.tw-record-score{font:600 clamp(18px,2.5vw,24px)/1.3 Space Grotesk Variable,system-ui,sans-serif}.tw-record-date{white-space:nowrap;color:var(--tx2);font-size:13px}.tw-records-table tr[data-own=true]{background:color-mix(in oklab, var(--acc) 11%, var(--surface))}.tw-records-table tr[data-own=true] .tw-record-rank{color:var(--tx)}@media (hover:hover){.tw-records-table tbody tr:not([data-own=true]):hover{background:color-mix(in oklab, var(--surface2) 55%, transparent)}}.tw-records-table tr[data-outside=true] td,.tw-records-table tr[data-outside=true] th{border-top:2px dashed var(--line2)}.tw-record-you{color:var(--surface);background:var(--tx);vertical-align:middle;white-space:nowrap;border:1px solid #0000;border-radius:4px;margin-left:10px;padding:3px 7px;font-size:11px;display:inline-block}.tw-records-empty{border-block:1px solid var(--line);padding:34px 0}.tw-records-empty h3{margin:0 0 12px;font-size:25px}.tw-records-empty p{max-width:65ch;color:var(--tx2);line-height:1.65}.tw-records-note{margin-top:28px;font-size:13px}.tw-records-note a{text-underline-offset:4px;text-decoration:underline}.tw-record-preview{border-block:1px solid var(--line2);flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;padding-block:28px;display:flex}.tw-record-preview>div:first-child{flex:260px}.tw-record-preview h2{margin:0 0 8px;font-size:25px}.tw-record-preview p{color:var(--tx2);max-width:50ch;font-size:13px;line-height:1.6}.tw-record-preview-result{gap:6px;display:grid}.tw-record-preview-result strong{font-variant-numeric:tabular-nums;font-size:26px}.tw-record-eligibility{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding-block:18px;display:flex}.tw-record-eligibility>div{flex:300px}.tw-record-eligibility p{color:var(--tx2);max-width:70ch;margin:6px 0 0;font-size:13px;line-height:1.6}@media (width<=640px){.tw-records-heading{margin-bottom:24px}.tw-records-heading>svg{display:none}.tw-records-controls{flex-direction:column;align-items:stretch;gap:12px}.tw-records-controls label{min-width:0}.tw-records-period button{flex:1}.tw-records-standing{grid-template-columns:1fr;gap:20px;padding-block:24px}.tw-records-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tw-records-table,.tw-records-table tbody{display:block}.tw-records-table tr{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:6px 10px;padding:18px 10px;display:grid}.tw-records-table td,.tw-records-table th{border:0;padding:0}.tw-record-rank{grid-row:1/4}.tw-record-score,.tw-record-date{grid-column:2}.tw-records-table :is(th,td):nth-child(n+3){text-align:left}.tw-records-table tr[data-outside=true]{border-top:2px dashed var(--line2)}.tw-records-table tr[data-outside=true] td,.tw-records-table tr[data-outside=true] th{border-top:0}}