:where(:root){--gray-0:#fcfcfc;--gray-1:#f5f5f5;--gray-2:#e8e8e8;--gray-3:#d7d7d7;--gray-4:#c4c4c4;--gray-5:#ababab;--gray-6:#8c8c8c;--gray-7:#6c6c6c;--gray-8:#525252;--gray-9:#3a3a3a;--gray-10:#242424;--gray-11:#121212;--gray-12:#030303;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-pill:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:clamp(1.75rem, 4vw, 2.5rem);--text-4xl:clamp(2.25rem, 5vw, 3.5rem);--duration-fast:.1s;--duration-normal:.2s;--accent-orange:#ff893c;--accent-green:#00f58d;--accent-blue:#52a9fe;--accent-yellow:#ffd060;--accent-red:#ff625e;--accent-violet:#a491ff}@supports (color:lab(0% 0 0)){:where(:root){--gray-0:lab(98.84% .0000298023 -.0000119209);--gray-1:lab(96.52% -.0000298023 .0000119209);--gray-2:lab(91.88% .0000298023 -.0000119209);--gray-3:lab(86.08% -.0000298023 0);--gray-4:lab(79.12% -.0000298023 -.0000119209);--gray-5:lab(69.84% 0 0);--gray-6:lab(58.24% 0 0);--gray-7:lab(45.48% 0 0);--gray-8:lab(35.04% -.0000149012 0);--gray-9:lab(24.6% 0 0);--gray-10:lab(14.16% 0 0);--gray-11:lab(5.26802% 0 0);--gray-12:lab(.903296% 0 0);--accent-orange:lab(69.8826% 45.6333 65.8538);--accent-green:lab(85.4252% -70.9631 36.7115);--accent-blue:lab(66.9017% -6.76849 -50.6994);--accent-yellow:lab(86.2997% 11.8276 72.6075);--accent-red:lab(63.2066% 63.0145 37.4065);--accent-violet:lab(65.0619% 31.4496 -60.5656)}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand:var(--gray-0);--color-brand-muted:var(--gray-3);--color-brand-subtle:var(--gray-6);--color-brand-on:var(--gray-12);--color-text:var(--gray-2);--color-text-strong:var(--gray-0);--color-text-muted:var(--gray-5);--color-text-on-muted:var(--gray-0);--color-text-on-brand:var(--gray-12);--color-bg:var(--gray-12);--color-bg-surface:var(--gray-11);--color-bg-muted:var(--gray-10);--color-border:var(--gray-9);--color-border-strong:var(--gray-7);--color-border-subtle:var(--gray-10);--color-hover:rgba(255,255,255,.04);--color-active:rgba(255,255,255,.08);--color-overlay:rgba(0,0,0,.7);--color-focus-ring:rgba(91,116,142,.4);--color-danger:#f14d4c;--color-danger-hover:#df202e;--color-danger-subtle:rgba(241,77,76,.12);--color-info:#3a93e6;--color-info-subtle:rgba(58,147,230,.12);--color-success:#00bd6b;--color-success-subtle:rgba(0,189,107,.12);--color-accent-orange:var(--accent-orange);--color-accent-orange-subtle:rgba(255,137,60,.12);--color-accent-green:var(--accent-green);--color-accent-green-subtle:rgba(0,245,141,.12);--color-accent-blue:var(--accent-blue);--color-accent-blue-subtle:rgba(82,169,254,.12);--color-accent-yellow:var(--accent-yellow);--color-accent-yellow-subtle:rgba(255,208,96,.12);--color-accent-red:var(--accent-red);--color-accent-red-subtle:rgba(255,98,94,.12);--color-accent-violet:var(--accent-violet);--color-accent-violet-subtle:rgba(164,145,255,.12)}@supports (color:lab(0% 0 0)){:root,[data-theme=dark]{--color-hover:lab(100% 0 0/.04);--color-active:lab(100% 0 0/.08);--color-overlay:lab(0% 0 0/.7);--color-focus-ring:lab(47.6949% -4.23956 -17.3375/.4);--color-danger:lab(57.3944% 63.124 38.0626);--color-danger-hover:lab(49.0306% 69.7939 45.0284);--color-danger-subtle:lab(57.3944% 63.124 38.0626/.12);--color-info:lab(58.7199% -5.55909 -50.5326);--color-info-subtle:lab(58.7199% -5.55909 -50.5326/.12);--color-success:lab(67.6333% -61.4643 31.8264);--color-success-subtle:lab(67.6333% -61.4643 31.8264/.12);--color-accent-orange-subtle:lab(69.8826% 45.6333 65.8538/.12);--color-accent-green-subtle:lab(85.4252% -70.9631 36.7115/.12);--color-accent-blue-subtle:lab(66.9017% -6.76849 -50.6994/.12);--color-accent-yellow-subtle:lab(86.2997% 11.8276 72.6075/.12);--color-accent-red-subtle:lab(63.2066% 63.0145 37.4065/.12);--color-accent-violet-subtle:lab(65.0619% 31.4496 -60.5656/.12)}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand:var(--gray-12);--color-brand-muted:var(--gray-9);--color-brand-subtle:var(--gray-6);--color-brand-on:var(--gray-0);--color-text:var(--gray-10);--color-text-strong:var(--gray-12);--color-text-muted:var(--gray-6);--color-text-on-muted:var(--gray-12);--color-text-on-brand:var(--gray-0);--color-bg:var(--gray-0);--color-bg-surface:var(--gray-1);--color-bg-muted:var(--gray-2);--color-border:var(--gray-4);--color-border-strong:var(--gray-8);--color-border-subtle:var(--gray-2);--color-hover:rgba(0,0,0,.04);--color-active:rgba(0,0,0,.08);--color-overlay:rgba(0,0,0,.5);--color-focus-ring:rgba(91,116,142,.4);--color-danger:#d40924;--color-danger-hover:#b70011;--color-danger-subtle:rgba(212,9,36,.08);--color-info:#0074c9;--color-info-subtle:rgba(0,116,201,.08);--color-success:#009956;--color-success-subtle:rgba(0,153,86,.08);--color-accent-orange:var(--accent-orange);--color-accent-orange-subtle:rgba(255,137,60,.08);--color-accent-green:var(--accent-green);--color-accent-green-subtle:rgba(0,245,141,.08);--color-accent-blue:var(--accent-blue);--color-accent-blue-subtle:rgba(82,169,254,.08);--color-accent-yellow:var(--accent-yellow);--color-accent-yellow-subtle:rgba(255,208,96,.08);--color-accent-red:var(--accent-red);--color-accent-red-subtle:rgba(255,98,94,.08);--color-accent-violet:var(--accent-violet);--color-accent-violet-subtle:rgba(164,145,255,.08)}@supports (color:lab(0% 0 0)){:root:not([data-theme=dark]){--color-hover:lab(0% 0 0/.04);--color-active:lab(0% 0 0/.08);--color-overlay:lab(0% 0 0/.5);--color-focus-ring:lab(47.6949% -4.23956 -17.3375/.4);--color-danger:lab(45.5382% 69.8881 46.2994);--color-danger-hover:lab(37.1484% 76.6841 61.2648);--color-danger-subtle:lab(45.5382% 69.8881 46.2994/.08);--color-info:lab(46.6457% -.178784 -60.0399);--color-info-subtle:lab(46.6457% -.178784 -60.0399/.08);--color-success:lab(56.128% -65.7111 34.2118);--color-success-subtle:lab(56.128% -65.7111 34.2118/.08);--color-accent-orange-subtle:lab(69.8826% 45.6333 65.8538/.08);--color-accent-green-subtle:lab(85.4252% -70.9631 36.7115/.08);--color-accent-blue-subtle:lab(66.9017% -6.76849 -50.6994/.08);--color-accent-yellow-subtle:lab(86.2997% 11.8276 72.6075/.08);--color-accent-red-subtle:lab(63.2066% 63.0145 37.4065/.08);--color-accent-violet-subtle:lab(65.0619% 31.4496 -60.5656/.08)}}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand:var(--gray-12);--color-brand-muted:var(--gray-9);--color-brand-subtle:var(--gray-6);--color-brand-on:var(--gray-0);--color-text:var(--gray-10);--color-text-strong:var(--gray-12);--color-text-muted:var(--gray-6);--color-text-on-muted:var(--gray-12);--color-text-on-brand:var(--gray-0);--color-bg:var(--gray-0);--color-bg-surface:var(--gray-1);--color-bg-muted:var(--gray-2);--color-border:var(--gray-4);--color-border-strong:var(--gray-8);--color-border-subtle:var(--gray-2);--color-hover:rgba(0,0,0,.04);--color-active:rgba(0,0,0,.08);--color-overlay:rgba(0,0,0,.5);--color-focus-ring:rgba(91,116,142,.4);--color-danger:#d40924;--color-danger-hover:#b70011;--color-danger-subtle:rgba(212,9,36,.08);--color-info:#0074c9;--color-info-subtle:rgba(0,116,201,.08);--color-success:#009956;--color-success-subtle:rgba(0,153,86,.08);--color-accent-orange:var(--accent-orange);--color-accent-orange-subtle:rgba(255,137,60,.08);--color-accent-green:var(--accent-green);--color-accent-green-subtle:rgba(0,245,141,.08);--color-accent-blue:var(--accent-blue);--color-accent-blue-subtle:rgba(82,169,254,.08);--color-accent-yellow:var(--accent-yellow);--color-accent-yellow-subtle:rgba(255,208,96,.08);--color-accent-red:var(--accent-red);--color-accent-red-subtle:rgba(255,98,94,.08);--color-accent-violet:var(--accent-violet);--color-accent-violet-subtle:rgba(164,145,255,.08)}@supports (color:lab(0% 0 0)){[data-theme=light]{--color-hover:lab(0% 0 0/.04);--color-active:lab(0% 0 0/.08);--color-overlay:lab(0% 0 0/.5);--color-focus-ring:lab(47.6949% -4.23956 -17.3375/.4);--color-danger:lab(45.5382% 69.8881 46.2994);--color-danger-hover:lab(37.1484% 76.6841 61.2648);--color-danger-subtle:lab(45.5382% 69.8881 46.2994/.08);--color-info:lab(46.6457% -.178784 -60.0399);--color-info-subtle:lab(46.6457% -.178784 -60.0399/.08);--color-success:lab(56.128% -65.7111 34.2118);--color-success-subtle:lab(56.128% -65.7111 34.2118/.08);--color-accent-orange-subtle:lab(69.8826% 45.6333 65.8538/.08);--color-accent-green-subtle:lab(85.4252% -70.9631 36.7115/.08);--color-accent-blue-subtle:lab(66.9017% -6.76849 -50.6994/.08);--color-accent-yellow-subtle:lab(86.2997% 11.8276 72.6075/.08);--color-accent-red-subtle:lab(63.2066% 63.0145 37.4065/.08);--color-accent-violet-subtle:lab(65.0619% 31.4496 -60.5656/.08)}}:root{--nl-color-primary:var(--color-brand);--nl-color-primary-soft:var(--color-brand-muted);--nl-color-primary-deep:var(--color-brand-subtle);--nl-color-on-primary:var(--color-brand-on);--nl-color-ink:var(--color-text);--nl-color-ink-strong:var(--color-text-strong);--nl-color-body:var(--color-text-muted);--nl-color-mute:var(--color-text-muted);--nl-color-border:var(--color-border);--nl-color-border-soft:var(--color-border-subtle);--nl-color-canvas:var(--color-bg);--nl-color-canvas-soft:var(--color-bg-surface);--nl-color-canvas-text-soft:var(--color-text);--nl-space-xxs:var(--spacing-xs);--nl-space-xs:var(--spacing-xs);--nl-space-sm:var(--spacing-sm);--nl-space-md:var(--spacing-md);--nl-space-lg:var(--spacing-lg);--nl-space-xl:var(--spacing-xl);--nl-space-2xl:var(--spacing-2xl);--nl-space-3xl:var(--spacing-2xl);--nl-space-4xl:var(--spacing-2xl);--nl-space-5xl:var(--spacing-2xl);--nl-space-6xl:var(--spacing-2xl);--nl-radius-none:0;--nl-radius-xs:var(--radius-sm);--nl-radius-sm:var(--radius-sm);--nl-radius-md:var(--radius-md);--nl-radius-lg:var(--radius-lg);--nl-radius-pill:var(--radius-pill);--nl-font-sans:var(--font-sans);--nl-font-mono:var(--font-mono);--nl-canvas:var(--color-bg);--nl-fg:var(--color-text);--nl-primary:var(--color-brand);--nl-hairline:1px solid var(--color-border);--nl-accent-orange:var(--color-accent-orange);--nl-accent-green:var(--color-accent-green);--nl-accent-blue:var(--color-accent-blue);--nl-accent-yellow:var(--color-accent-yellow);--nl-accent-red:var(--color-accent-red);--nl-accent-violet:var(--color-accent-violet)}:root{--shadow-lift: oklch(0% 0 0deg / 25%) 0 8px 16px;--shadow-credit: oklch(0% 0 0deg / 20%) 0 3px 5px -1px, oklch(0% 0 0deg / 14%) 0 6px 10px, oklch(0% 0 0deg / 12%) 0 1px 18px;--shadow-credit-hover: oklch(0% 0 0deg / 25%) 0 6px 12px;--s1: 8px;--s2: 16px;--s3: 24px;--s5: 40px;--s8: 64px}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;width:100%;margin:0 auto;padding:2rem 0;font-family:var(--font-sans);font-size:1rem;background:linear-gradient(180deg,var(--color-bg),color-mix(in oklab,var(--color-bg),var(--color-accent-violet) 20%));color:var(--color-text);line-height:1.618}.container{max-width:560px;width:100%;margin:0 auto}.profile{text-align:center;margin-bottom:var(--s3)}.profile-img{width:128px;height:128px;border-radius:var(--s1);object-fit:cover;margin-bottom:var(--s2);border:1px solid var(--color-border);filter:grayscale(1);transition:all .2s ease}.profile-img:hover{border-color:var(--color-border-strong);filter:grayscale(0)}.name{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:.05em;margin-bottom:var(--s1)}.bio{color:var(--color-text);letter-spacing:.02em;font-size:1rem;font-weight:400;text-wrap:pretty}.links{display:flex;flex-direction:column;gap:var(--s2)}.link{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:18px var(--s3);display:flex;align-items:center;justify-content:center;gap:var(--s2);text-align:center;text-decoration:none;color:var(--color-text);font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;touch-action:manipulation}.link>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{width:var(--s3);height:var(--s3);fill:currentcolor}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);margin-bottom:var(--s3)}.social{width:55px;height:55px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .3s ease}.social:hover{border-color:var(--color-border-strong);background:var(--color-brand);color:var(--color-brand-on)}.social .icon{width:30px;height:30px}.nowplaying{margin-top:var(--s3);display:flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;transition:all .3s cubic-bezier(.23,1,.32,1)}.link:hover,.nowplaying:hover{border-color:var(--color-border-strong);background:var(--color-bg);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.link:active,.nowplaying:active{box-shadow:none;transform:translateY(0)}.np-art{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:4px;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.np-art img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.np-note{width:24px;height:24px;color:var(--color-text);opacity:.5}.np-live{position:absolute;top:-4px;right:-4px;width:12px;height:12px}.np-live-ping{position:absolute;inset:0;border-radius:50%;border:2px solid var(--color-brand);opacity:0;transform:scale(.5);background:transparent;animation:np-ping 1.6s ease-in-out infinite!important}.np-live-dot{position:absolute;inset:0;border-radius:50%;background:var(--color-brand);animation:np-pulse 1.6s ease-in-out infinite!important}@keyframes np-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes np-ping{0%{transform:scale(.5);opacity:.4}to{transform:scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){.np-live-dot,.np-live-ping{animation:none}}.np-meta{display:flex;flex-direction:column;min-width:0}.np-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.np-track{font-size:.875rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{font-size:.75rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{display:flex;flex-direction:column;align-items:center;margin-top:var(--s3)}.footer-credit{display:inline-flex;align-items:center;justify-content:center;text-align:center;height:48px;padding:2px var(--s3);border-radius:24px;background:var(--color-bg);color:var(--color-text);font-size:.75rem;font-weight:500;text-decoration:none;box-shadow:var(--shadow-credit);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .27s cubic-bezier(0,0,.2,1)}.footer-credit:hover{box-shadow:var(--shadow-credit-hover);transform:translateY(-2px)}.notfound{min-height:calc(100dvh - 4rem);display:flex;flex-direction:column;justify-content:center}@media(width<=768px){body{width:85%}.social{width:45px;height:45px}.social .icon{width:25px;height:25px}}
