.t-tr .tr{--tr-paper:linear-gradient(180deg,#1a1636,#141129);--tr-edge:#c9b5f01f;--tr-now:#a68bdb21;--tr-mark:#e2c58f47;--tr-mark-on:#e2c58f;--tr-mark-ink:#1b1530;--tr-shadow:0 1px 0 #ffffff0a inset;gap:14px;max-width:800px;display:grid;container-type:inline-size}.t-tr .tr-head{grid-template-columns:auto minmax(220px,1fr) auto;grid-template-areas:"title search follow";align-items:center;gap:12px 16px;display:grid}@container (max-width:700px){.t-tr .tr .tr-head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title follow""search search";gap:10px 12px}.t-tr .tr .tr-search{justify-self:stretch;max-width:none}}.t-tr .tr-title{grid-area:title}.t-tr .tr-title h3:not(.sr){font-family:var(--display);letter-spacing:0;color:var(--fg);margin-bottom:4px;font-size:clamp(21px,2vw,26px);font-weight:600;line-height:1.1}.t-tr .tr-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13.5px}.t-tr .tr-search{background:color-mix(in srgb,var(--fg) 6%,transparent);border:1px solid var(--line-2);border-radius:999px;grid-area:search;justify-self:end;align-items:center;gap:2px;width:100%;min-width:0;max-width:420px;height:44px;padding:0 6px 0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.t-tr .tr-search:focus-within{border-color:var(--path);box-shadow:0 0 0 3px var(--path-glow)}.t-tr .tr-search>svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;flex:none;margin-right:6px}.t-tr .tr-search input{min-width:0;height:100%;color:var(--fg);font:inherit;appearance:none;background:0 0;border:0;outline:none;flex:1;font-size:15.5px}.t-tr .tr-search input::placeholder{color:var(--muted)}.t-tr .tr-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.t-tr .tr-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 6px;font-size:12.5px;font-weight:650}.t-tr .tr-ib{width:32px;height:32px;color:var(--fg-2);border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.t-tr .tr-ib:hover{background:color-mix(in srgb,var(--fg) 10%,transparent);color:var(--fg)}.t-tr .tr-ib svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.t-tr .tr-follow{height:44px;color:var(--fg-2);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;grid-area:follow;align-items:center;gap:9px;padding:0 16px 0 12px;font-size:13.5px;font-weight:650;transition:color .2s,border-color .2s;display:inline-flex}.t-tr .tr-follow:hover{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 30%,transparent)}.t-tr .tr-follow i{background:color-mix(in srgb,var(--fg) 20%,transparent);border-radius:999px;width:32px;height:19px;transition:background .2s;position:relative}.t-tr .tr-follow i:after{content:"";width:14px;height:14px;transition:transform .22s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2.5px;left:2.5px;box-shadow:0 1px 3px #0000004d}.t-tr .tr-follow[aria-pressed=true]{color:var(--fg)}.t-tr .tr-follow[aria-pressed=true] i{background:var(--path)}.t-tr .tr-follow[aria-pressed=true] i:after{transform:translate(13px)}.t-tr .tr-body{position:relative}.t-tr .tr-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent;background:var(--tr-paper);border:1px solid var(--tr-edge);max-height:min(66vh,740px);box-shadow:var(--tr-shadow);border-radius:20px;padding:14px 14px 18px 6px;scroll-padding:24px 0;position:relative;overflow-y:auto}.t-tr .tr-list:focus-visible{outline:2px solid var(--care);outline-offset:3px}.t-tr .tr-p{transition:background .3s var(--ease);border-radius:14px;grid-template-columns:66px minmax(0,1fr);gap:0 14px;padding:9px 14px 9px 4px;display:grid;position:relative}.t-tr .tr-p.turn:not(:first-child){margin-top:14px}.t-tr .tr-t{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--muted);border-radius:999px;place-self:start end;margin-top:2px;padding:3px 9px;font-size:12.5px;font-weight:700;transition:background .2s,color .2s}.t-tr .tr-t:hover{color:var(--fg);background:color-mix(in srgb,var(--path) 24%,transparent)}.t-tr .tr-t:focus-visible{outline-offset:0}.t-tr .tr-txt{min-width:0}.t-tr .tr-txt p{color:var(--fg-2);text-wrap:pretty;overflow-wrap:break-word;margin:0;font-size:16.5px;line-height:1.74;transition:color .3s}.t-tr .tr-txt .tr-who{font-family:var(--display);color:var(--gold-text);letter-spacing:.005em;margin:0 0 3px;font-size:18.5px;font-weight:600;line-height:1.2}.t-tr .tr-p.now{background:var(--tr-now)}.t-tr .tr-p.now .tr-txt p{color:var(--fg)}.t-tr .tr-p.now .tr-txt .tr-who{color:var(--gold-text)}.t-tr .tr-p.now .tr-t{color:var(--care-text)}.t-tr .tr-p.now:before{content:"";background:linear-gradient(var(--path),var(--path)) top/100% calc(var(--p,0) * 100%) no-repeat, color-mix(in srgb,var(--path) 28%,transparent);border-radius:3px;width:3px;transition:background-size .25s linear;position:absolute;top:12px;bottom:12px;left:-1px}.t-tr .tr mark{background:var(--tr-mark);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -1px;padding:0 2px}.t-tr .tr mark.on{background:var(--tr-mark-on);color:var(--tr-mark-ink);box-shadow:0 0 0 2px var(--tr-mark-on)}.t-tr .tr-skel{gap:14px;padding:12px 12px 12px 84px;display:grid}.t-tr .tr-skel i{background:linear-gradient(90deg,color-mix(in srgb,var(--fg) 7%,transparent) 30%,color-mix(in srgb,var(--fg) 13%,transparent) 50%,color-mix(in srgb,var(--fg) 7%,transparent) 70%) 0 0/300% 100%;border-radius:7px;height:13px;animation:1.4s linear infinite tr-shine;display:block}@keyframes tr-shine{0%{background-position:100% 0}to{background-position:-50% 0}}.t-tr .tr-fail{color:var(--fg-2);padding:18px 20px}.t-tr .tr-fail button{color:var(--fg);text-underline-offset:3px;font-weight:650;text-decoration:underline}.t-tr .tr-back{z-index:2;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--path);color:#fff;animation:tr-up .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:10px 18px 10px 14px;font-size:13.5px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #0a061e99}.t-tr .tr-back:hover{background:color-mix(in srgb,var(--path) 86%,#000)}.t-tr .tr-back svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@keyframes tr-up{0%{opacity:0;transform:translate(-50%,-8px)}}.t-tr .tr-note{color:var(--muted);font-size:12.5px;line-height:1.45}.t-tr .tr-empty{border:1px dashed var(--line-2);color:var(--fg-2);border-radius:16px;padding:18px 20px}.t-tr .tr-p:has(+.tr-lock) .tr-txt p{-webkit-mask-image:linear-gradient(#000 20%,#0000 105%);mask-image:linear-gradient(#000 20%,#0000 105%)}.t-tr .tr-lock{background:color-mix(in srgb,var(--fg) 5%,transparent);border:1px solid var(--line-2);border-radius:18px;gap:8px;margin:10px 4px 4px 84px;padding:22px 22px 20px;display:grid}.t-tr .tr-lock:first-child{margin-left:8px}.t-tr .tr-lock-k{letter-spacing:.14em;text-transform:uppercase;color:var(--sig-text);font-size:11.5px;font-weight:800}.t-tr .tr-lock-h{font-family:var(--display);color:var(--fg);text-wrap:balance;font-size:clamp(21px,2vw,25px);font-weight:600;line-height:1.15}.t-tr .tr-lock-sub{color:var(--fg-2);font-size:15px;line-height:1.5}.t-tr .tr-lock-sub b{color:var(--fg);font-weight:650}.t-tr .tr-lock-acts{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.t-tr .tr-lock-acts .btn{height:44px;padding:0 18px;font-size:15px}@media (max-width:640px){.t-tr .tr-head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title follow""search search";gap:10px 12px}.t-tr .tr-search{max-width:none}.t-tr .tr-follow{gap:7px;height:36px;padding:0 12px 0 10px;font-size:13px}.t-tr .tr-follow i{width:28px;height:17px}.t-tr .tr-follow i:after{width:12px;height:12px}.t-tr .tr-follow[aria-pressed=true] i:after{transform:translate(11px)}.t-tr .tr-meta{font-size:12.5px}.t-tr .tr-list{border-radius:16px;padding:10px 8px 14px}.t-tr .tr-p{padding:9px 10px 10px 12px;display:block}.t-tr .tr-t{float:left;margin:1px 8px 0 -4px;padding:2px 8px}.t-tr .tr-txt .tr-who{margin:0 0 2px;font-size:17.5px;line-height:1.5}.t-tr .tr-txt p{font-size:16px;line-height:1.7}.t-tr .tr-skel,.t-tr .tr-lock{padding-left:12px}.t-tr .tr-lock{margin-left:4px;padding:18px}.t-tr .tr-p.now:before{left:2px}}.t-tr{--fg:var(--txt);--fg-2:var(--soft);--muted:var(--mut);--line-2:var(--ln);--path:var(--cy);--path-glow:color-mix(in srgb,var(--cy) 30%,transparent);--gold-text:var(--ir);--care:var(--cy);--care-text:var(--cy);--sig-text:var(--rec);--sb-thumb:var(--ln-hi);--ease:cubic-bezier(.2,.7,.2,1);border-top:var(--rule);gap:14px;margin-top:8px;padding-top:22px;display:grid}.t-tr>.t-lab{font-family:var(--mono);letter-spacing:.14em;color:var(--mut);font-size:11px;font-weight:500}.t-tr>.t-lab small{font-size:inherit;text-transform:none;letter-spacing:.02em}.t-tr .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-tr .tr{--tr-paper:var(--pan);--tr-edge:var(--ln);--tr-now:color-mix(in srgb,var(--cy) 10%,transparent);--tr-mark:color-mix(in srgb,var(--ir) 30%,transparent);--tr-mark-on:var(--ir);--tr-mark-ink:var(--night);--tr-shadow:none;max-width:none}.t-tr .tr-list,.t-tr .tr-p,.t-tr .tr-search,.t-tr .tr-follow,.t-tr .tr-t,.t-tr .tr-back,.t-tr .tr-empty,.t-tr .tr-lock{border-radius:2px}.t-tr .tr-t{font-family:var(--mono);font-size:11.5px;font-weight:500}.t-tr .tr-txt .tr-who{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:2px 0 6px;font-size:12px;font-weight:500}.t-tr .tr-back{color:var(--night)}.t-tr .tr-meta{font-family:var(--mono);font-size:12px}.t-points{gap:10px;max-width:68ch;display:grid}.t-points>.t-lab{font-family:var(--mono);color:var(--mut);font-weight:500}.t-points ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.t-points li{font-family:var(--display);color:var(--soft);padding-left:20px;font-size:17px;line-height:1.45;position:relative}.t-points li:before{content:"";background:var(--cy);width:8px;height:1px;position:absolute;top:.75em;left:2px}.t-tr .tr-keep{border-color:var(--ln-hi);font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);border-radius:0}.t-tr .tr-keep[aria-pressed=true]{border-color:var(--cy);color:var(--cy)}.t-tr .tr-keep[aria-pressed=true] svg{fill:color-mix(in srgb,var(--cy) 40%,transparent)}.t-tr .tr-p.kept .tr-txt{box-shadow:inset 3px 0 0 var(--cy)}.t-tr .tr-selmenu,.t-tr .tr-toast{background:var(--pan-hi);border:1px solid var(--cy);border-radius:0}.t-tr .tr-selmenu button{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--txt);border-radius:0}.t-tr .tr-toast{color:var(--txt);font-family:var(--mono)}.t-tr .tr{position:relative}.t-tr .tr-btns{grid-area:follow;justify-self:end;align-items:center;gap:8px;display:flex}.t-tr .tr-btns .tr-follow{grid-area:auto}.t-tr .tr-keep{border:1px solid var(--ln-hi);cursor:pointer;background:0 0;align-items:center;gap:7px;height:40px;padding:0 14px;display:inline-flex}.t-tr .tr-keep svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linejoin:round;width:15px;height:15px}.t-tr .tr-p.kept .tr-txt{padding-left:12px}.t-tr .tr-selmenu{z-index:20;gap:2px;padding:5px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 14px 30px -10px #0009}.t-tr .tr-selmenu button{cursor:pointer;background:0 0;border:0;min-height:38px;padding:0 12px}.t-tr .tr-selmenu button:hover{background:color-mix(in srgb,var(--cy) 14%,transparent)}.t-tr .tr-toast{white-space:nowrap;margin:0;padding:10px 16px;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.t-tr .tr-note a{color:var(--cy);text-underline-offset:3px;text-decoration:underline}
