@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#09090b;--surface:#111114;--fg:#fafafa;--muted:#fafafa94;--faint:#fafafa59;--card:#ffffff0b;--card-hover:#ffffff13;--border:#ffffff14;--border-strong:#ffffff2e;--shadow:0 1px 0 #ffffff0d inset, 0 12px 32px -14px #0009;--shadow-hover:0 1px 0 #ffffff14 inset, 0 22px 48px -18px #000000bf;--blob-opacity:.32;--grain-opacity:.07;--accent-2:#a855f7;--accent-3:#ec4899;--ease:cubic-bezier(.2, .8, .2, 1);--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-feature-settings:"ss01", "cv11";color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}:root[data-theme=light]{--bg:#f6f3ee;--surface:#fff;--fg:#18181b;--muted:#18181b9e;--faint:#18181b66;--card:#ffffff9e;--card-hover:#ffffffe6;--border:#18181b14;--border-strong:#18181b29;--shadow:0 1px 0 #ffffffe6 inset, 0 10px 28px -16px #18181b40;--shadow-hover:0 1px 0 #fff inset, 0 22px 44px -18px #18181b52;--blob-opacity:.28;--grain-opacity:.05;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;transition:background-color .4s var(--ease), color .4s var(--ease);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent,#ff6b4a);outline-offset:3px}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg:before{content:"";background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 0,#000 30%,#0000 75%)}.bg:after{content:"";opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite grain;position:absolute;inset:-50%}.blob{filter:blur(110px);width:46vmax;height:46vmax;opacity:var(--blob-opacity);will-change:transform;border-radius:50%;position:absolute}.blob-1{background:var(--accent);animation:drift-1 26s var(--ease) infinite alternate;top:-22vmax;left:-14vmax}.blob-2{background:var(--accent-2);animation:drift-2 30s var(--ease) infinite alternate;top:6vmax;right:-22vmax}.blob-3{background:var(--accent-3);opacity:calc(var(--blob-opacity) * .75);animation:drift-3 34s var(--ease) infinite alternate;bottom:-26vmax;left:4vmax}.page{min-height:100dvh;padding:20px 20px 48px}.topbar{justify-content:space-between;align-items:center;max-width:600px;margin:0 auto;display:flex}.topbar-right{gap:10px;display:flex}.icon-btn{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(150%);width:42px;height:42px;box-shadow:var(--shadow);transition:transform .25s var(--ease), background-color .25s, border-color .25s;border-radius:999px;place-items:center;display:grid}.icon-btn:hover{background:var(--card-hover);border-color:var(--border-strong);transform:translateY(-1px)}.icon-btn:active{transform:scale(.94)}.subscribe{letter-spacing:-.01em;height:42px;color:var(--bg);background:var(--fg);box-shadow:0 8px 24px -10px color-mix(in oklab, var(--accent) 70%, transparent);transition:transform .25s var(--ease), box-shadow .25s;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 15px;font-size:14px;font-weight:600;display:inline-flex}.subscribe:hover{box-shadow:0 14px 30px -10px color-mix(in oklab, var(--accent) 85%, transparent);transform:translateY(-1px)}.subscribe:hover svg{animation:ring .8s var(--ease);transform-origin:50% 10%}.container{max-width:600px;margin:0 auto}.profile{text-align:center;flex-direction:column;align-items:center;padding:28px 0 8px;display:flex}.avatar-ring{background:conic-gradient(from var(--angle), var(--accent), var(--accent-2), var(--accent-3), var(--accent));width:116px;height:116px;box-shadow:0 18px 50px -12px color-mix(in oklab, var(--accent) 60%, transparent);border-radius:50%;padding:3px;animation:6s linear infinite spin;position:relative}.avatar{border:4px solid var(--bg);background:radial-gradient(circle at 30% 25%, #ffffff59, transparent 55%), linear-gradient(135deg, var(--accent), var(--accent-3));color:#fff;letter-spacing:-.04em;width:100%;height:100%;transition:border-color .4s var(--ease);border-radius:50%;place-items:center;font-size:38px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.status{border:4px solid var(--bg);background:#22c55e;border-radius:50%;width:20px;height:20px;position:absolute;bottom:8px;right:8px}.status:after{content:"";animation:pulse 2.4s var(--ease) infinite;border:2px solid #22c55e;border-radius:50%;position:absolute;inset:-4px}.name{letter-spacing:-.035em;align-items:center;gap:8px;margin:22px 0 0;font-size:clamp(26px,6vw,32px);font-weight:700;line-height:1.1;display:inline-flex}.verified{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;place-items:center;width:20px;height:20px;display:inline-grid;box-shadow:0 4px 12px -2px #3b82f699}.verified svg{stroke-width:3px}.meta{color:var(--muted);align-items:center;gap:10px;margin-top:8px;font-size:14px;display:flex}.meta-loc{align-items:center;gap:4px;display:inline-flex}.dot{opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px}.tagline{max-width:400px;color:var(--muted);text-wrap:balance;margin:14px 0 0;font-size:15.5px}.section{margin-top:36px}.section-title{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);align-items:center;gap:14px;margin:0 0 14px;font-size:12px;font-weight:600;display:flex}.section-title:before,.section-title:after{content:"";background:linear-gradient(to right, transparent, var(--border-strong));flex:1;height:1px}.section-title:after{background:linear-gradient(to left, transparent, var(--border-strong))}.links{flex-direction:column;gap:12px;display:flex}.link{--tint:var(--accent);border-radius:var(--radius);background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(150%);box-shadow:var(--shadow);isolation:isolate;transition:transform .35s var(--ease), background-color .3s, border-color .3s, box-shadow .35s var(--ease);grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:grid;position:relative;overflow:hidden}.link:before{content:"";z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--tint) 22%, transparent), transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.link:hover{background:var(--card-hover);border-color:color-mix(in oklab, var(--tint) 40%, var(--border-strong));box-shadow:var(--shadow-hover);transform:translateY(-2px)}.link:hover:before{opacity:1}.link:active{transform:translateY(0)scale(.985)}.link-icon{width:46px;height:46px;color:var(--tint);background:color-mix(in oklab, var(--tint) 14%, transparent);border:1px solid color-mix(in oklab, var(--tint) 22%, transparent);transition:transform .35s var(--ease), background-color .3s, color .3s;border-radius:13px;place-items:center;display:grid}.link:hover .link-icon{color:#fff;background:var(--tint);transform:scale(1.06)rotate(-6deg)}.link-text{flex-direction:column;min-width:0;display:flex}.link-title{letter-spacing:-.015em;align-items:center;gap:8px;font-size:15.5px;font-weight:600;display:flex}.link-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.link-arrow{width:32px;height:32px;color:var(--faint);transition:transform .35s var(--ease), color .3s, background-color .3s;border-radius:50%;place-items:center;display:grid}.link:hover .link-arrow{color:var(--fg);background:var(--card-hover);transform:translate(2px,-2px)}.badge{letter-spacing:.02em;color:var(--tint,var(--accent));background:color-mix(in oklab, var(--tint,var(--accent)) 15%, transparent);border:1px solid color-mix(in oklab, var(--tint,var(--accent)) 30%, transparent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.featured{border-radius:calc(var(--radius) + 4px);background:conic-gradient(from var(--angle), var(--accent), var(--accent-2), var(--accent-3), var(--accent));box-shadow:0 24px 60px -24px color-mix(in oklab, var(--accent) 70%, transparent);transition:transform .4s var(--ease), box-shadow .4s var(--ease);padding:1.5px;animation:7s linear infinite spin;display:block;position:relative}.featured:hover{box-shadow:0 34px 70px -24px color-mix(in oklab, var(--accent) 85%, transparent);transform:translateY(-3px)}.featured:active{transform:scale(.99)}.featured-inner{border-radius:calc(var(--radius) + 2.5px);background:var(--surface);transition:background-color .4s var(--ease);position:relative;overflow:hidden}.featured-inner:after{content:"";background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #ffffff1a, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.featured:hover .featured-inner:after{opacity:1}.featured-art{background:radial-gradient(circle at 20% 20%, color-mix(in oklab, var(--accent) 90%, transparent), transparent 55%), radial-gradient(circle at 85% 30%, color-mix(in oklab, var(--accent-2) 85%, transparent), transparent 55%), radial-gradient(circle at 50% 110%, color-mix(in oklab, var(--accent-3) 90%, transparent), transparent 60%), #1a1020;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.featured-art:before{content:"";background-image:radial-gradient(#ffffff40 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.featured-orb{color:#fff;-webkit-backdrop-filter:blur(10px);width:72px;height:72px;transition:transform .5s var(--ease);background:#ffffff29;border:1px solid #ffffff4d;border-radius:22px;place-items:center;display:grid;position:relative;box-shadow:0 10px 30px -8px #0006,inset 0 1px #fff6}.featured:hover .featured-orb{transform:scale(1.08)rotate(-8deg)}.badge-solid{color:#fff;-webkit-backdrop-filter:blur(8px);background:#00000059;border-color:#ffffff40;position:absolute;top:14px;left:14px}.featured-body{justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 20px 20px;display:flex}.featured-body h3{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:650;line-height:1.25}.featured-body p{color:var(--muted);margin:6px 0 0;font-size:14px}.featured-cta{color:var(--bg);background:var(--fg);transition:gap .3s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.featured:hover .featured-cta{gap:8px}.footer{text-align:center;color:var(--faint);margin-top:44px;font-size:13px}.toast{color:var(--bg);background:var(--fg);opacity:0;pointer-events:none;transition:opacity .3s var(--ease), translate .4s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex;position:fixed;bottom:24px;left:50%;translate:-50% 20px;box-shadow:0 16px 40px -12px #00000080}.toast.show{opacity:1;translate:-50%}.reveal{opacity:0;animation:rise .8s var(--ease) forwards;animation-delay:calc(var(--i,0) * 60ms + 80ms)}.featured.reveal{animation:rise .8s var(--ease) forwards, spin 7s linear infinite;animation-delay:calc(var(--i,0) * 60ms + 80ms), 0s}@keyframes rise{0%{opacity:0;filter:blur(6px);translate:0 14px}to{opacity:1;filter:none;translate:0}}@keyframes spin{to{--angle:360deg}}@keyframes pulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}@keyframes ring{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}@keyframes drift-1{to{transform:translate(14vmax,10vmax)scale(1.15)}}@keyframes drift-2{to{transform:translate(-12vmax,14vmax)scale(.9)}}@keyframes drift-3{to{transform:translate(10vmax,-12vmax)scale(1.1)}}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-5%,4%)}40%{transform:translate(4%,-6%)}60%{transform:translate(-3%,7%)}80%{transform:translate(6%,-2%)}}@media (width<=480px){.page{padding:16px 14px 40px}.featured-body{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
