@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syne:wght@600;800&display=swap";@supports (font-variant-numeric: tabular-nums){body{font-feature-settings:"tnum"}}:root{--bg: #09090b;--surface: #0f0f12;--border: #27272a;--text: #a1a1aa;--muted: #52525b;--white: #fafafa;--accent: #6366f1;--green: #22c55e}html.light{--bg: #fafafa;--surface: #f4f4f5;--border: #e4e4e7;--text: #52525b;--muted: #a1a1aa;--white: #09090b;--accent: #4f46e5;--green: #16a34a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.6;font-size:.9rem;transition:background .2s ease,color .2s ease}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.45;background-image:radial-gradient(circle,#27272a 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}html.light body:before{background-image:radial-gradient(circle,#d4d4d8 1px,transparent 1px);opacity:.6}.topbar{position:sticky;top:0;z-index:50;background:#09090be6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;font-size:.8rem;transition:background .2s ease,border-color .2s ease}html.light .topbar{background:#fafafaeb}.theme-toggle-btn{background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:.9rem;line-height:1;padding:.25rem .5rem;border-radius:6px;transition:background .15s,color .15s,border-color .15s}.theme-toggle-btn:hover{color:var(--white);border-color:var(--text)}.topbar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent),#a78bfa 50%,var(--green));opacity:.4;pointer-events:none}.topbar-left{font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;color:var(--white);letter-spacing:.02em}.topbar-right{display:flex;gap:1.5rem;align-items:center;color:var(--muted);font-size:.75rem}#clock{color:var(--text);font-variant-numeric:tabular-nums}header{max-width:980px;margin:0 auto;padding:5rem 2rem 2.5rem}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.6rem,6vw,4.2rem);line-height:1;background:linear-gradient(270deg,#fafafa,#a78bfa,#6366f1,#f59e0b,#fafafa);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:1rem;animation:gradient-shift 8s ease infinite}.subtitle{color:var(--muted);font-size:.9rem;max-width:460px;line-height:1.7}.section-label{max-width:980px;margin:3.5rem auto 1.25rem;padding:0 2rem;display:flex;align-items:center;gap:.75rem;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.grid{max-width:980px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1rem}.card{--c: #6366f1;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c);opacity:.5;transition:opacity .3s}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--c) 10%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none}.card:hover{--bloom: color-mix(in srgb, var(--c) 18%, transparent);border-color:color-mix(in srgb,var(--c) 35%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent),0 8px 40px var(--bloom),0 2px 8px #00000080}.card:hover:before{opacity:.85}.card:hover:after{opacity:1}.card-body{padding:1.5rem 1.5rem 1rem;flex:1;display:flex;flex-direction:column}.card-icon{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--c) 12%,#18181e);border:1px solid color-mix(in srgb,var(--c) 20%,var(--border));display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem;flex-shrink:0;transition:background .25s,border-color .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}.card:hover .card-icon{background:color-mix(in srgb,var(--c) 20%,#18181e);border-color:color-mix(in srgb,var(--c) 38%,var(--border));animation:iconMove .6s cubic-bezier(.34,1.56,.64,1) 1}@keyframes iconMove{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(8deg)}to{transform:scale(1.05) rotate(-2deg)}}.card-title{font-family:Syne,sans-serif;font-weight:600;font-size:.95rem;color:var(--white);margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem}.card-tag{font-family:Inter,sans-serif;font-size:.55rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);border-radius:4px;padding:.15em .45em}.card-desc{font-size:.8rem;color:var(--muted);line-height:1.7;flex:1}.card-stat{font-size:.7rem;color:var(--c);font-weight:500;letter-spacing:.01em;margin-top:.6rem;min-height:1.1em;opacity:.85}.card-footer{padding:.8rem 1.5rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--muted);background:#0003}.status{display:flex;align-items:center;gap:.4rem}.status-dot{width:6px;height:6px;border-radius:50%;background:#3f3f46;transition:background .4s ease;flex-shrink:0}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.status-dot.online{animation:pulse-dot 2.2s ease-in-out infinite}.status-dot.checking{background:#52525b;animation:pulse-dot .8s ease-in-out infinite}.arrow{color:var(--muted);transition:transform .2s,color .2s}.card:hover .arrow{transform:translate(3px);color:var(--c)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}footer{max-width:980px;margin:5rem auto 0;padding:1.5rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--muted)}footer a{color:var(--muted);text-decoration:none;transition:color .2s}footer a:hover{color:var(--text)}@media (max-width: 640px){h1{font-size:2.4rem}.topbar-right{display:none}.grid{grid-template-columns:1fr}header{padding:3rem 1.5rem 1.5rem}.section-label,.grid,footer{padding-left:1.5rem;padding-right:1.5rem}}#tos-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}#tos-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;max-width:480px;width:100%;padding:2rem;box-shadow:0 0 0 1px #6366f114,0 32px 72px #000000a6;animation:tos-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes tos-in{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}#tos-box h2{font-family:Syne,sans-serif;font-size:1.2rem;color:var(--white);margin-bottom:.2rem}#tos-box .tos-version{font-size:.62rem;color:var(--muted);margin-bottom:1.25rem;letter-spacing:.1em;text-transform:uppercase}#tos-scroll{height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:1rem;font-size:.78rem;line-height:1.75;color:var(--text);margin-bottom:1.25rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#tos-scroll h3{color:var(--white);font-size:.78rem;margin:.75rem 0 .25rem;font-family:Syne,sans-serif}#tos-scroll h3:first-child{margin-top:0}.tos-actions{display:flex;gap:.75rem}#tos-decline{flex:1;padding:.7rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s;font-family:inherit}#tos-decline:hover{border-color:#3f3f46;color:var(--text)}#tos-decline:focus-visible{outline:2px solid var(--border);outline-offset:2px}#tos-accept{flex:2;padding:.7rem;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s,filter .2s;font-family:inherit}#tos-accept:hover{filter:brightness(1.15)}#tos-accept:focus-visible{outline:2px solid #fff;outline-offset:2px}#tos-accept:disabled{opacity:.35;cursor:not-allowed;filter:none}.tos-scroll-hint{font-size:.67rem;color:var(--muted);text-align:center;margin-bottom:.75rem}@keyframes tos-out{to{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion: reduce){h1,.card:hover .card-icon,.status-dot.online{animation:none}}.ntfy-qr-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:1rem;animation:tos-in .2s cubic-bezier(.34,1.56,.64,1)}.ntfy-qr-overlay[hidden]{display:none}.ntfy-qr-box{background:#fff;border-radius:18px;padding:1.75rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;position:relative;max-width:280px;width:100%;box-shadow:0 32px 72px #00000080}.ntfy-qr-close{position:absolute;top:.75rem;right:.75rem;background:#f4f4f5;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.8rem;color:#52525b;display:flex;align-items:center;justify-content:center;transition:background .15s}.ntfy-qr-close:hover{background:#e4e4e7}.ntfy-qr-heading{font-size:1rem;font-weight:700;color:#09090b;margin-top:.1rem}#ntfy-qr-canvas{border-radius:8px;display:block}.ntfy-qr-url{font-size:.72rem;color:#71717a;font-family:monospace}.ntfy-qr-link{font-size:.78rem;color:#6366f1;text-decoration:none;font-weight:500}.ntfy-qr-link:hover{text-decoration:underline}.ntfy-qr-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.15rem .3rem;border-radius:6px;line-height:1;opacity:.6;transition:opacity .15s,background .15s}.ntfy-qr-btn:hover{opacity:1;background:#ffffff0f}