.sm1siyo{display:grid;grid-gap:1.25rem;gap:1.25rem;width:100%;margin-top:2.5rem;grid-template-columns:1fr}@media (min-width:900px){.sm1siyo{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch}}.w177lbtf{display:flex;flex-direction:column;background:#0d1117;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#c9d1d9}.w177lbtf .bar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;background:#161b22;border-bottom:1px solid rgba(255,255,255,.08)}.w177lbtf .dots{display:flex;gap:.45rem}.w177lbtf .dots i{width:12px;height:12px;border-radius:50%;display:block}.w177lbtf .tab{font-size:.78rem;color:#c9d1d9;background:#0d1117;border:1px solid rgba(255,255,255,.08);padding:.25rem .7rem;border-radius:7px}.w177lbtf .tab em{color:#58a6ff;font-style:normal;font-size:.7em;vertical-align:middle}.w177lbtf .url{font-size:.74rem;color:#8b949e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.w177lbtf .spacer{flex:1 1}.w177lbtf .hmr,.w177lbtf .live{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body),sans-serif;font-size:.72rem;font-weight:600;color:#8b949e;white-space:nowrap}.w177lbtf .hmr .dot,.w177lbtf .live .d{width:8px;height:8px;border-radius:50%;background:#6e7681}.w177lbtf .hmr[data-on=true] .dot{background:#58a6ff;animation:pulse-w177lbtf 1s ease-in-out infinite}.w177lbtf .live[data-on=true]{color:#56d364}.w177lbtf .live[data-on=true] .d{background:#3fb950;box-shadow:0 0 0 0 rgba(63,185,80,.5);animation:pulse-w177lbtf 1.4s ease-out infinite}@keyframes pulse-w177lbtf{0%{box-shadow:0 0 0 0 rgba(63,185,80,.5);opacity:1}70%{box-shadow:0 0 0 6px rgba(63,185,80,0);opacity:.7}to{box-shadow:0 0 0 0 rgba(63,185,80,0);opacity:1}}.w177lbtf.editor .code{padding:.9rem 1rem 1.1rem;font-size:clamp(.68rem,1.35vw,.82rem);line-height:1.7;height:340px;overflow:hidden}.w177lbtf .ln{display:flex;white-space:pre}.w177lbtf .no{width:2.1em;flex:none;text-align:right;padding-right:1.2em;color:#6e7681;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w177lbtf .caret{display:inline-block;width:.55em;height:1.05em;background:#58a6ff;margin-left:1px;transform:translateY(.18em);animation:blink-w177lbtf 1s steps(1) infinite}@keyframes blink-w177lbtf{50%{opacity:0}}.w177lbtf .kw{color:#ff7b72}.w177lbtf .fn{color:#d2a8ff}.w177lbtf .cmp{color:#7ee787}.w177lbtf .atr{color:#79c0ff}.w177lbtf .str{color:#a5d6ff}.w177lbtf .txt{color:#ffa657}.w177lbtf .com{color:#6e7681;font-style:italic}.w177lbtf .pun{color:#8b949e}.w177lbtf.preview{font-family:var(--font-body),system-ui,sans-serif}.w177lbtf .app{display:grid;grid-template-columns:0fr 1fr;background:#f6f7fb;color:#1a1f2e;height:340px;transition:grid-template-columns .5s ease}.w177lbtf .app[data-shell=true]{grid-template-columns:116px 1fr}.w177lbtf .side{background:#11162a;color:#fff;padding:1rem .85rem;display:flex;flex-direction:column;gap:.55rem;overflow:hidden;white-space:nowrap;opacity:0;transition:opacity .45s ease .1s}.w177lbtf .side[data-on=true]{opacity:1}.w177lbtf .side .logo{font-weight:700;font-size:.95rem;margin-bottom:.7rem;color:#cdd6ff}.w177lbtf .side .nav{height:9px;border-radius:5px;background:rgba(255,255,255,.1)}.w177lbtf .side .nav.on{background:var(--blue);width:80%}.w177lbtf .main{padding:.95rem 1.05rem;min-width:0;display:flex;flex-direction:column;gap:.8rem;overflow:hidden}.w177lbtf .top{display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(-8px);transition:opacity .4s ease,transform .4s ease}.w177lbtf .top[data-on=true]{opacity:1;transform:none}.w177lbtf .top .h-l{display:flex;flex-direction:column}.w177lbtf .top strong{font-size:1.05rem;font-weight:700}.w177lbtf .top .h-l span{font-size:.72rem;color:#8a91a6}.w177lbtf .top .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--blue))}.w177lbtf .stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.6rem;gap:.6rem}.w177lbtf .card{background:#fff;border:1px solid #e7e9f2;border-radius:10px;padding:.6rem .65rem;display:flex;flex-direction:column;gap:.18rem;opacity:0;transform:translateY(10px) scale(.97);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 4px 14px rgba(20,25,50,.05)}.w177lbtf .card[data-on=true]{opacity:1;transform:none}.w177lbtf .card .lbl{font-size:.66rem;color:#8a91a6;text-transform:uppercase;letter-spacing:.05em}.w177lbtf .card .val{font-size:1.15rem;font-weight:700;line-height:1.1}.w177lbtf .card .delta{font-size:.66rem;font-weight:600;color:#8a91a6}.w177lbtf .card[data-dir=up] .delta{color:var(--green)}.w177lbtf .card[data-dir=down] .delta{color:var(--pink)}.w177lbtf .chart{background:#fff;border:1px solid #e7e9f2;border-radius:10px;padding:.7rem .75rem .4rem;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;box-shadow:0 4px 14px rgba(20,25,50,.05)}.w177lbtf .chart[data-on=true]{opacity:1;transform:none}.w177lbtf .chart .c-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.35rem}.w177lbtf .chart .c-head strong{font-size:.82rem}.w177lbtf .chart .c-head span{font-size:.68rem;color:var(--green);font-weight:600}.w177lbtf .chart svg{width:100%;height:64px;display:block}.w177lbtf .chart .ln{stroke-dasharray:600;stroke-dashoffset:600}.w177lbtf .chart .ar{opacity:0}.w177lbtf .chart[data-on=true] .ln{animation:draw-w177lbtf 1.1s ease forwards}.w177lbtf .chart[data-on=true] .ar{animation:fade-w177lbtf .8s ease .5s forwards}@keyframes draw-w177lbtf{to{stroke-dashoffset:0}}@keyframes fade-w177lbtf{to{opacity:1}}.w177lbtf .table{display:flex;flex-direction:column;border:1px solid #e7e9f2;border-radius:10px;overflow:hidden;background:#fff;opacity:0;transition:opacity .4s ease;box-shadow:0 4px 14px rgba(20,25,50,.05)}.w177lbtf .table[data-on=true]{opacity:1}.w177lbtf .trow{display:grid;grid-template-columns:14px 1fr 1.3fr auto;align-items:center;grid-gap:.55rem;gap:.55rem;padding:.42rem .7rem;font-size:.72rem;border-top:1px solid #f0f1f7;opacity:0;transform:translateX(-6px)}.w177lbtf .trow:first-child{border-top:none}.w177lbtf .table[data-on=true] .trow{animation:rowin-w177lbtf .4s ease forwards;animation-delay:calc(var(--i) * 90ms)}@keyframes rowin-w177lbtf{to{opacity:1;transform:none}}.w177lbtf .trow .tick{width:8px;height:8px;border-radius:50%;background:var(--green)}.w177lbtf .trow .tick.warn{background:#f0a020}.w177lbtf .trow .who{font-weight:600}.w177lbtf .trow .what{color:#6b7187}.w177lbtf .trow .when{color:#aab0c2;font-size:.66rem}