*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--Bg:#000;--Ink:#ededed;--Muted:#8a8a8a;--Dim:#7a7a7a;--Line:#242424;--Font:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html{-webkit-text-size-adjust:100%}body{background:var(--Bg);color:var(--Ink);font-family:var(--Font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-height:100dvh;font-size:13px;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{justify-content:center;align-items:center;min-height:100dvh;padding:32px 16px;display:flex}.shell{border:1px solid var(--Line);background:var(--Bg);width:100%;max-width:640px;animation:.28s cubic-bezier(.22,.61,.36,1) both shell-in}.head{border-bottom:1px solid var(--Line);justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.views{color:var(--Muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.views svg{flex:none}.views-count{animation:.18s tick-in}.name{min-width:0;color:var(--Muted);letter-spacing:0;white-space:nowrap;font-size:14px;font-weight:400;line-height:1.05}.list{flex-direction:column;display:flex}.row{--Accent:#ededed;border-bottom:1px solid var(--Line);min-height:56px;color:var(--Ink);cursor:pointer;animation:.26s cubic-bezier(.22,.61,.36,1) both row-in;animation-delay:var(--RowDelay,0s);grid-template-columns:30px 16px minmax(0,1fr) auto 12px;align-items:center;gap:14px;padding:0 18px;text-decoration:none;transition:background-color .18s;display:grid;position:relative}.row:last-child{border-bottom:0}.num,.icon,.label,.host,.arrow{transition:color .16s}.num{color:var(--Dim);font-variant-numeric:tabular-nums;font-size:11px}.icon{color:var(--Muted);justify-content:center;align-items:center;display:flex}.label{color:var(--Ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.host{color:var(--Muted);white-space:nowrap;font-size:11px}.arrow{color:var(--Muted);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.arrow.is-ticking{animation:.18s tick-in}.row-progress{background:var(--Accent);transform-origin:0;pointer-events:none;height:2px;transition:transform .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.row.is-loading .row-progress{transition:transform var(--Countdown,3s) linear;transform:scaleX(1)}.row.is-loading{background-color:#0b0b0b;background-color:color-mix(in srgb, var(--Accent) 9%, #000)}.row.is-loading .num,.row.is-loading .icon,.row.is-loading .label,.row.is-loading .host,.row.is-loading .arrow{color:var(--Accent)}.row:focus-visible{outline:1px solid var(--Ink);outline-offset:-2px}@media (hover:hover){.row:not(.is-loading):hover{background-color:#0b0b0b;background-color:color-mix(in srgb, var(--Accent) 9%, #000)}.row:not(.is-loading):hover .num,.row:not(.is-loading):hover .icon,.row:not(.is-loading):hover .label,.row:not(.is-loading):hover .host,.row:not(.is-loading):hover .arrow{color:var(--Accent)}}.row:not(.is-loading):active{background-color:#0b0b0b;background-color:color-mix(in srgb, var(--Accent) 9%, #000)}.row:not(.is-loading):active .num,.row:not(.is-loading):active .icon,.row:not(.is-loading):active .label,.row:not(.is-loading):active .host,.row:not(.is-loading):active .arrow{color:var(--Accent)}.row.is-cancelling .num,.row.is-cancelling .icon,.row.is-cancelling .label,.row.is-cancelling .host,.row.is-cancelling .arrow{animation:.28s cubic-bezier(.22,.61,.36,1) cancel-nudge}.foot{border-top:1px solid var(--Line);color:var(--Muted);padding:12px 18px;font-size:11px}@keyframes shell-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes row-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes tick-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes cancel-nudge{0%{opacity:1;transform:translate(0)}35%{opacity:.6;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=420px){.host{display:none}.row{grid-template-columns:30px 16px minmax(0,1fr) 12px}}@media (width<=360px){.head{padding:14px 14px 18px}.row{gap:10px;padding:0 14px}.foot{padding:12px 14px}}
