:root{--background:222 47% 5%;--foreground:210 35% 96%;--primary:188 95% 55%;--secondary:18 96% 62%;--muted:214 18% 68%;--destructive:0 84% 60%;--border:215 24% 24%;--card:222 40% 11%;--shadow-sm:0 8px 24px hsl(0 0% 0%/.24);--shadow-md:0 18px 48px hsl(0 0% 0%/.34);--shadow-lg:0 28px 80px hsl(188 95% 55%/.18);--transition-fast:180ms ease;--transition-smooth:420ms cubic-bezier(.2,.8,.2,1);--radius-sm:14px;--radius-md:22px;--radius-lg:34px}.dark{--background:222 47% 5%;--foreground:210 35% 96%;--primary:188 95% 55%;--secondary:18 96% 62%;--muted:214 18% 68%;--destructive:0 84% 60%;--border:215 24% 24%;--card:222 40% 11%}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 12%,hsl(var(--secondary)/.19),transparent 32%),hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}.dynamic-island{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:10px;padding:8px;width:156px;overflow:hidden;border:1px solid hsl(var(--border)/.7);border-radius:999px;background:hsl(var(--card)/.62);backdrop-filter:blur(22px);box-shadow:var(--shadow-lg);transition:width var(--transition-smooth)}.dynamic-island.expanded,.dynamic-island:hover{width:min(94vw,560px)}.island-trigger{border:0;background:hsl(var(--foreground)/.08);color:hsl(var(--foreground));border-radius:999px;padding:10px 14px;display:flex;gap:8px;align-items:center;font-weight:800;cursor:pointer;white-space:nowrap}.pulse-dot{width:9px;height:9px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 18px hsl(var(--primary))}.island-menu{display:flex;gap:4px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:var(--transition-smooth)}.dynamic-island.expanded .island-menu,.dynamic-island:hover .island-menu{opacity:1;transform:translateX(0);pointer-events:auto}.island-menu a{padding:10px 13px;border-radius:999px;color:hsl(var(--muted));font-size:14px}.island-menu a:hover,.island-menu .active{background:hsl(var(--primary)/.13);color:hsl(var(--primary))}.artists-shell{max-width:1180px;margin:auto;padding:112px 18px 48px}.eyebrow{color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.artists-hero{margin-bottom:24px}.artists-hero h1{font-size:clamp(36px,7vw,76px);line-height:1;margin:10px 0}.artists-hero p:last-child{color:hsl(var(--muted));line-height:1.65;max-width:720px}.artist-grid{display:grid;gap:16px}.artist-card{padding:18px;border:1px solid hsl(var(--border)/.75);border-radius:var(--radius-lg);background:hsl(var(--card)/.62);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.artist-card:hover{transform:translateY(-7px);border-color:hsl(var(--primary)/.5);box-shadow:var(--shadow-md)}.artist-top{display:flex;gap:14px;align-items:center}.artist-avatar{width:78px;height:78px;border-radius:28px;display:grid;place-items:center;font-weight:950;font-size:24px;background:linear-gradient(135deg,hsl(var(--secondary)),hsl(var(--primary)));color:hsl(var(--background))}.artist-card h2{margin:0}.artist-card small{color:hsl(var(--muted))}.artist-bio{color:hsl(var(--muted));line-height:1.55}.tracks{display:grid;gap:8px;margin:16px 0}.tracks span{padding:10px 12px;border-radius:16px;background:hsl(var(--foreground)/.05)}.follow-btn{width:100%;border:0;border-radius:999px;padding:13px 16px;background:hsl(var(--primary));color:hsl(var(--background));font-weight:900;cursor:pointer;transition:var(--transition-fast)}.follow-btn.following{background:hsl(var(--secondary)/.22);color:hsl(var(--secondary));border:1px solid hsl(var(--secondary)/.35)}.follow-btn:hover{transform:translateY(-2px)}@media(min-width:720px){.artist-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1060px){.artist-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.dynamic-island.expanded,.dynamic-island:hover{width:calc(100vw - 22px)}.island-menu a{font-size:12px;padding:9px 8px}}