.specimen-board{--sp-bg:#eef0f5;--sp-panel:#fff;--sp-ink:#182338;--sp-muted:#64728a;--sp-accent:#3155e7;--sp-border:1px solid #e1e5ed;--sp-radius:23px;--sp-shadow:0 18px 42px #26396016;--sp-button:#3155e7;--sp-button-ink:#fff;position:relative;height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sp-bg);color:var(--sp-ink);font-family:'DM Sans',Arial,sans-serif;isolation:isolate;border-radius:12px}
.specimen-board{container-type:inline-size}
.specimen-board *{box-sizing:border-box}
.specimen-board .specimen-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.specimen-board .specimen-backdrop>i{position:absolute;display:none}
.specimen-board .specimen-surface{position:relative;width:min(470px,calc(100% - 74px));flex-shrink:0;background:var(--sp-panel);border:var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:28px 30px;color:var(--sp-ink);z-index:1}
.specimen-board .specimen-overline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;letter-spacing:2.5px;line-height:1.4;color:var(--sp-ink);margin-bottom:24px}
.specimen-board .specimen-more{display:flex;align-items:center;opacity:.75}
.specimen-board .specimen-more svg{width:23px;height:23px}
.specimen-board .specimen-track{display:flex;align-items:center;gap:21px;position:relative}
.specimen-board .specimen-album{height:103px;width:103px;flex-shrink:0;background:#ffe3b8;border-radius:13px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 4px 12px #0b123312}
.specimen-board .specimen-album-sun{position:absolute;width:72px;height:72px;border-radius:50%;background:#ff8c20;left:17px;top:15px}
.specimen-board .specimen-album-land{position:absolute;width:135px;height:95px;border-radius:65% 65% 0 0;background:#20b6bf;transform:rotate(-23deg);left:8px;top:51px;box-shadow:inset 0 12px 14px #8addd226}
.specimen-board .specimen-album>span{position:absolute;bottom:8px;left:9px;font-size:5px;line-height:1.1;letter-spacing:1px;color:#ffffffda;font-weight:700;display:none}
.specimen-board .specimen-track-copy{flex:1;min-width:0}
.specimen-board .specimen-track-kicker{font-size:9px;font-weight:600;letter-spacing:1px;color:var(--sp-muted);display:none;margin-bottom:7px}
.specimen-board h3{font:inherit;font-size:24px;font-weight:700;letter-spacing:-.7px;line-height:1.15;margin:0;color:var(--sp-ink)}
.specimen-board .specimen-track-copy>p,.specimen-board .specimen-profile-copy>p{font-size:16px;line-height:1.5;color:var(--sp-muted);margin:7px 0 0;letter-spacing:-.15px}
.specimen-board .specimen-genre{font-size:11px;display:none;color:var(--sp-muted);margin-top:8px}
.specimen-board .specimen-control{appearance:none;border:0;border-radius:50%;padding:0;background:transparent;color:var(--sp-ink);height:38px;width:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:none;line-height:1}
.specimen-board .specimen-control svg{width:23px;height:23px;pointer-events:none}
.specimen-board .specimen-control:hover{background:color-mix(in srgb,var(--sp-ink) 8%,transparent)}
.specimen-board .specimen-control:active,.specimen-board .specimen-follow:active{transform:scale(.95)}
.specimen-board .specimen-control:focus-visible,.specimen-board .specimen-follow:focus-visible,.specimen-board input:focus-visible{outline:3px solid var(--sp-accent);outline-offset:4px}
.specimen-board .specimen-control:not(.specimen-play)[aria-pressed=true]{color:var(--sp-accent)}
.specimen-board .specimen-like{height:33px;width:33px;align-self:center;margin-left:-10px}
.specimen-board .specimen-like svg{width:24px;height:24px}
.specimen-board .specimen-like[aria-pressed=true] svg{fill:currentColor}
.specimen-board .specimen-seek{display:flex;align-items:center;gap:13px;margin-top:24px;color:var(--sp-muted);font-size:11px;font-variant-numeric:tabular-nums;line-height:1}
.specimen-board .specimen-seek output,.specimen-board .specimen-seek>span{min-width:28px;white-space:nowrap}
.specimen-board input[type=range]{appearance:none;-webkit-appearance:none;background:color-mix(in srgb,var(--sp-ink) 18%,transparent);border:0;height:4px;border-radius:4px;flex:1;min-width:0;margin:0;cursor:pointer;accent-color:var(--sp-accent);box-shadow:none;padding:0}
.specimen-board input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border:0;border-radius:50%;background:var(--sp-accent);box-shadow:none;cursor:grab}
.specimen-board input[type=range]::-moz-range-thumb{height:12px;width:12px;border:0;border-radius:50%;background:var(--sp-accent);cursor:grab}
.specimen-board .specimen-controls{display:flex;align-items:center;justify-content:space-between;max-width:350px;gap:17px;margin:21px auto 0}
.specimen-board .specimen-play{width:46px;height:46px;background:var(--sp-button);color:var(--sp-button-ink);box-shadow:0 4px 9px #1e2c6012}
.specimen-board .specimen-play svg{width:26px;height:26px}
.specimen-board .specimen-play:hover{background:var(--sp-button);filter:brightness(1.07)}
.specimen-board .specimen-secondary{opacity:1}
.specimen-board .specimen-footline{display:none;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--sp-muted);margin-top:18px}
.specimen-board .specimen-window-dots{display:none}
.specimen-board .specimen-hint{position:absolute;height:23px;width:23px;display:grid;place-items:center;background:#fff;color:#1c2b54;border:2px solid #3155e7;border-radius:50%;font:700 11px/1 Arial,sans-serif;box-shadow:0 2px 4px #0002;z-index:8;pointer-events:none}
.specimen-board .specimen-hint.hint1{left:-12px;top:18px}
.specimen-board .specimen-hint.hint2{right:22px;top:-12px}
.specimen-board .specimen-hint.hint3{bottom:25px;right:44px}
.specimen-board .specimen-profile{padding:23px 28px;max-width:370px}
.specimen-board .specimen-profile .specimen-overline{margin-bottom:0;font-size:10px;letter-spacing:1.8px}
.specimen-board .specimen-profile-cover{position:relative;height:62px;margin:17px -28px 0;background:color-mix(in srgb,var(--sp-accent) 14%,transparent);overflow:hidden}
.specimen-board .specimen-profile-cover>i{position:absolute;width:70px;height:70px;border:15px solid var(--sp-accent);border-radius:50%;right:48px;top:16px;opacity:.24}
.specimen-board .specimen-profile-cover>i:nth-child(2){right:0;top:-25px;opacity:.13;transform:scale(1.5)}
.specimen-board .specimen-profile-cover>i:nth-child(3){left:20px;top:25px;border-radius:0;width:48px;height:48px;transform:rotate(25deg);opacity:.12}
.specimen-board .specimen-profile-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-22px;position:relative;z-index:1}
.specimen-board .specimen-avatar{height:62px;width:62px;border:4px solid var(--sp-panel);background:var(--sp-accent);color:#fff;border-radius:50%;font-size:21px;font-weight:600;letter-spacing:-1px;display:grid;place-items:center;box-shadow:0 3px 8px #0001}
.specimen-board .specimen-availability{font-size:10px;color:var(--sp-muted);display:flex;align-items:center;gap:5px;padding-bottom:5px;white-space:nowrap}
.specimen-board .specimen-availability>i{height:5px;width:5px;background:#3a9467;border-radius:50%;flex-shrink:0}
.specimen-board .specimen-profile-copy{margin-top:12px}
.specimen-board .specimen-profile-copy h3{font-size:25px}
.specimen-board .specimen-profile-copy>p{font-size:14px;margin-top:4px}
.specimen-board .specimen-profile-bio{font-size:12px;line-height:1.5;color:var(--sp-muted);margin-top:10px}
.specimen-board .specimen-profile-bottom{display:flex;align-items:center;gap:25px;border-top:1px solid color-mix(in srgb,var(--sp-ink) 12%,transparent);margin-top:18px;padding-top:16px}
.specimen-board .specimen-profile-stat>b{font-size:21px;font-weight:650;display:block;letter-spacing:-.5px}
.specimen-board .specimen-profile-stat>span{font-size:10px;color:var(--sp-muted);display:block;margin-top:2px;white-space:nowrap}
.specimen-board .specimen-follow{appearance:none;border:0;background:var(--sp-button);color:var(--sp-button-ink);border-radius:6px;font-family:inherit;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;gap:12px;margin-left:auto;padding:12px 14px;white-space:nowrap;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.specimen-board .specimen-follow>span:last-child{font-size:17px}
.specimen-board .specimen-follow[aria-pressed=true]{background:color-mix(in srgb,var(--sp-accent) 16%,var(--sp-panel));color:var(--sp-accent);outline:1px solid var(--sp-accent)}

/* Glass: a translucent layer with a visible, blurred world behind it. */
.specimen-board.style-glass{--sp-bg:#3266e9;--sp-panel:#142e6ab3;--sp-ink:#fff;--sp-muted:#edf2ff;--sp-accent:#fff;--sp-border:1px solid #ffffffa8;--sp-shadow:0 22px 44px #132b8d35;--sp-button:transparent;--sp-button-ink:#fff;background:radial-gradient(ellipse at 20% 13%,#0640b9 0,transparent 35%),radial-gradient(ellipse at 78% 68%,#8b5ecb 0,transparent 41%),#3266e9}
.style-glass .specimen-backdrop>i{display:block;position:absolute;box-shadow:inset 8px 14px 28px #ffffff28,0 10px 24px #003eb938}
.style-glass .specimen-backdrop>i:nth-child(1){height:280px;width:125%;left:-35%;top:-74px;border-radius:45%;background:linear-gradient(125deg,#579cff,#0a3bc8 65%,#245dd9);transform:rotate(-32deg)}
.style-glass .specimen-backdrop>i:nth-child(2){height:200px;width:130%;left:-18%;top:152px;border-radius:45%;background:linear-gradient(100deg,#ffbd94,#f9949b 43%,#b274c9);transform:rotate(-32deg)}
.style-glass .specimen-backdrop>i:nth-child(3){height:240px;width:145%;left:-20%;bottom:-175px;border-radius:50%;background:linear-gradient(90deg,#91b5ff,#1a49c8 45%,#5c81ea);transform:rotate(25deg)}
.style-glass .specimen-surface{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff60,var(--sp-shadow)}
.style-glass .specimen-overline{letter-spacing:3.2px}
.style-glass .specimen-play{border:2px solid #fff}
.style-glass input[type=range]{background:#ffffff4d}
.style-glass .specimen-album{box-shadow:0 10px 18px #12349d24;border:1px solid #ffffff66}
.style-glass .specimen-avatar{border:3px solid #ffffffb0;background:#4368aa;color:#fff;box-shadow:0 3px 8px #0c215333}
.style-glass .specimen-profile-cover{background:#ffffff18}
.style-glass .specimen-follow{border:1px solid #ffffffa0;background:#ffffff20}
.style-glass .specimen-profile-cover>i{opacity:.25}

/* Brutalism: raw type, monochrome, exposed edges. */
.specimen-board.style-brutalist{--sp-bg:#ededeb;--sp-panel:#fff;--sp-ink:#000;--sp-muted:#333;--sp-accent:#000;--sp-border:3px solid #000;--sp-radius:0;--sp-shadow:none;--sp-button:#000;--sp-button-ink:#fff;font-family:Arial,sans-serif}
.style-brutalist .specimen-surface{padding:25px}
.style-brutalist .specimen-overline{border-bottom:3px solid #000;padding-bottom:13px;margin-bottom:20px;letter-spacing:0;font-size:13px;font-weight:900}
.style-brutalist h3{font-size:28px;text-transform:uppercase;letter-spacing:-1.2px;line-height:.97;font-weight:900}
.style-brutalist .specimen-album{border:2px solid #000;border-radius:0;background:#eee;box-shadow:none;filter:grayscale(1)}
.style-brutalist .specimen-album-land{background:#111;box-shadow:none}.style-brutalist .specimen-album-sun{background:#555}
.style-brutalist .specimen-play,.style-brutalist .specimen-follow{border:2px solid #000;border-radius:0;box-shadow:none}
.style-brutalist .specimen-control{border-radius:0}
.style-brutalist .specimen-seek{border-top:2px solid #000;padding-top:17px;margin-top:20px;font-family:monospace}
.style-brutalist input[type=range]{height:6px;border-radius:0}.style-brutalist input[type=range]::-webkit-slider-thumb{height:15px;width:8px;border-radius:0}
.style-brutalist .specimen-footline{display:flex;border-top:2px solid #000;padding-top:9px;font-family:monospace}
.style-brutalist .specimen-avatar{border-radius:0;border:2px solid #000;background:#000;box-shadow:none}
.style-brutalist .specimen-profile-cover{background:repeating-linear-gradient(90deg,#000 0,#000 9px,#fff 9px,#fff 18px);border-bottom:2px solid #000}
.style-brutalist .specimen-profile-cover>i{display:none}

/* Neumorphism: the panel and controls emerge from one material. */
.specimen-board.style-neumorphic{--sp-bg:#e4e9ed;--sp-panel:#e4e9ed;--sp-ink:#485a70;--sp-muted:#6a7c90;--sp-accent:#6686a1;--sp-border:0;--sp-radius:28px;--sp-shadow:14px 14px 28px #bec8d0,-14px -14px 28px #fff;--sp-button:#e4e9ed;--sp-button-ink:#6686a1}
.style-neumorphic .specimen-control,.style-neumorphic .specimen-follow{box-shadow:4px 4px 9px #bdc7ce,-4px -4px 9px #fff;background:#e4e9ed}
.style-neumorphic .specimen-control:hover{background:#e4e9ed;box-shadow:2px 2px 6px #bdc7ce,-2px -2px 6px #fff}
.style-neumorphic .specimen-control:active,.style-neumorphic .specimen-control[aria-pressed=true]{box-shadow:inset 3px 3px 6px #bdc7ce,inset -3px -3px 6px #fff}
.style-neumorphic .specimen-album{padding:5px;border:6px solid #e4e9ed;border-radius:20px;box-shadow:5px 5px 11px #bdc7ce,-5px -5px 11px #fff;filter:saturate(.55)}
.style-neumorphic .specimen-play{height:53px;width:53px}
.style-neumorphic input[type=range]{height:6px;background:#e4e9ed;box-shadow:inset 2px 2px 4px #b8c4ce,inset -2px -2px 4px #fff}
.style-neumorphic input[type=range]::-webkit-slider-thumb{background:#8da6b9;box-shadow:1px 1px 3px #9babb9,-1px -1px 3px #fff;border:3px solid #e4e9ed;height:14px;width:14px}
.style-neumorphic .specimen-avatar{box-shadow:4px 4px 10px #bdc7ce,-4px -4px 10px #fff;border-color:#e4e9ed;background:#9eb0be}
.style-neumorphic .specimen-profile-cover{height:45px;background:#e4e9ed;box-shadow:inset 3px 3px 8px #bcc7d0,inset -3px -3px 8px #fff;margin:18px 0 0;border-radius:10px}
.style-neumorphic .specimen-profile-cover>i{display:none}.style-neumorphic .specimen-profile-heading{margin-top:-16px}.style-neumorphic .specimen-follow{color:#6686a1;border-radius:20px}

/* Retro: desktop chrome and a restrained pixel-era visual language. */
.specimen-board.style-retro{--sp-bg:#377f80;--sp-panel:#c5c7c5;--sp-ink:#202921;--sp-muted:#4d574e;--sp-accent:#274d87;--sp-border:3px outset #e9ece6;--sp-radius:0;--sp-shadow:8px 8px 0 #123a3c55;--sp-button:#c5c7c5;--sp-button-ink:#202921;font-family:'Courier New',monospace;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#001c1c08 2px,#001c1c08 3px),#377f80}
.style-retro .specimen-surface{padding:17px}
.style-retro .specimen-overline{background:#2d4d82;color:#fff;padding:7px;margin:-13px -13px 17px;font-size:11px;letter-spacing:.4px;border:0}
.style-retro .specimen-more{background:#c5c7c5;color:#344f70;border:2px outset #eee;height:19px;width:20px}.style-retro .specimen-more svg{width:15px}
.style-retro h3{font-family:'Courier New',monospace;font-size:23px;font-weight:700;letter-spacing:-.8px}
.style-retro .specimen-album{border:3px inset #eee;border-radius:0;box-shadow:none;image-rendering:pixelated;background:#ffde76}
.style-retro .specimen-album-sun{border-radius:0;clip-path:polygon(25% 0,75% 0,75% 12%,88% 12%,88% 25%,100% 25%,100% 75%,88% 75%,88% 88%,75% 88%,75% 100%,25% 100%,25% 88%,12% 88%,12% 75%,0 75%,0 25%,12% 25%,12% 12%,25% 12%);background:#ed8351}
.style-retro .specimen-album-land{border-radius:0;background:#348b94;transform:rotate(0);top:61px;left:0;width:100%;clip-path:polygon(0 25%,30% 25%,30% 10%,60% 10%,60% 0,100% 0,100% 100%,0 100%)}
.style-retro .specimen-control,.style-retro .specimen-follow{background:#c5c7c5;border:3px outset #eee;border-radius:0;box-shadow:none}
.style-retro .specimen-control:active{border-style:inset;transform:none}.style-retro .specimen-controls{gap:13px}
.style-retro input[type=range]{height:6px;border-radius:0;background:#a4aaa4;box-shadow:1px 1px #fff,inset 1px 1px #626a63}
.style-retro input[type=range]::-webkit-slider-thumb{border:2px outset #fff;border-radius:0;background:#c5c7c5;width:10px;height:18px}
.style-retro .specimen-seek{font-family:'Courier New',monospace;font-size:12px}.style-retro .specimen-footline{display:flex;border:2px inset #ddd;padding:5px;margin:15px -10px -9px;font-size:8px}
.style-retro .specimen-avatar{border-radius:0;border:3px outset #eee;background:#2d4d82;font-family:monospace;box-shadow:none}.style-retro .specimen-profile-cover{background:repeating-linear-gradient(45deg,#2d4d8220 0,#2d4d8220 3px,transparent 3px,transparent 8px);margin:0 -17px;height:53px;border:2px inset #ddd}.style-retro .specimen-profile-cover>i{display:none}.style-retro .specimen-profile .specimen-overline{margin-bottom:16px}.style-retro .specimen-profile-copy h3{font-size:24px}.style-retro .specimen-follow{font-family:monospace;color:#202921}

/* Skeuomorphic: physical materials, stitching and instrument-like controls. */
.specimen-board.style-skeuomorphic{--sp-bg:#8d6b4a;--sp-panel:#564337;--sp-ink:#f8ecd4;--sp-muted:#cdb99a;--sp-accent:#e6bd78;--sp-border:1px solid #211b15;--sp-radius:15px;--sp-shadow:0 17px 18px #24170d60,inset 0 2px 1px #aa8d63;--sp-button:#c6bca4;--sp-button-ink:#4a4236;background:repeating-linear-gradient(2deg,#0000 0,#0000 8px,#65432950 9px,#d6af7420 10px,#0000 13px),linear-gradient(90deg,#8d6b4a,#b08b60 35%,#856344)}
.style-skeuomorphic .specimen-surface{background:radial-gradient(#0002 .7px,transparent 1px) 0 0/3px 3px,#564337;outline:1px dashed #ae8f61;outline-offset:-8px;padding:27px 29px}
.style-skeuomorphic .specimen-overline{font-family:Georgia,serif;font-size:12px;letter-spacing:2px;color:#cbb18a;text-shadow:0 -1px #1d130d}
.style-skeuomorphic h3{font-family:Georgia,serif;font-size:25px;font-weight:400;text-shadow:0 2px 2px #21150c}
.style-skeuomorphic .specimen-album{border-radius:4px;border:5px solid #3d3026;box-shadow:0 1px 1px #c8b08766,inset 0 0 6px #23160d;filter:sepia(.25)}
.style-skeuomorphic .specimen-controls{background:linear-gradient(#b6ac95,#d6cdb8 40%,#aaa18b);padding:8px 12px;border-radius:9px;border:1px solid #3b2b1e;box-shadow:inset 0 1px 0 #fff7,0 3px 5px #1d130d70;max-width:none}
.style-skeuomorphic .specimen-control{background:linear-gradient(#d9d3c6,#a9a18c);color:#50483b;border:1px solid #7a705c;box-shadow:0 3px 4px #67574077,inset 0 1px 1px #fffd;width:33px;height:33px}
.style-skeuomorphic .specimen-play{width:42px;height:42px;background:radial-gradient(ellipse at 35% 20%,#e3dcca,#a79c82);box-shadow:0 3px 5px #5c4a34aa,inset 0 2px 2px #fff8}
.style-skeuomorphic .specimen-secondary{opacity:1;width:27px;height:27px}.style-skeuomorphic .specimen-secondary svg{width:16px}
.style-skeuomorphic input[type=range]{height:7px;background:#2b2019;box-shadow:0 1px #a98e6550,inset 0 2px 4px #000b}
.style-skeuomorphic input[type=range]::-webkit-slider-thumb{background:linear-gradient(90deg,#9c8c6e,#e3d5b8,#a89777);border:1px solid #5b482e;border-radius:3px;width:13px;height:18px;box-shadow:0 1px 3px #0006}
.style-skeuomorphic .specimen-avatar{background:radial-gradient(ellipse at 35% 25%,#cfb481,#806443);color:#f7e6c3;border-color:#3c2d23;box-shadow:0 2px 4px #120c07,inset 0 1px 2px #fff8;font-family:Georgia,serif}
.style-skeuomorphic .specimen-profile-cover{background:linear-gradient(90deg,#887155,#b29a75,#786246);box-shadow:inset 0 3px 9px #1d130d80;border-top:1px solid #2c2018;border-bottom:1px solid #d1b48670}.style-skeuomorphic .specimen-profile-cover>i{border-color:#e3d2ac;opacity:.2}
.style-skeuomorphic .specimen-follow{background:linear-gradient(#d9d3c6,#aaa18b);border:1px solid #413323;box-shadow:0 3px 4px #21160d77,inset 0 1px #fff8;color:#50432e;text-shadow:0 1px #fff7}

/* Minimal and flat intentionally differ in space and visual hierarchy. */
.specimen-board.style-minimal{--sp-bg:#f2f2ef;--sp-panel:#fff;--sp-ink:#222622;--sp-muted:#797f79;--sp-accent:#242b24;--sp-border:1px solid #e8e9e3;--sp-radius:4px;--sp-shadow:none;--sp-button:#242b24;--sp-button-ink:#fff}
.style-minimal .specimen-surface{padding:32px 34px;max-width:445px}
.style-minimal .specimen-overline{font-size:9px;font-weight:400;letter-spacing:2.3px;margin-bottom:30px;color:#8b928b}
.style-minimal h3{font-size:24px;font-weight:400;letter-spacing:-.8px}.style-minimal .specimen-album{height:94px;width:94px;border-radius:0;box-shadow:none;filter:saturate(.5)}
.style-minimal .specimen-track-copy>p{font-size:13px;margin-top:8px}.style-minimal .specimen-like{align-self:flex-start;margin-top:1px}.style-minimal .specimen-like svg{width:18px;height:18px}
.style-minimal .specimen-controls{margin-top:26px;max-width:320px}.style-minimal .specimen-play{width:40px;height:40px;box-shadow:none}.style-minimal .specimen-control:not(.specimen-play) svg{width:18px;height:18px}
.style-minimal .specimen-seek{margin-top:28px;font-size:10px}.style-minimal input[type=range]{height:2px}.style-minimal input[type=range]::-webkit-slider-thumb{height:8px;width:8px}
.style-minimal .specimen-profile{padding:26px 30px;max-width:350px}.style-minimal .specimen-profile-cover{display:none}.style-minimal .specimen-profile-heading{margin-top:23px}.style-minimal .specimen-avatar{background:#e6e9e2;color:#66735f;box-shadow:none;border:0;height:56px;width:56px;font-size:19px}.style-minimal .specimen-profile-copy{margin-top:20px}.style-minimal .specimen-profile-copy h3{font-size:27px}.style-minimal .specimen-follow{border-radius:2px}
.specimen-board.style-flat{--sp-bg:#cee6ed;--sp-panel:#eff7fa;--sp-ink:#154d69;--sp-muted:#467990;--sp-accent:#167dab;--sp-border:0;--sp-radius:9px;--sp-shadow:none;--sp-button:#167dab;--sp-button-ink:#fff}
.style-flat .specimen-overline{margin:-28px -30px 24px;background:#167dab;color:#fff;padding:17px 23px;border-radius:9px 9px 0 0;letter-spacing:1px}
.style-flat .specimen-album{border-radius:4px;box-shadow:none;background:#ffd883}.style-flat .specimen-album-sun{background:#ef9852}.style-flat .specimen-album-land{box-shadow:none;background:#199ead}
.style-flat h3{font-size:25px;font-weight:700;letter-spacing:-.7px}.style-flat .specimen-control{border-radius:6px}.style-flat .specimen-play{box-shadow:none}.style-flat .specimen-controls{max-width:none;padding-top:16px;border-top:2px solid #d3e7ef}
.style-flat .specimen-profile .specimen-overline{margin:-23px -28px 0;border-radius:9px 9px 0 0}.style-flat .specimen-profile-cover{margin-top:0;background:#b2dce7}.style-flat .specimen-avatar{border-color:#eff7fa;border-radius:13px;background:#167dab;box-shadow:none}.style-flat .specimen-follow{border-radius:5px}

/* Material: opaque surfaces, purposeful elevation, clear accent actions. */
.specimen-board.style-material{--sp-bg:#e6e7f1;--sp-panel:#faf8ff;--sp-ink:#29283b;--sp-muted:#777286;--sp-accent:#65529a;--sp-border:0;--sp-radius:24px;--sp-shadow:0 3px 5px #34305320,0 12px 24px #34305312;--sp-button:#dcd3ef;--sp-button-ink:#4f3e76}
.style-material .specimen-overline{color:#675b82;font-size:10px;letter-spacing:1.2px}.style-material h3{font-size:26px;font-weight:500;letter-spacing:-.7px}.style-material .specimen-album{border-radius:12px;box-shadow:none;filter:saturate(.6)}
.style-material .specimen-controls{max-width:none;background:#ece7f5;padding:9px 13px;border-radius:35px;margin-top:22px}.style-material .specimen-play{height:50px;width:58px;border-radius:18px;background:#65529a;color:#fff;box-shadow:0 3px 5px #4d3c7225}.style-material .specimen-play:hover{background:#65529a}.style-material input[type=range]{height:6px;background:#d6cfe4}.style-material input[type=range]::-webkit-slider-thumb{height:16px;width:5px;border-radius:2px}
.style-material .specimen-avatar{background:#dcd3ef;color:#65529a;border-color:#faf8ff;box-shadow:0 2px 4px #43395822;border-radius:18px}.style-material .specimen-profile-cover{background:#e8e0f4}.style-material .specimen-follow{border-radius:24px;background:#65529a;color:#fff;box-shadow:0 2px 4px #43395822;padding:13px 17px}

/* Neobrutalism: graphic color, solid outlines, offset shadows. */
.specimen-board.style-neobrutalist{--sp-bg:#f7ec77;--sp-panel:#f4c3df;--sp-ink:#151719;--sp-muted:#4c3c48;--sp-accent:#2949de;--sp-border:3px solid #151719;--sp-radius:7px;--sp-shadow:8px 8px 0 #151719;--sp-button:#d4ef86;--sp-button-ink:#151719;background:radial-gradient(#b2a339 1px,transparent 1px) 0 0/16px 16px,#f7ec77}
.style-neobrutalist .specimen-overline{letter-spacing:0;font-weight:900;border-bottom:3px solid #151719;margin:-4px 0 20px;padding-bottom:12px}
.style-neobrutalist h3{font-weight:900;font-size:27px;letter-spacing:-1px}.style-neobrutalist .specimen-album{border:3px solid #151719;border-radius:5px;box-shadow:4px 4px 0 #151719;background:#ecdcff}.style-neobrutalist .specimen-album-sun{background:#f87848}.style-neobrutalist .specimen-album-land{background:#2949de;box-shadow:none}
.style-neobrutalist .specimen-play{border:3px solid #151719;box-shadow:4px 4px 0 #151719;height:48px;width:48px;border-radius:6px;transform:rotate(-5deg)}
.style-neobrutalist .specimen-play:active{transform:translate(3px,3px) rotate(-5deg);box-shadow:1px 1px 0 #151719}
.style-neobrutalist input[type=range]{height:7px;background:#f8ebf3;border:2px solid #151719}.style-neobrutalist input[type=range]::-webkit-slider-thumb{border:2px solid #151719;height:17px;width:17px;background:#2949de;box-shadow:1px 1px 0 #151719}
.style-neobrutalist .specimen-avatar{border:3px solid #151719;background:#d4ef86;color:#151719;border-radius:6px;box-shadow:3px 3px 0 #151719;transform:rotate(-5deg)}
.style-neobrutalist .specimen-profile-cover{border-top:3px solid #151719;border-bottom:3px solid #151719;background:#a8c5fc;margin-top:16px}.style-neobrutalist .specimen-profile-cover>i{opacity:.6;transform:rotate(20deg);border-radius:0;border-width:9px}.style-neobrutalist .specimen-profile .specimen-overline{border-bottom:0;margin:0}.style-neobrutalist .specimen-follow{border:2px solid #151719;box-shadow:3px 3px 0 #151719;border-radius:4px;font-weight:800;background:#d4ef86;color:#151719}

/* Clay: soft, thick, rounded volumes with diffuse inner light. */
.specimen-board.style-clay{--sp-bg:#f6dfcf;--sp-panel:#ffd7bd;--sp-ink:#7a4f46;--sp-muted:#986b5f;--sp-accent:#d66c63;--sp-border:0;--sp-radius:38px;--sp-shadow:12px 15px 24px #b77c5926,inset 7px 8px 11px #fff6,inset -7px -8px 11px #d9977550;--sp-button:#eba4a0;--sp-button-ink:#fff}
.style-clay .specimen-surface{padding:31px}.style-clay .specimen-overline{font-size:10px;color:#b27b68;letter-spacing:1.7px}.style-clay h3{font-weight:750;letter-spacing:-.8px;font-size:25px}
.style-clay .specimen-album{height:106px;width:106px;border-radius:25px;box-shadow:4px 5px 9px #b77c5930,inset 3px 3px 7px #fff8;filter:saturate(.6);border:5px solid #f8c5a6}
.style-clay .specimen-control{background:#f8cbb1;box-shadow:4px 5px 8px #c390722e,inset 3px 3px 5px #fff8,inset -2px -3px 5px #c38e7233}
.style-clay .specimen-play{height:53px;width:53px;background:#e6a4a1;box-shadow:5px 6px 9px #bf7f7430,inset 4px 4px 7px #ffd8d4,inset -3px -4px 7px #cc817b66}
.style-clay .specimen-secondary{box-shadow:none;background:transparent}.style-clay .specimen-control:hover{background:#f8cbb1}.style-clay .specimen-play:hover{background:#e6a4a1}.style-clay input[type=range]{background:#dbab9166;height:7px;box-shadow:inset 2px 2px 3px #b17e6466,0 1px #ffe9d8}.style-clay input[type=range]::-webkit-slider-thumb{height:16px;width:16px;box-shadow:2px 2px 3px #b0795c66,inset 1px 1px 2px #ffe7d7;background:#e8a795}
.style-clay .specimen-avatar{border:5px solid #ffdac0;background:#eba4a0;color:#fff;border-radius:23px;box-shadow:4px 5px 8px #c3907233,inset 3px 3px 5px #ffd9d3}.style-clay .specimen-profile-cover{margin:18px -31px 0;background:#eeb7a4;border:0;box-shadow:inset 0 4px 9px #c8876966}.style-clay .specimen-follow{border-radius:20px;background:#e6a4a1;color:#fff;box-shadow:4px 5px 8px #bf7f7430,inset 2px 2px 5px #ffd8d4,inset -2px -3px 5px #cc817b66}

/* Swiss: asymmetry, typography and a strict red/black grid. */
.specimen-board.style-swiss{--sp-bg:#eae7e0;--sp-panel:#f5f2eb;--sp-ink:#17191a;--sp-muted:#626260;--sp-accent:#dd3827;--sp-border:0;--sp-radius:0;--sp-shadow:none;--sp-button:#dd3827;--sp-button-ink:#fff;font-family:Arial,Helvetica,sans-serif}
.style-swiss .specimen-surface{padding:24px 27px;border-left:9px solid #dd3827;background-image:linear-gradient(90deg,transparent 74%,#17191a12 74%,#17191a12 calc(74% + 1px),transparent calc(74% + 1px))}
.style-swiss .specimen-overline{font-size:10px;letter-spacing:0;font-weight:900;border-bottom:1px solid #17191a;padding-bottom:11px;margin-bottom:19px;position:relative}
.style-swiss .specimen-track{gap:18px;align-items:flex-start}.style-swiss .specimen-track-copy{padding-top:4px}.style-swiss .specimen-track-kicker{display:block;font-size:8px;color:#dd3827;letter-spacing:1px;margin-bottom:6px}
.style-swiss h3{font-size:28px;font-weight:800;line-height:.96;letter-spacing:-1.6px;max-width:190px}
.style-swiss .specimen-track-copy>p{font-size:12px;margin-top:12px}.style-swiss .specimen-album{border-radius:0;height:109px;width:109px;background:#e13b27;box-shadow:none}.style-swiss .specimen-album-sun{background:#17191a;border-radius:0;width:49px;height:72px;left:10px;top:17px;transform:rotate(30deg)}.style-swiss .specimen-album-land{background:#f5f2eb;border-radius:0;left:55px;top:0;transform:rotate(28deg);width:23px;height:130px;box-shadow:none}.style-swiss .specimen-album>span{display:block;color:#fff;left:7px;bottom:5px}
.style-swiss .specimen-like{position:absolute;right:-8px;top:2px;height:25px;width:25px}.style-swiss .specimen-like svg{width:18px}.style-swiss .specimen-control{border-radius:0}.style-swiss .specimen-play{width:44px;height:44px;box-shadow:none}.style-swiss .specimen-controls{max-width:none;border-top:1px solid #17191a;padding-top:14px}.style-swiss .specimen-seek{font-family:monospace;margin-top:19px}.style-swiss input[type=range]{height:2px}.style-swiss .specimen-footline{display:flex;letter-spacing:0;color:#71716c;font-size:8px}
.style-swiss .specimen-avatar{border-radius:0;border:3px solid #f5f2eb;background:#dd3827;box-shadow:none;font-size:25px;font-weight:800}.style-swiss .specimen-profile-cover{background:linear-gradient(90deg,#dd3827 0,#dd3827 32%,#17191a 32%,#17191a 52%,#f5f2eb 52%);margin-top:19px;height:53px}.style-swiss .specimen-profile-cover>i{display:none}.style-swiss .specimen-profile-copy h3{font-size:32px}.style-swiss .specimen-follow{border-radius:0;background:#dd3827;color:white}

/* Editorial: paper, serif display type and quiet rules. */
.specimen-board.style-editorial{--sp-bg:#e6e0d5;--sp-panel:#fbf6e9;--sp-ink:#35322c;--sp-muted:#898072;--sp-accent:#846b46;--sp-border:1px solid #d5cbb8;--sp-radius:0;--sp-shadow:0 9px 18px #71634c12;--sp-button:#35322c;--sp-button-ink:#fbf6e9}
.style-editorial .specimen-surface{padding:25px 29px}.style-editorial .specimen-overline{font-family:Georgia,serif;font-size:10px;font-weight:400;letter-spacing:2.2px;border-top:1px solid #aaa08e;border-bottom:1px solid #aaa08e;padding:10px 0;margin-bottom:23px}.style-editorial h3{font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:400;font-style:italic;letter-spacing:-1px;line-height:1.05}.style-editorial .specimen-track-copy>p{font-size:13px;letter-spacing:.2px;margin-top:12px}.style-editorial .specimen-album{border-radius:0;border:4px solid #fbf6e9;outline:1px solid #cfc2aa;filter:sepia(.45) saturate(.6);box-shadow:none}.style-editorial .specimen-seek{font-family:Georgia,serif;font-size:11px}.style-editorial .specimen-controls{max-width:300px;margin-top:22px}.style-editorial .specimen-play{border:1px solid #35322c;background:transparent;color:#35322c;box-shadow:none}.style-editorial input[type=range]{height:2px}.style-editorial input[type=range]::-webkit-slider-thumb{height:9px;width:9px}.style-editorial .specimen-footline{display:flex;border-top:1px solid #c6bca9;padding-top:10px;font-family:Georgia,serif;font-size:8px;letter-spacing:1px}
.style-editorial .specimen-profile-cover{height:41px;background:repeating-linear-gradient(90deg,#b8a78b22 0,#b8a78b22 1px,transparent 1px,transparent 12px);border-top:1px solid #c6bca9;border-bottom:1px solid #c6bca9}.style-editorial .specimen-avatar{background:#ae9877;color:#fbf6e9;border:4px solid #fbf6e9;font-family:Georgia,serif;font-style:italic;box-shadow:none}.style-editorial .specimen-profile .specimen-overline{margin-bottom:0}.style-editorial .specimen-profile-copy h3{font-size:32px}.style-editorial .specimen-profile-bio{font-family:Georgia,serif;font-size:13px}.style-editorial .specimen-follow{border-radius:0;font-family:Georgia,serif;font-style:italic}

/* Bauhaus: primary color, functional geometry, strong composition. */
.specimen-board.style-bauhaus{--sp-bg:#f2e6c9;--sp-panel:#f9f1db;--sp-ink:#1b2632;--sp-muted:#62656a;--sp-accent:#d73e31;--sp-border:2px solid #1b2632;--sp-radius:0;--sp-shadow:10px 10px 0 #224c91;--sp-button:#d73e31;--sp-button-ink:#fff}
.style-bauhaus .specimen-backdrop>i{display:block}.style-bauhaus .specimen-backdrop>i:nth-child(1){width:180px;height:180px;border-radius:50%;background:#e6b93e;left:-70px;top:-70px}.style-bauhaus .specimen-backdrop>i:nth-child(2){height:90px;width:90px;background:#d73e31;right:-25px;bottom:-25px;transform:rotate(30deg)}
.style-bauhaus .specimen-surface{border-top:12px solid #224c91}.style-bauhaus .specimen-overline{letter-spacing:0;font-size:12px;font-weight:800;margin-top:-7px}.style-bauhaus h3{font-size:28px;font-weight:800;letter-spacing:-1.2px}.style-bauhaus .specimen-album{border-radius:50%;border:2px solid #1b2632;box-shadow:none;background:#e6b93e}.style-bauhaus .specimen-album-sun{background:#d73e31;width:90px;height:90px;left:-28px;top:-8px}.style-bauhaus .specimen-album-land{background:#224c91;border-radius:0;left:45px;top:0;width:70px;height:120px;transform:rotate(0);box-shadow:none}.style-bauhaus .specimen-controls{border-top:2px solid #1b2632;padding-top:17px;max-width:none}.style-bauhaus .specimen-play{height:47px;width:47px;border-radius:50%;box-shadow:none;border:2px solid #1b2632}.style-bauhaus .specimen-control:not(.specimen-play){border-radius:0}.style-bauhaus input[type=range]{height:4px;background:#e6b93e;border-radius:0}.style-bauhaus input[type=range]::-webkit-slider-thumb{height:14px;width:14px;background:#224c91;border-radius:0}
.style-bauhaus .specimen-avatar{background:#e6b93e;color:#1b2632;border:3px solid #1b2632;border-radius:50%;box-shadow:none}.style-bauhaus .specimen-profile-cover{height:50px;background:linear-gradient(90deg,#e6b93e 0,#e6b93e 33%,#d73e31 33%,#d73e31 66%,#224c91 66%);margin-top:12px;border-top:2px solid #1b2632;border-bottom:2px solid #1b2632}.style-bauhaus .specimen-profile-cover>i{display:none}.style-bauhaus .specimen-follow{border-radius:0;border:2px solid #1b2632;background:#e6b93e;color:#1b2632;box-shadow:3px 3px 0 #224c91;font-weight:700}

/* Art Deco: bilateral rhythm, stepped corners, metallic rules. */
.specimen-board.style-artdeco{--sp-bg:#172725;--sp-panel:#19332f;--sp-ink:#e5cf9b;--sp-muted:#b19b6e;--sp-accent:#d4b66e;--sp-border:1px solid #b3975f;--sp-radius:0;--sp-shadow:0 15px 30px #06110c55;--sp-button:#d4b66e;--sp-button-ink:#17302b;background:repeating-conic-gradient(from 45deg,#172725 0deg 90deg,#1c302d 90deg 180deg) 0 0/44px 44px}
.style-artdeco .specimen-surface{outline:1px solid #b3975f;outline-offset:-7px;padding:29px 31px;clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}
.style-artdeco .specimen-overline{font-family:Georgia,serif;letter-spacing:3px;font-size:10px;border-bottom:3px double #8f784c;padding-bottom:12px;margin-bottom:22px;justify-content:center}.style-artdeco .specimen-more{display:none}.style-artdeco h3{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:.2px}.style-artdeco .specimen-track-copy>p{font-size:12px;letter-spacing:1px;color:#b9a373}.style-artdeco .specimen-album{border-radius:50% 50% 0 0;border:2px solid #b3975f;background:#bea264;box-shadow:0 0 0 4px #19332f,0 0 0 5px #8c744a}.style-artdeco .specimen-album-sun{background:#e0c98b}.style-artdeco .specimen-album-land{background:#2f5a4e;box-shadow:none}.style-artdeco .specimen-play{border:1px solid #d4b66e;background:transparent;color:#e5cf9b;box-shadow:0 0 0 4px #19332f,0 0 0 5px #8c744a}.style-artdeco .specimen-controls{margin-top:23px}.style-artdeco input[type=range]{height:2px;background:#a88e5960}.style-artdeco input[type=range]::-webkit-slider-thumb{background:#d4b66e;height:9px;width:9px;border-radius:0;transform:rotate(45deg)}.style-artdeco .specimen-footline{display:flex;border-top:3px double #8f784c;padding-top:10px;font-family:Georgia,serif;font-size:7px;letter-spacing:2px}
.style-artdeco .specimen-profile-cover{background:repeating-linear-gradient(60deg,transparent 0,transparent 15px,#b3975f44 15px,#b3975f44 16px),repeating-linear-gradient(-60deg,transparent 0,transparent 15px,#b3975f44 15px,#b3975f44 16px);height:45px;border-top:1px solid #8c744a;border-bottom:1px solid #8c744a}.style-artdeco .specimen-profile-cover>i{display:none}.style-artdeco .specimen-avatar{background:#c8aa69;color:#1b352e;border:3px solid #19332f;box-shadow:0 0 0 1px #b3975f;font-family:Georgia,serif;letter-spacing:1px}.style-artdeco .specimen-profile-copy h3{font-size:29px}.style-artdeco .specimen-follow{border-radius:0;background:transparent;border:1px solid #b3975f;color:#e5cf9b;font-family:Georgia,serif;letter-spacing:1px}

/* Memphis: playful pattern, unexpected geometry and pastel contrast. */
.specimen-board.style-memphis{--sp-bg:#fae5df;--sp-panel:#fffaf1;--sp-ink:#413463;--sp-muted:#8b7196;--sp-accent:#ca649c;--sp-border:2px solid #554472;--sp-radius:12px;--sp-shadow:7px 8px 0 #78c6c1;--sp-button:#f3b95c;--sp-button-ink:#49315c;background:radial-gradient(#a48fb8 1.3px,transparent 1.3px) 0 0/17px 17px,#fae5df}
.style-memphis .specimen-backdrop>i{display:block}.style-memphis .specimen-backdrop>i:nth-child(1){width:130px;height:130px;border:24px solid #d88cb1;border-radius:50%;right:-48px;top:-45px}.style-memphis .specimen-backdrop>i:nth-child(2){height:100px;width:110px;background:repeating-linear-gradient(45deg,#78c6c1 0,#78c6c1 8px,transparent 8px,transparent 17px);left:-20px;bottom:0;transform:rotate(-15deg)}.style-memphis .specimen-backdrop>i:nth-child(3){width:75px;height:75px;left:31px;top:29px;background:#f3b95c;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(-25deg)}
.style-memphis .specimen-overline{font-size:11px;letter-spacing:1.5px}.style-memphis h3{font-size:27px;font-weight:750;letter-spacing:-1px}.style-memphis .specimen-album{background:#e0caf0;border:2px solid #554472;box-shadow:3px 3px 0 #f0b458;border-radius:8px;transform:rotate(-4deg)}.style-memphis .specimen-album-sun{background:#f3b95c}.style-memphis .specimen-album-land{background:#78c6c1;box-shadow:none}.style-memphis .specimen-play{border:2px solid #554472;box-shadow:3px 3px 0 #d88cb1;border-radius:15px;transform:rotate(8deg)}.style-memphis .specimen-control:not(.specimen-play){border-radius:10px}.style-memphis input[type=range]{height:5px;background:#e8d9ef}.style-memphis input[type=range]::-webkit-slider-thumb{background:#f3b95c;border:2px solid #554472;height:15px;width:15px;box-shadow:2px 2px 0 #d88cb1}
.style-memphis .specimen-profile-cover{background:repeating-linear-gradient(45deg,#e8d9ef 0,#e8d9ef 9px,#fffaf1 9px,#fffaf1 18px);height:49px;border-top:2px solid #554472;border-bottom:2px solid #554472}.style-memphis .specimen-avatar{background:#f3b95c;border:3px solid #554472;color:#413463;box-shadow:3px 3px 0 #d88cb1;transform:rotate(-7deg);border-radius:18px}.style-memphis .specimen-follow{background:#78c6c1;border:2px solid #554472;border-radius:10px;color:#413463;box-shadow:3px 3px 0 #f3b95c;font-weight:700}

/* Y2K: chrome, shine, inflated shapes and candy color. */
.specimen-board.style-y2k{--sp-bg:#c7c7ed;--sp-panel:#dde4f1;--sp-ink:#354189;--sp-muted:#7f80a8;--sp-accent:#d94ba9;--sp-border:1px solid #fafaff;--sp-radius:26px;--sp-shadow:0 18px 25px #605da945,inset 0 2px 3px #fff,inset 0 -2px 5px #8a91bf;--sp-button:#e1c5ef;--sp-button-ink:#a43c91;background:radial-gradient(ellipse at 80% 20%,#ffb6df,transparent 43%),radial-gradient(ellipse at 20% 80%,#a3d6f3,transparent 40%),#c7c7ed}
.style-y2k .specimen-surface{background:linear-gradient(140deg,#fff 0%,#d1d9ef 21%,#f1edf9 42%,#adb8d8 71%,#e1e6f4 100%);border:2px solid #eef4ff}
.style-y2k .specimen-overline{letter-spacing:2px;font-size:12px;font-weight:900;font-style:italic;color:#707aa9;text-shadow:0 1px #fff}
.style-y2k h3{font-size:27px;font-weight:900;font-style:italic;letter-spacing:-1.3px;color:#4b53a1;text-shadow:0 2px #fff}
.style-y2k .specimen-album{border:4px solid #eef3ff;border-radius:20px;box-shadow:3px 5px 10px #6d78ad66,inset 1px 1px 2px #fff;background:#f2c6e6}.style-y2k .specimen-album-sun{background:#e764bb}.style-y2k .specimen-album-land{background:linear-gradient(#d0b8fa,#7686d9);box-shadow:inset 0 6px 8px #fff5}
.style-y2k .specimen-control{color:#6977ab}.style-y2k .specimen-play{height:52px;width:60px;border-radius:22px;border:2px solid #f4f6ff;background:linear-gradient(#fff,#cfb1e2 48%,#a770bd 52%,#d9bce7);box-shadow:0 5px 7px #7c73ac55,inset 0 1px #fff;color:#fff}.style-y2k .specimen-play:hover{background:linear-gradient(#fff,#cfb1e2 48%,#a770bd 52%,#d9bce7)}
.style-y2k input[type=range]{height:7px;background:linear-gradient(#8999bd,#d9e2f4);box-shadow:0 1px #fff,inset 0 1px 2px #6a75a0}
.style-y2k input[type=range]::-webkit-slider-thumb{height:16px;width:16px;background:linear-gradient(#fff,#d1d6ef 45%,#939cce 50%,#e6ebfd);border:1px solid #e9efff;box-shadow:0 2px 3px #52618d66}
.style-y2k .specimen-avatar{background:linear-gradient(#fff,#c9c6ed 47%,#9a8bc9 50%,#d5c5ed);border:3px solid #f1f3ff;color:#6b58a7;font-style:italic;box-shadow:0 3px 8px #6e73a866;border-radius:20px}.style-y2k .specimen-profile-cover{background:radial-gradient(ellipse at 70% 20%,#ffb4e5,transparent 65%),linear-gradient(120deg,#9daee9,#ddd6ff);box-shadow:inset 0 3px 7px #6475ad44}.style-y2k .specimen-follow{background:linear-gradient(#fff,#d4bee9 45%,#b38ecb 50%,#dcc7ed);border:1px solid #fff;border-radius:20px;box-shadow:0 3px 5px #7769a755,inset 0 1px #fff;color:#745390;font-weight:700;font-style:italic}

/* Cyberpunk: dark infrastructure, neon edge and angular cutouts. */
.specimen-board.style-cyberpunk{--sp-bg:#101224;--sp-panel:#15192a;--sp-ink:#d4f7fc;--sp-muted:#7c9ca9;--sp-accent:#44e4de;--sp-border:1px solid #44e4de88;--sp-radius:0;--sp-shadow:0 0 25px #18b5b614,inset 0 0 25px #18b5b60b;--sp-button:#44e4de;--sp-button-ink:#101c25;background:linear-gradient(90deg,#15b8bb0d 1px,transparent 1px) 0 0/38px 38px,linear-gradient(#15b8bb0d 1px,transparent 1px) 0 0/38px 38px,radial-gradient(ellipse at 90% 90%,#782a6b44,transparent 60%),#101224;font-family:'Courier New',monospace}
.style-cyberpunk .specimen-surface{clip-path:polygon(0 13px,13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);border-left:3px solid #44e4de;padding:25px 28px}
.style-cyberpunk .specimen-overline{font-size:10px;letter-spacing:2.5px;border-bottom:1px solid #44e4de40;padding-bottom:13px;margin-bottom:20px;color:#44e4de}
.style-cyberpunk h3{font-size:24px;letter-spacing:-1px;font-family:'Courier New',monospace;text-transform:uppercase;font-weight:700;color:#d4f7fc;text-shadow:2px 0 #d834a755}
.style-cyberpunk .specimen-track-copy>p{font-size:12px;color:#7c9ca9}.style-cyberpunk .specimen-album{border:1px solid #44e4de;border-radius:0;background:#35244e;box-shadow:4px 4px 0 #d834a72b;clip-path:polygon(0 9px,9px 0,100% 0,100% 100%,0 100%)}.style-cyberpunk .specimen-album-sun{background:#d834a7}.style-cyberpunk .specimen-album-land{background:#44e4de;box-shadow:none;opacity:.8}
.style-cyberpunk .specimen-play{border-radius:0;border:1px solid #44e4de;clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);box-shadow:none}
.style-cyberpunk .specimen-control:not(.specimen-play){border-radius:0;color:#44e4de}.style-cyberpunk .specimen-control:not(.specimen-play)[aria-pressed=true]{color:#f06dc9}
.style-cyberpunk input[type=range]{height:4px;border-radius:0;background:#44e4de33}.style-cyberpunk input[type=range]::-webkit-slider-thumb{border-radius:0;width:6px;height:16px;background:#d834a7;box-shadow:0 0 5px #d834a788}
.style-cyberpunk .specimen-footline{display:flex;border-top:1px solid #44e4de44;padding-top:9px;font-size:7px;letter-spacing:1px;color:#44e4de88}
.style-cyberpunk .specimen-avatar{border:2px solid #44e4de;border-radius:0;background:#202a3b;color:#44e4de;box-shadow:3px 3px 0 #d834a755}.style-cyberpunk .specimen-profile-cover{background:repeating-linear-gradient(90deg,#44e4de15 0,#44e4de15 1px,transparent 1px,transparent 8px),#1d263c;border-top:1px solid #44e4de40;border-bottom:1px solid #44e4de40;height:49px}.style-cyberpunk .specimen-profile-cover>i{border-color:#d834a7;border-radius:0;opacity:.6}.style-cyberpunk .specimen-profile-copy h3{font-size:26px}.style-cyberpunk .specimen-follow{border-radius:0;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);font-family:'Courier New',monospace;background:#44e4de;color:#101c25;font-weight:700}

/* Organic: warm natural color, irregular contours, unhurried typography. */
.specimen-board.style-organic{--sp-bg:#e3e6d6;--sp-panel:#f7f4e8;--sp-ink:#3b523b;--sp-muted:#829175;--sp-accent:#6b895a;--sp-border:1px solid #cbd4bb;--sp-radius:38px 55px 33px 46px;--sp-shadow:0 15px 30px #667c4f14;--sp-button:#6b895a;--sp-button-ink:#fff}
.style-organic .specimen-backdrop>i{display:block}.style-organic .specimen-backdrop>i:nth-child(1){height:250px;width:210px;border-radius:62% 38% 44% 56%/38% 51% 49% 62%;background:#c9d3b9;left:-79px;top:-60px;transform:rotate(-25deg)}.style-organic .specimen-backdrop>i:nth-child(2){height:230px;width:250px;border-radius:40% 60% 55% 45%/58% 40% 60% 42%;background:#d5c7a7;right:-100px;bottom:-90px;transform:rotate(20deg)}
.style-organic .specimen-surface{padding:30px 32px}.style-organic .specimen-overline{font-size:9px;letter-spacing:2px;color:#8b9c7a;font-weight:500}.style-organic h3{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.6px}.style-organic .specimen-track-copy>p{font-size:13px;margin-top:11px}.style-organic .specimen-album{border-radius:40% 44% 38% 40%;background:#efddad;box-shadow:none;filter:saturate(.65)}.style-organic .specimen-album-sun{background:#dbab64}.style-organic .specimen-album-land{background:#8da47c;box-shadow:none;border-radius:65% 50% 0 0}.style-organic .specimen-controls{max-width:330px}.style-organic .specimen-play{border-radius:43% 57% 50% 50%/55% 45% 55% 45%;width:51px;height:48px;box-shadow:none}.style-organic input[type=range]{height:3px;background:#bdcba9}.style-organic input[type=range]::-webkit-slider-thumb{background:#6b895a;height:11px;width:11px}
.style-organic .specimen-avatar{border-radius:40% 55% 46% 48%;border-color:#f7f4e8;background:#b0bf99;color:#3b523b;box-shadow:none;font-family:Georgia,serif;font-weight:400}.style-organic .specimen-profile-cover{background:#e0e6cf;border:0;border-radius:40% 10% 40% 0;margin-left:-32px;margin-right:-32px;height:51px}.style-organic .specimen-profile-cover>i{border-radius:50% 30% 40% 35%;border-color:#a8b98b}.style-organic .specimen-profile-copy h3{font-size:30px}.style-organic .specimen-follow{border-radius:17px 22px 16px 23px;background:#6b895a;color:#fff;font-family:Georgia,serif}

/* Compact specimens are decorative duplicates, never keyboard destinations. */
.specimen-board.specimen-compact{height:220px;min-height:0;border-radius:9px;pointer-events:none}
.specimen-board.specimen-compact .specimen-surface{width:470px;max-width:none;transform:scale(var(--specimen-scale,.56));transform-origin:center;flex-shrink:0}
.specimen-board.specimen-compact .specimen-profile{width:370px;max-width:none;transform:scale(var(--specimen-scale,.56))}
.specimen-board.specimen-compact .specimen-backdrop{transform:scale(.8)}
.specimen-board.specimen-compact .specimen-hint{display:none}
@media(max-width:600px){.specimen-board:not(.specimen-compact){height:420px}.specimen-board:not(.specimen-compact) .specimen-surface{width:calc(100% - 38px);padding-left:21px;padding-right:21px}.specimen-board:not(.specimen-compact) .specimen-track{gap:14px}.specimen-board:not(.specimen-compact) .specimen-album{height:86px;width:86px}.specimen-board:not(.specimen-compact) h3{font-size:22px}.specimen-board:not(.specimen-compact) .specimen-track-copy>p{font-size:13px}.specimen-board:not(.specimen-compact) .specimen-like{margin-left:-10px;height:28px;width:28px}.specimen-board:not(.specimen-compact) .specimen-controls{gap:8px}.specimen-board:not(.specimen-compact) .specimen-profile{max-width:350px;padding:23px}.specimen-board:not(.specimen-compact) .specimen-profile-copy h3{font-size:25px}.specimen-board:not(.specimen-compact) .specimen-profile-cover{margin-left:-23px;margin-right:-23px}.style-flat:not(.specimen-compact) .specimen-overline{margin-left:-21px;margin-right:-21px;padding-left:21px;padding-right:21px}.style-flat:not(.specimen-compact) .specimen-profile .specimen-overline{margin-left:-23px;margin-right:-23px}.style-retro:not(.specimen-compact) .specimen-overline{margin-left:-17px;margin-right:-17px}.style-swiss:not(.specimen-compact) .specimen-track-kicker{font-size:7px}.style-swiss:not(.specimen-compact) h3{font-size:24px}.specimen-board:not(.specimen-compact) .specimen-seek{font-size:11px}.specimen-board:not(.specimen-compact) .specimen-profile-bottom{gap:18px}.specimen-board:not(.specimen-compact) .specimen-follow{font-size:11px;padding:12px}}
@container(max-width:460px){.specimen-board:not(.specimen-compact) .specimen-surface{width:calc(100% - 42px);padding-left:21px;padding-right:21px}.specimen-board:not(.specimen-compact) .specimen-track{gap:13px}.specimen-board:not(.specimen-compact) .specimen-album{width:82px;height:82px}.specimen-board:not(.specimen-compact) h3{font-size:22px}.specimen-board:not(.specimen-compact) .specimen-track-copy>p{font-size:13px}.specimen-board:not(.specimen-compact) .specimen-like{height:25px;width:25px;position:absolute;right:-8px;top:-15px}.specimen-board:not(.specimen-compact) .specimen-like svg{height:20px;width:20px}.specimen-board:not(.specimen-compact) .specimen-controls{gap:8px}.specimen-board:not(.specimen-compact) .specimen-overline{letter-spacing:1.2px}.specimen-board:not(.specimen-compact) .specimen-profile{max-width:350px}.specimen-board:not(.specimen-compact) .specimen-profile-copy h3{font-size:26px}.specimen-board:not(.specimen-compact) .specimen-profile-cover{margin-left:-21px;margin-right:-21px}.specimen-board:not(.specimen-compact) .specimen-profile-bottom{gap:16px}.specimen-board:not(.specimen-compact) .specimen-follow{padding:11px;gap:7px}.style-flat:not(.specimen-compact) .specimen-overline{margin-left:-21px;margin-right:-21px}.style-retro:not(.specimen-compact) .specimen-overline{margin-left:-17px;margin-right:-17px}}
.specimen-board:not(.specimen-compact) .specimen-overline,.specimen-board:not(.specimen-compact) .specimen-seek,.specimen-board:not(.specimen-compact) .specimen-track-kicker,.specimen-board:not(.specimen-compact) .specimen-genre,.specimen-board:not(.specimen-compact) .specimen-availability,.specimen-board:not(.specimen-compact) .specimen-profile-stat>span,.specimen-board:not(.specimen-compact) .specimen-follow,.specimen-board:not(.specimen-compact) .specimen-footline{font-size:12px}
.specimen-board:not(.specimen-compact) .specimen-control{min-height:36px;min-width:36px}
.specimen-board .specimen-static-seek{position:relative;flex:1;min-width:0;height:4px;border-radius:4px;background:color-mix(in srgb,var(--sp-ink) 18%,transparent)}
.specimen-board .specimen-static-seek>i{position:absolute;left:38%;top:50%;transform:translate(-50%,-50%);height:12px;width:12px;background:var(--sp-accent);border-radius:50%}
.style-glass .specimen-static-seek{background:#ffffff4d}
@media(prefers-reduced-motion:reduce){.specimen-board .specimen-control,.specimen-board .specimen-follow{transition:none}}
@container(max-width:340px){
.specimen-board:not(.specimen-compact) .specimen-controls{width:calc(100% + 28px);max-width:none;margin-left:-14px;gap:4px;justify-content:space-between;padding-left:0;padding-right:0}
.specimen-board:not(.specimen-compact) .specimen-controls .specimen-control{width:36px;height:36px;min-width:36px;flex-shrink:0}
.specimen-board:not(.specimen-compact) .specimen-controls .specimen-play{width:44px;height:44px}
.specimen-board:not(.specimen-compact) .specimen-profile-bottom{flex-wrap:wrap;gap:15px 24px}
.specimen-board:not(.specimen-compact) .specimen-follow{width:100%;margin-left:0;justify-content:center}
}