:root{--primary: #0277bd;--on-primary: #fff;--primary-container: #d3ecff;--on-primary-container: #001e31;--surface: #f6faff;--on-surface: #171c21;--on-surface-variant: #41484f;--surface-container: #e8f2fb;--surface-container-high: #deebf6;--outline-variant: #c1ccd6;--error-container: #f9dedc;--on-error-container: #410e0b;--field-1: #d6ebfa;--field-2: #b3daf5;--field-3: #8ac6ee;--field-4: #dce4ec;--spring: cubic-bezier(.22, 1, .36, 1);--spring-pop: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--primary: #8fcdff;--on-primary: #003352;--primary-container: #004b74;--on-primary-container: #d3ecff;--surface: #0f1418;--on-surface: #dee3e9;--on-surface-variant: #c1c7ce;--surface-container: #1b2127;--surface-container-high: #252c32;--outline-variant: #41484f;--error-container: #8c1d18;--on-error-container: #f9dedc;--field-1: #16293a;--field-2: #1d3b55;--field-3: #255074;--field-4: #20282f}}@supports (transition-timing-function: linear(0,1)){:root{--spring: linear(0, .028 2.4%, .112 5.1%, .537 16.4%, .734 22.6%, .868 28.6%, .96 34.8%, 1.013 42.8%, 1.028 53.5%, 1.005 75.6%, 1);--spring-pop: linear(0, .118 3%, .493 8.5%, .808 14.1%, 1.007 19.3%, 1.115 24.4%, 1.147 28.3%, 1.099 38.6%, 1.029 47.4%, .983 61.5%, 1.002 85%, 1)}}*{box-sizing:border-box;margin:0}body{font:400 16px/1.5 Roboto,system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif;background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased}.app{position:relative;min-height:100vh;isolation:isolate}.field{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}main{max-width:720px;margin:0 auto;padding:48px 16px;transition:padding .6s var(--spring)}main.home{--above: 139px;padding-top:calc(50vh - var(--above) - 28px);padding-top:calc(50dvh - var(--above) - 28px)}header{text-align:center;margin-bottom:32px}h1{font-size:57px;line-height:64px;font-weight:400;letter-spacing:-.25px}h1 a{color:var(--on-surface);text-decoration:none}h1 .accent{color:var(--primary)}header p{color:var(--on-surface-variant);font-size:14px;letter-spacing:.25px;margin-top:4px}.search{display:flex;align-items:center;gap:8px;height:56px;padding:0 4px 0 16px;background:var(--surface-container-high);border-radius:28px;transition:box-shadow .2s}.search:focus-within{box-shadow:0 1px 3px #0000004d,0 4px 8px 3px #00000026}.search svg{width:24px;fill:var(--on-surface-variant);flex:none}.search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;color:inherit}.search input::placeholder{color:var(--on-surface-variant)}button{font:inherit;color:inherit;border:0;cursor:pointer;position:relative;overflow:hidden;background:none}button:after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .15s;pointer-events:none}button:hover:after{opacity:.08}button:active:after{opacity:.12}button:disabled{opacity:.38;cursor:default}.search button{height:48px;padding:0 24px;border-radius:24px;flex:none;background:var(--primary);color:var(--on-primary);font-size:14px;font-weight:500;letter-spacing:.1px}.tonal{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;margin-top:16px;border-radius:20px;background:var(--primary-container);color:var(--on-primary-container);font-size:14px;font-weight:500}.tabs{display:flex;margin-top:16px;border:1px solid var(--outline-variant);border-radius:20px;overflow:hidden;width:fit-content}.tabs button{height:36px;padding:0 18px;font-size:14px;font-weight:500;transition:background-color .2s}.tabs button+button{border-left:1px solid var(--outline-variant)}.tabs button[aria-selected=true]{background:var(--primary-container);color:var(--on-primary-container)}.progress{height:4px;margin:16px 0 0;border-radius:2px;overflow:hidden;background:var(--primary-container);position:relative}.progress:before{content:"";position:absolute;inset:0 auto 0 0;width:40%;border-radius:2px;background:var(--primary);animation:slide 1.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes slide{0%{left:-40%}to{left:100%}}main.wide{max-width:1120px}header,.search{max-width:720px;margin-inline:auto}header{margin-bottom:32px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:24px}.col{display:grid;gap:16px;min-width:0}@media(max-width:860px){.cards{grid-template-columns:1fr}.col{display:contents}.cards .card{order:var(--n)}}.card{padding:24px;border-radius:12px;background:var(--surface-container)}.card.error{max-width:720px;margin:24px auto 0;background:var(--error-container);color:var(--on-error-container)}.card-head{display:flex;align-items:baseline;gap:10px}.card-head:before{content:"";align-self:center;width:22px;height:10px;border-radius:5px;flex:none;background:var(--primary);transform:rotate(-30deg)}.card-head h3{font-size:22px;line-height:28px;font-weight:400}.card-head span{font-size:12px;letter-spacing:.5px;color:var(--on-surface-variant);text-transform:uppercase}.card a{color:var(--primary)}.card code{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.note{margin-top:12px;font-size:14px;color:var(--on-surface-variant)}.alert{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;background:var(--error-container);color:var(--on-error-container)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chips span,.chips button{height:32px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--outline-variant);border-radius:8px;font-size:14px;font-weight:500;color:var(--on-surface-variant)}.chips button[aria-pressed=true]{background:var(--primary-container);color:var(--on-primary-container);border-color:transparent}dl{margin-top:16px}dl>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:10px 0;border-top:1px solid var(--outline-variant)}dt{color:var(--on-surface-variant);font-size:14px}dd{word-break:break-all;font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.stats div{padding:12px 16px;border-radius:12px;background:var(--surface);display:grid}.stats b{font-size:28px;line-height:36px;font-weight:400;color:var(--primary)}.stats span{font-size:12px;color:var(--on-surface-variant)}.host+.host{margin-top:20px}.host-head{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:16px}.host-head .chips{margin-top:0}.host-head .chips span{height:24px;font-size:12px}@media(max-width:480px){h1{font-size:45px;line-height:52px}main.home{--above: 127px}dl>div{grid-template-columns:1fr;gap:2px}.search button{padding:0 16px}.card{padding:20px 16px}}h1 a{display:inline-block;clip-path:inset(-.2em -.3em 0)}h1 span{display:inline-block;transform-origin:50% 100%;animation:letter-up .95s var(--spring) calc(var(--i) * 45ms) both}header p{animation:rise .8s var(--spring) .2s both}.search{animation:rise .8s var(--spring) .3s both}.card{animation:rise .7s var(--spring) both}.chips span{animation:pop .6s var(--spring-pop) calc(.1s + var(--i) * 60ms) both}dl>div{animation:lane-in .65s var(--spring) calc(.12s + var(--i) * 45ms) both}.search svg{transition:transform .5s var(--spring-pop)}.search:focus-within svg{transform:scale(1.12) rotate(-8deg);fill:var(--primary)}button{transition:transform .5s var(--spring-pop),background-color .2s}button:active:not(:disabled){transform:scale(.94);transition-duration:.1s}.cards .card{animation-delay:calc(var(--n, 0) * 60ms)}@keyframes letter-up{0%{transform:translateY(115%) rotate(9deg)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes pop{0%{scale:0}}@keyframes lane-in{0%{opacity:0;transform:translate(-12px,7px)}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}.raw{margin-top:16px;font-size:14px}.raw summary{cursor:pointer;color:var(--primary);font-weight:500;width:fit-content}.raw pre{margin-top:8px;padding:12px 16px;max-height:420px;overflow:auto;border-radius:8px;background:var(--surface);color:var(--on-surface);font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all}.card.error .raw summary{color:inherit}
