:root{--bg:#08080c;--surface:#ffffff12;--surface-hover:#ffffff1c;--border:#ffffff24;--text:#f5f5f7;--text-muted:#a9a9b6;--lift-shadow:0 18px 40px -24px #000000e6, inset 0 1px 0 #ffffff14;--radius:20px;--max:1040px;--cyan:#00e5ff;--magenta:#ff2fb0;--yellow:#ffe14d;--violet:#8c6bff;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;overflow-x:hidden}.page{isolation:isolate;flex-direction:column;min-height:100vh;padding:28px 20px 36px;display:flex;position:relative}.orbs{z-index:-1;will-change:transform;transition:transform .2s ease-out;position:fixed;inset:-10%}.orb{filter:blur(90px);opacity:.5;mix-blend-mode:screen;border-radius:50%;width:42vw;max-width:620px;height:42vw;max-height:620px;animation:22s ease-in-out infinite drift;position:absolute}.orb-cyan{background:var(--cyan);animation-duration:24s;top:-8%;left:-6%}.orb-magenta{background:var(--magenta);animation-duration:28s;animation-delay:-6s;top:20%;right:-10%}.orb-yellow{background:var(--yellow);animation-duration:26s;animation-delay:-12s;bottom:-12%;left:22%}@keyframes drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(4%,6%)scale(1.08)}66%{transform:translate(-5%,3%)scale(.95)}}.page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--px,50%) var(--py,-20%), #ffffff0d, transparent 70%);position:fixed;inset:0}.page:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000,#0000 75%);mask-image:radial-gradient(at 50% 0,#000,#0000 75%)}.header{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.logo-mark{width:32px;height:32px;animation:logoIn .6s var(--ease-out);border-radius:9px;box-shadow:0 4px 16px -4px #00e5ff59,0 4px 16px -4px #ff2fb040}@keyframes logoIn{0%{opacity:0;transform:scale(.6)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.logo{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#cfcfe0);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.tagline{color:var(--text-muted);font-size:14px}.search{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);width:280px;max-width:100%;height:40px;color:var(--text-muted);cursor:text;transition:border-color .2s ease, box-shadow .2s ease, width .3s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 14px;display:flex}.search:focus-within{border-color:color-mix(in srgb, var(--cyan) 60%, var(--border));width:340px;box-shadow:0 0 0 4px color-mix(in srgb, var(--cyan) 15%, transparent);color:var(--text)}.search-icon{flex-shrink:0}.search input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.search input::placeholder{color:var(--text-muted)}.search input::-webkit-search-cancel-button{display:none}.search-kbd{border:1px solid var(--border);min-width:22px;height:22px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;transition:opacity .2s;display:inline-flex}.search:focus-within .search-kbd{opacity:0}.main{max-width:var(--max);flex:1;width:100%;margin:0 auto;padding-top:40px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(156px,auto);grid-auto-flow:dense;gap:14px;display:grid}.hello,.card.size-wide{grid-column:span 2}.card.size-lg{grid-area:span 2/span 2}.hello{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--cyan) 22%, transparent), transparent 55%), radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, var(--magenta) 20%, transparent), transparent 60%), var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--lift-shadow);-webkit-backdrop-filter:blur(14px);opacity:0;animation:cardIn .7s var(--ease-out) forwards;flex-direction:column;padding:22px 24px;display:flex;position:relative;overflow:hidden}.hello-date{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.hello-title{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(30px,4.4vw,42px);font-weight:800;line-height:1.05}.hello-sub{letter-spacing:-.01em;background:linear-gradient(100deg, var(--cyan), var(--magenta) 45%, var(--yellow) 80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:4px 0 0;font-size:17px;font-weight:700;animation:8s ease-in-out infinite alternate hue}@keyframes hue{0%{background-position:0%}to{background-position:100%}}.hello-suggest{border:1px solid var(--border);width:fit-content;color:var(--text-muted);transition:opacity .28s ease, filter .28s ease, transform .28s var(--ease-out), border-color .2s ease, color .2s ease;background:#ffffff0a;border-radius:999px;align-items:baseline;gap:6px;margin-top:12px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex}.hello-suggest:hover,.hello-suggest:focus-visible{color:var(--text);border-color:color-mix(in srgb, var(--cyan) 55%, var(--border));outline:none}.hello-suggest-name{color:var(--text);font-weight:700}.hello-suggest.is-swapping{opacity:0;filter:blur(4px);transform:translateY(6px)}.hello-foot{justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:16px;display:flex}.hello-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.hello-sec{color:var(--text-muted);animation:secIn .35s var(--ease-out);display:inline-block}@keyframes secIn{0%{opacity:.2;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hello-count{color:var(--text-muted);font-size:12px}.card{color:inherit;border-radius:var(--radius);opacity:0;animation:cardIn .7s var(--ease-out) forwards;animation-delay:calc(var(--i) * 60ms);text-decoration:none;display:block}.card[hidden]{display:none}.is-filtering .card{animation-delay:0s}@keyframes cardIn{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@property --tint{syntax:"<percentage>";inherits:false;initial-value:14%}.card-inner{--accent:var(--cyan);--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--scale:1;--lift:0px;--tint:14%;background:radial-gradient(130% 110% at 0% 0%, color-mix(in srgb, var(--accent) var(--tint), transparent), transparent 62%), linear-gradient(180deg, var(--surface), #ffffff08);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:var(--radius);height:100%;box-shadow:var(--lift-shadow);-webkit-backdrop-filter:blur(14px);transform:perspective(900px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale));transition:transform .25s var(--ease-out), border-color .2s ease, --tint .35s ease, box-shadow .25s ease, opacity .25s ease, filter .25s ease;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.card-inner:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.75;pointer-events:none;height:2px;transition:left .45s var(--ease-out), right .45s var(--ease-out), opacity .3s ease;border-radius:0 0 2px 2px;position:absolute;top:0;left:18%;right:18%}.card:hover .card-inner:after,.card:focus-visible .card-inner:after,.card.is-first .card-inner:after{opacity:1;left:6%;right:6%}.card-sheen{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.card-sheen:before{content:"";width:35%;animation:10s ease-in-out infinite sheen;animation-delay:calc(var(--i) * .45s + 1.5s);background:linear-gradient(100deg,#0000,#ffffff12 40%,#ffffff24 50%,#ffffff12 60%,#0000);position:absolute;top:-40%;bottom:-40%;left:0;transform:translate(-150%)skew(-18deg)}@keyframes sheen{0%{transform:translate(-150%)skew(-18deg)}16%,to{transform:translate(360%)skew(-18deg)}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--angle:360deg}}.card-inner:before{content:"";z-index:1;border-radius:inherit;background:conic-gradient(from var(--angle), var(--cyan), var(--magenta), var(--yellow), var(--cyan));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .3s;animation:3.5s linear infinite paused spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover .card-inner:before,.card:focus-visible .card-inner:before,.card.is-first .card-inner:before{opacity:1;animation-play-state:running}.card-inner[data-accent=cyan]{--accent:var(--cyan)}.card-inner[data-accent=magenta]{--accent:var(--magenta)}.card-inner[data-accent=yellow]{--accent:var(--yellow)}.card-inner[data-accent=violet]{--accent:var(--violet)}.card:hover .card-inner,.card:focus-visible .card-inner,.card.is-first .card-inner{--scale:1.015;--lift:-4px;--tint:26%;border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 28px 52px -24px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent) inset}.card:focus-visible{outline:none}@media (hover:hover){.grid:has(.card:hover) .card:not(:hover) .card-inner{opacity:.72;filter:saturate(.7)}}.card-glow{opacity:0;background:radial-gradient(320px circle at var(--mx) var(--my), color-mix(in srgb, var(--accent) 48%, transparent), transparent 70%);pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.card:hover .card-glow{opacity:1}.card-watermark{color:#0000;-webkit-text-stroke:1.5px var(--accent);opacity:.24;pointer-events:none;transition:opacity .3s ease, transform .5s var(--ease-out);font-size:150px;font-weight:900;line-height:1;position:absolute;bottom:-.24em;right:.04em}.card:hover .card-watermark,.card.is-first .card-watermark{opacity:.45;transform:translate(-6px,-6px)rotate(-4deg)}.card-top{align-items:flex-start;gap:8px;display:flex;position:relative}.card-icon{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, white));color:#0a0a0c;width:42px;height:42px;box-shadow:0 6px 16px -6px color-mix(in srgb, var(--accent) 70%, transparent);transition:transform .35s var(--ease-out);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-right:auto;font-size:17px;font-weight:800;display:flex}.card:hover .card-icon{transform:scale(1.08)rotate(-6deg)}.card-badge{background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);height:24px;color:var(--text);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-top:3px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.card-badge:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:1.8s ease-out infinite ping}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent)}to{box-shadow:0 0 0 8px #0000}}.card-arrow{border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);transition:transform .3s var(--ease-out), color .2s ease, background .2s ease, border-color .2s ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.card:hover .card-arrow,.card.is-first .card-arrow{color:#0a0a0c;background:var(--accent);border-color:var(--accent);transform:rotate(-45deg)}.card-body{flex-direction:column;gap:3px;min-width:0;display:flex;position:relative}.card-title{letter-spacing:-.01em;font-size:16px;font-weight:700}.card-description{color:#c2c2cd;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-host{color:color-mix(in srgb, var(--accent) 75%, var(--text-muted));opacity:.9;text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.card-recent{color:var(--accent);margin-top:4px;font-size:11px;font-weight:600}.card-recent[hidden]{display:none}.card.is-recent .card-icon{box-shadow:0 0 0 3px var(--bg), 0 0 0 4.5px var(--accent), 0 6px 16px -6px color-mix(in srgb, var(--accent) 70%, transparent)}.size-lg .card-inner{padding:26px}.size-lg .card-icon{border-radius:16px;width:60px;height:60px;font-size:26px}.size-lg .card-arrow{width:40px;height:40px;font-size:18px}.size-lg .card-title{letter-spacing:-.03em;font-size:clamp(24px,3vw,32px)}.size-lg .card-description{-webkit-line-clamp:3;max-width:34ch;font-size:15px}.size-lg .card-host{margin-top:4px;font-size:12px}.size-lg .card-watermark{font-size:340px}.size-wide .card-watermark{font-size:190px}.is-featured .card-inner{background:radial-gradient(110% 90% at 100% 0%, color-mix(in srgb, var(--magenta) 28%, transparent), transparent 60%), radial-gradient(90% 80% at 0% 100%, color-mix(in srgb, var(--accent) calc(var(--tint) + 10%), transparent), transparent 65%), linear-gradient(180deg, var(--surface), #ffffff08)}.is-featured .card-inner:before{opacity:.55;animation-duration:8s;animation-play-state:running}.is-featured:hover .card-inner:before{opacity:1;animation-duration:3.5s}.is-featured .card-watermark{opacity:.28}.card-tagline{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(100deg, var(--cyan), var(--magenta) 50%, var(--yellow));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:13px;font-weight:800;animation:6s ease-in-out infinite alternate hue}.size-lg .card-tagline{margin-bottom:2px;font-size:14px}.card-features{margin-top:12px;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.card-features-track{width:max-content;animation:32s linear infinite marquee;display:flex}.card:hover .card-features-track{animation-play-state:paused}.card-features-set{gap:8px;padding-right:8px;display:flex}@keyframes marquee{to{transform:translate(-50%)}}.card-chip{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#ffffff0d;border-radius:999px;flex-shrink:0;padding:5px 11px;font-size:12px;font-weight:600}.card-chip:before{content:"✓ ";color:var(--accent)}.card-chip.is-topic:before{content:"# "}.sites{margin-top:44px}.sites[hidden]{display:none}.section-head{opacity:0;animation:cardIn .7s var(--ease-out) forwards;animation-delay:calc(var(--i) * 60ms);align-items:center;gap:14px;margin-bottom:16px;display:flex}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.section-line{background:linear-gradient(90deg, var(--border), color-mix(in srgb, var(--magenta) 30%, transparent) 30%, transparent);flex:1;height:1px}.strip{margin-top:14px}.strip .card-inner{--tint:7%;border-color:var(--border);box-shadow:none;transform:translateY(var(--lift));border-radius:14px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px 10px 10px}.strip .card-inner:after{display:none}.strip:hover .card-inner,.strip:focus-visible .card-inner,.strip.is-first .card-inner{--scale:1;--lift:-2px;--tint:16%}.strip .card-icon{border-radius:9px;width:30px;height:30px;margin-right:0;font-size:13px}.strip-text{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.strip .card-title{flex-shrink:0;font-size:14px}.strip .card-description{-webkit-line-clamp:1;color:var(--text-muted)}.strip .card-recent{flex-shrink:0;margin-top:0}.strip .card-host{flex-shrink:0}.strip .card-arrow{width:26px;height:26px;font-size:13px}.empty{text-align:center;color:var(--text-muted);margin:28px 0 0;font-size:14px}.empty span{color:var(--text)}.footer{max-width:var(--max);width:100%;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:44px auto 0;font-size:12px;display:flex}.footer-link{color:var(--text-muted);border-bottom:1px solid var(--border);text-decoration:none}.footer-link:hover,.footer-link:focus-visible{color:var(--text);border-color:var(--text)}@media (width<=860px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,auto);gap:12px}.card.size-lg{grid-row:span 1;min-height:220px}.size-lg .card-watermark{font-size:240px}}@media (width<=560px){.page{padding:20px 16px 28px}.main{padding-top:24px}.tagline{display:none}.search,.search:focus-within{width:100%}.search-kbd{display:none}.hello{padding:18px}.card-inner{padding:14px}.card-description{font-size:12px}.card-host{display:none}.size-lg .card-host,.size-wide .card-host{display:block}.sites{margin-top:32px}.strip-text{flex-direction:column;gap:1px}}@media (prefers-reduced-motion:reduce){.orb,.hello-sub,.hello-sec,.card,.hello,.logo-mark,.card-badge:before,.card-inner:before,.card-tagline,.section-head{animation:none!important}.card-sheen{display:none}.card-features{-webkit-mask-image:none;mask-image:none}.card-features-track{width:auto;animation:none!important}.card-features-set{flex-wrap:wrap}.card-features-set[aria-hidden]{display:none}.card,.hello,.section-head{opacity:1;transform:none}}