/* Adaptations des tokens et matières JahStyle kits/lab/proposals :
   01-msn-bevel, 03-crt-terminal, 04-winamp-skin, 05-skyblog-scrap. */
body[data-skin="msn"]{background:linear-gradient(135deg,#56b7f0,#245edb 65%,#17398e)}
[data-skin="msn"] .glow{background:radial-gradient(ellipse at 20% 0%,#ffffff80,transparent 65%)}
[data-skin="msn"] .stage{background:linear-gradient(150deg,#f1f5fb,#dbe9ff 55%,#b1d9f4)}
[data-skin="msn"] .headline{color:#0054e3;text-shadow:2px 2px white,4px 4px #8ca9db;font-family:'Trebuchet MS',Tahoma,sans-serif;font-style:normal;font-weight:900;letter-spacing:-4px}
[data-skin="msn"] .grid{opacity:.25}[data-skin="msn"] .note{color:#3666a2}[data-skin="msn"] .eyebrow,[data-skin="msn"] .ticker,[data-skin="msn"] .footer{color:#fff}[data-skin="msn"] .ticker{border-color:#a5cbff}
body[data-skin="crt"]{background:#020a02;color:#33ff66}
[data-skin="crt"] .window{border:1px solid #33ff66;border-radius:0;background:#07160b;box-shadow:0 0 30px #33ff6628}
[data-skin="crt"] .bar{background:#07160b;border-radius:0;color:#33ff66;box-shadow:none;border-bottom:1px solid #33ff66;font-family:Consolas,monospace;text-shadow:none}
[data-skin="crt"] .menu,[data-skin="crt"] .status{background:#07160b;color:#33ff66;border-color:#33ff6655;font-family:Consolas,monospace}
[data-skin="crt"] .stage{background:radial-gradient(ellipse,#0a1f12,#020a02)}
[data-skin="crt"] .headline{color:#33ff66;text-shadow:0 0 8px #33ff6673,0 0 22px #33ff6640;font-family:'Lucida Console',Consolas,monospace;font-style:normal;font-weight:400;font-size:clamp(38px,6vw,80px);letter-spacing:-2px}
[data-skin="crt"] .grid{background-image:linear-gradient(#33ff6633 1px,transparent 1px),linear-gradient(90deg,#33ff6633 1px,transparent 1px)}
[data-skin="crt"] .sticker{filter:grayscale(1) sepia(1) hue-rotate(70deg);opacity:.6}
[data-skin="crt"] .note,[data-skin="crt"] .eyebrow,[data-skin="crt"] .ticker,[data-skin="crt"] .footer{color:#33ff66}
[data-skin="crt"] .actions button{background:#0a1f12;border-color:#33ff66;color:#33ff66;box-shadow:none;border-radius:0}
body[data-skin="winamp"]{background:radial-gradient(ellipse at top,#1a2433,#050608)}
[data-skin="winamp"] .window{border:3px ridge #6a6a6a;border-radius:0;background:#232323;box-shadow:10px 12px 0 #0008}
[data-skin="winamp"] .bar{background:repeating-linear-gradient(#3a3a3a 0 2px,#121212 2px 4px);color:#e8dcc8;border-radius:0;text-transform:uppercase;letter-spacing:2px;box-shadow:none}
[data-skin="winamp"] .menu,[data-skin="winamp"] .status{background:linear-gradient(#3a3a3a,#232323);color:#e8dcc8;border-color:#0a0a0a}
[data-skin="winamp"] .stage{background:repeating-linear-gradient(0deg,#0a1a0a 0 4px,#071307 4px 5px);margin:9px;border:3px inset #6a6a6a}
[data-skin="winamp"] .headline{font-family:'Courier New',monospace;font-style:normal;font-size:clamp(40px,7vw,90px);text-transform:uppercase;color:#00ff41;text-shadow:0 0 10px #00ff4160;letter-spacing:-4px}
[data-skin="winamp"] .grid{background:repeating-linear-gradient(90deg,#00ff4160 0 12px,transparent 12px 18px);height:80px;bottom:0;transform:none;mask-image:linear-gradient(transparent,#000);animation:equalizer .7s ease-in-out infinite alternate}
[data-skin="winamp"] .sticker{filter:grayscale(1);opacity:.5}[data-skin="winamp"] .note{color:#00ff41}[data-skin="winamp"] .eyebrow,[data-skin="winamp"] .ticker,[data-skin="winamp"] .footer{color:#9ab}
[data-skin="winamp"] .actions button{background:linear-gradient(#6a6a6a,#232323);color:#e8dcc8;border:2px outset #6a6a6a;border-radius:0}
@keyframes equalizer{from{scale:1 .35}to{scale:1 1}}
body[data-skin="skyblog"]{background:repeating-linear-gradient(45deg,#330066 0 12px,#440088 12px 24px)}
[data-skin="skyblog"] .window{border:4px double #ff69b4;border-radius:0;background:#fff8e7;box-shadow:12px 12px 0 #ff69b4;rotate:-1deg}
[data-skin="skyblog"] .bar{background:#ff69b4;color:#1a0033;border-radius:0;text-shadow:none;box-shadow:none;font-family:'Comic Sans MS',cursive}
[data-skin="skyblog"] .stage{background:#fff8e7;border:5px dashed #ff69b4;margin:12px;min-height:405px}
[data-skin="skyblog"] .headline{font-family:'Comic Sans MS','Chalkboard SE',cursive;color:#6600cc;font-style:normal;text-shadow:3px 3px #ff69b4,6px 6px #ffff66;font-size:clamp(44px,7vw,90px);letter-spacing:-2px}
[data-skin="skyblog"] .menu,[data-skin="skyblog"] .status{background:#fff8e7;color:#6600cc;border-color:#ff69b4}
[data-skin="skyblog"] .grid{display:none}[data-skin="skyblog"] .note{color:#6600cc}[data-skin="skyblog"] .sticker{filter:none}
[data-skin="skyblog"] .actions button{border:2px solid #6600cc;background:#ffff66;color:#6600cc;border-radius:0}
@media(max-width:600px){[data-skin="skyblog"] .window{rotate:0deg;box-shadow:5px 6px #ff69b4}[data-skin="skyblog"] .stage{margin:6px;padding-inline:10px}[data-skin="crt"] .headline{font-size:clamp(32px,9vw,54px)}[data-skin="winamp"] .headline{font-size:clamp(34px,9vw,54px)}.status{flex-wrap:wrap;justify-content:center}.headline{overflow-wrap:anywhere}}