/* ============================================================
   Il Chitarrista Sulla Spiaggia - nuova grafica 2026
   Tutte le regole nuove iniziano con "csp-" oppure lavorano
   sopra gli elementi esistenti di Emporio e dei post.
   ============================================================ */
:root{
  --csp-blue:#0f5699;
  --csp-blue-dark:#0b3f70;
  --csp-navy:#0b2a4a;
  --csp-chord:#2159D6;
  --csp-bright:#3A7BE0;
  --csp-bg:#F3F6FB;
  --csp-card:#ffffff;
  --csp-text:#1A1D24;
  --csp-muted:#5A6272;
  --csp-line:#E3E9F2;
  --csp-line-2:#D6DFEC;
  --csp-chip:#E8EFF9;
  --csp-shadow:0 1px 2px rgba(15,40,80,.08),0 4px 16px rgba(15,40,80,.06);
  --csp-shadow-hover:0 14px 34px rgba(15,40,80,.16);
}

/* I post contengono un secondo <body style="margin:30px">: lo neutralizzo */
html body{margin:0 !important}
body{background:var(--csp-bg) !important}

/* ---------- Animazioni ---------- */
@keyframes csp-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes csp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes csp-eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

/* ---------- Spazi pubblicitari (altezza riservata = niente salti) ---------- */
.csp-ad{display:flex;justify-content:center;align-items:center;clear:both;margin:12px auto;text-align:center;max-width:100%;overflow:hidden}
.csp-ad > div{float:none !important;margin:0 auto !important}
.csp-ad-banner{min-height:100px}
.csp-ad-box{min-height:250px}
@media (min-width:746px){.csp-ad-banner{min-height:90px}}

/* Banner Moneytizer dentro i post (formato 1) e riga bianca che lo seguiva */
.post-body [id="93717-1"]{float:none !important;display:flex;justify-content:center;align-items:center;min-height:100px;margin:0 auto 16px;clear:both}
.post-body [id="93717-1"] + div[style*="height: 110px"]{display:none !important}
.post-body [id="93717-28"]{float:none !important;clear:both;display:flex;justify-content:center}
/* riquadro Moneytizer a destra (formato 6, computer): in alto sotto la testata, lontano dai pulsanti di scorrimento */
[id^="sas_iframe_fixed_26328-"]{top:calc(var(--csp-hh,70px) + 16px) !important;bottom:auto !important;margin-top:0 !important}
/* su computer i pulsanti di scorrimento vanno a sinistra: a destra arrivano i riquadri pubblicitari */
@media (min-width:746px){html body .abt-scroll-container{left:12px !important;right:auto !important}}
/* 300x250 a fine accordi nei nuovi post: centrato, spazio riservato */
.post-body [id="93717-2"]{float:none !important;clear:both;display:flex;justify-content:center;align-items:center;min-height:250px;margin:20px auto}

/* ---------- Home: striscia "Più cercate adesso" ---------- */
.csp-home-sec .widget,.csp-home-sec.section{margin:0 !important;padding:0 !important;height:auto !important}
.csp-ticker{display:flex;align-items:center;height:42px;margin:16px 0 0;background:var(--csp-blue-dark);color:#fff;border-radius:12px;overflow:hidden}
.csp-ticker-label{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:100%;padding:0 16px;background:var(--csp-bright);font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.csp-eq{display:flex;align-items:flex-end;gap:2px;height:14px}
.csp-eq i{display:block;width:3px;height:14px;background:#fff;transform-origin:bottom;animation:csp-eq 1s ease-in-out infinite}
.csp-eq i:nth-child(2){animation-delay:.2s}
.csp-eq i:nth-child(3){animation-delay:.4s}
.csp-ticker-viewport{flex:1 1 auto;overflow:hidden;min-width:0}
.csp-ticker-track{display:flex;width:max-content;animation:csp-marquee 45s linear infinite}
.csp-ticker:hover .csp-ticker-track{animation-play-state:paused}
.csp-ticker-item{margin-left:36px;color:#DCE6F5 !important;font:400 14px/42px Ubuntu,sans-serif;white-space:nowrap;text-decoration:none !important}
.csp-ticker-item:hover{color:#fff !important;text-decoration:underline !important}
.csp-news{margin-top:24px;background:#fff;border:1px solid var(--csp-line)}
.csp-news .csp-ticker-label{background:#FFC93C;color:#3A2A00}
.csp-news a.csp-ticker-label{color:#3A2A00 !important;text-decoration:none !important;cursor:pointer;transition:background-color .2s ease}
.csp-news a.csp-ticker-label:hover,.csp-news a.csp-ticker-label:focus-visible{background:#FFB703}
.csp-news a.csp-ticker-label .csp-news-go{font-size:15px;line-height:1;margin-left:-2px}
.csp-news .csp-ticker-item{color:var(--csp-text) !important}
.csp-news .csp-ticker-item:hover{color:var(--csp-blue) !important}
.csp-news-src{margin-right:8px;padding:2px 7px;border-radius:6px;background:#E8EFF9;color:var(--csp-blue);font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.03em;text-transform:uppercase;vertical-align:1px}

/* ---------- Home: ultima aggiunta in grande ---------- */
.csp-hero{position:relative;display:block;margin:20px 0 0;border-radius:20px;overflow:hidden;background:var(--csp-navy);color:#fff !important;text-decoration:none !important;aspect-ratio:21/9;background:var(--csp-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E") center/14% no-repeat;min-height:320px;max-height:460px;box-shadow:var(--csp-shadow);animation:csp-rise .6s cubic-bezier(.2,.7,.2,1) both}
.csp-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.csp-hero:hover img{transform:scale(1.04)}
.csp-hero-body{position:absolute;left:0;right:0;bottom:0;padding:28px 32px;background:rgba(8,20,38,.74);display:flex;flex-direction:column;gap:10px}
.csp-badge{align-self:flex-start;padding:6px 10px;border-radius:6px;background:var(--csp-bright);color:#fff;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.csp-hero-title{display:flex;flex-direction:column;gap:6px}
.csp-hero-title .t{font:700 44px/1.05 Ubuntu,sans-serif;color:#fff}
.csp-hero-title .a{font:500 16px/1.2 Ubuntu,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#DCE6F5}
.csp-hero-date{font:italic 400 14px/1.2 Ubuntu, sans-serif;color:#DCE6F5}

/* ---------- Intestazioni di sezione ---------- */
.csp-sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:40px 0 16px}
.csp-h2{margin:0 !important;font:700 26px/1.2 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
.csp-sec-actions{display:flex;align-items:center;gap:8px}
.csp-more{display:inline-flex;align-items:center;gap:7px;margin-right:8px;padding:9px 16px;border-radius:22px;background:#0f5699;white-space:nowrap;font:700 15px/1 Ubuntu,sans-serif;color:#fff !important;text-decoration:none !important;box-shadow:0 3px 10px rgba(15,86,153,.28);transition:background .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.csp-more svg{flex:none;width:16px;height:16px}
.csp-more:hover{background:#2159D6;transform:translateY(-1px)}
.csp-arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid var(--csp-line-2);background:#fff;color:var(--csp-blue);cursor:pointer;transition:transform .15s ease}
.csp-arrow:active{transform:scale(.92)}
.csp-arrow-next{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}

/* ---------- Home: le più viste (carosello) ---------- */
.csp-rail{list-style:none;margin:0;padding:4px 2px 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.csp-rail::-webkit-scrollbar{display:none}
.csp-top-item{flex:0 0 224px;scroll-snap-align:start;margin:0;padding:0}
.csp-top-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--csp-shadow);text-decoration:none !important;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
.csp-top-card:hover{transform:translateY(-5px);box-shadow:var(--csp-shadow-hover)}
.csp-top-media{position:relative;display:block;aspect-ratio:16/10;background:var(--csp-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E") center/34% no-repeat;overflow:hidden}
.csp-top-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.csp-top-card:hover .csp-top-media img{transform:scale(1.06)}
.csp-top-num{position:absolute;left:12px;bottom:-12px;font:700 66px/1 Ubuntu, sans-serif;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.csp-top-title{display:flex;flex-direction:column;gap:3px;padding:18px 16px 16px}
.csp-top-title .t{font:700 16px/1.25 Ubuntu,sans-serif;color:var(--csp-blue)}
.csp-top-title .a{font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}

/* ---------- Elenco post (home, etichette, ricerca, archivio) ---------- */
.feed-view .centered{width:auto !important;max-width:1232px;margin:0 auto !important;padding:0 16px !important;box-sizing:border-box}
.feed-view .centered-bottom{max-width:none !important;width:auto !important}
.feed-view .centered .main-container,.feed-view .centered .main{float:none !important;width:auto !important;max-width:none !important}
.feed-view .blog-posts{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 !important;width:auto !important}
.feed-view .blog-posts > *{margin:0 !important;padding:0 !important;width:auto !important;min-width:0;float:none !important;background:none !important;border:0 !important;box-shadow:none !important}
.feed-view .blog-posts .post-outer{margin:0 !important;padding:0 !important;background:none !important;height:100%}
.csp-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--csp-shadow);transition:transform .25s ease,box-shadow .25s ease;animation:csp-rise .55s cubic-bezier(.2,.7,.2,1) both}
.csp-card:hover{transform:translateY(-5px);box-shadow:var(--csp-shadow-hover)}
.csp-card-media{position:relative;display:block;aspect-ratio:16/9;background:var(--csp-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E") center/34% no-repeat;overflow:hidden}
.csp-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.csp-card:hover .csp-card-media img{transform:scale(1.06)}
.csp-play{position:absolute;right:12px;bottom:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.94);color:var(--csp-blue);opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease}
.csp-card:hover .csp-play{opacity:1;transform:none}
.csp-card-body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;min-width:0}
.csp-card-title{margin:0 !important;font:700 19px/1.25 Ubuntu,sans-serif !important}
.csp-card-title a{color:var(--csp-text) !important;text-decoration:none !important}
.csp-card-title a:hover{color:var(--csp-blue) !important}
.csp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.csp-chip{display:inline-block;padding:5px 10px;border-radius:6px;background:var(--csp-chip);color:var(--csp-blue) !important;font:500 12px/1.2 Ubuntu,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none !important}
.csp-date{font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.feed-view .blog-posts > *:nth-child(2) .csp-card{animation-delay:.05s}
.feed-view .blog-posts > *:nth-child(3) .csp-card{animation-delay:.1s}
.feed-view .blog-posts > *:nth-child(4) .csp-card{animation-delay:.15s}
.feed-view .blog-posts > *:nth-child(5) .csp-card{animation-delay:.2s}
.feed-view .blog-posts > *:nth-child(6) .csp-card{animation-delay:.25s}
.feed-view .blog-posts > *:nth-child(n+7) .csp-card{animation-delay:.3s}
.feed-view #blog-pager{margin:32px 0 8px !important}
.feed-view #blog-pager a{display:inline-block;text-decoration:none !important;padding:14px 28px;border-radius:28px;background:var(--csp-blue);color:#fff !important;font:700 15px Ubuntu,sans-serif !important;text-transform:none !important}

/* ---------- Pagina canzone ---------- */
.item-view .post-outer{padding:0 !important;background:#fff !important;border-radius:18px;box-shadow:var(--csp-shadow);overflow:hidden}
.item-view .post-outer .post-wrapper{border-radius:0 !important;box-shadow:none !important;background:transparent !important}
/* Commenti nascosti: niente riquadro "per lasciare un commento" sotto i post.
   Per rimetterli basta cancellare la riga qui sotto. */
.item-view #comments,.item-view .comments,.item-view .post-footer .comment-link{display:none !important}
/* Commenti: un riquadro unico e pulito sotto il post, senza il secondo bordo */

.post-body iframe[src*="youtube.com/embed"],.post-body iframe[src*="youtube-nocookie.com/embed"]{display:block;width:100% !important;max-width:100%;height:auto !important;aspect-ratio:16/9;border:0;border-radius:14px;margin:0 auto 16px;background:#000}

/* Barra strumenti: toggle, dimensione testo, tonalità */
.post-body .csp-tools{display:flex;flex-direction:column;gap:12px;margin:8px 0 22px;padding:14px 16px;background:var(--csp-bg);border:1px solid var(--csp-line);border-radius:14px}
.post-body .csp-tools-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.post-body .csp-tools .form-check{display:flex !important;align-items:center;gap:10px;margin:0 !important;padding:0 !important}
.post-body .form-check-label{margin:0 !important;font:500 16px/1.2 Ubuntu,sans-serif !important;color:var(--csp-text) !important;cursor:pointer}
.post-body .form-check-input{flex:0 0 auto;width:50px !important;height:28px !important;margin:0 !important;border:0 !important;border-radius:14px !important;background:#C9D2E0 !important;cursor:pointer}
.post-body .form-check-input:before{top:3px !important;left:3px !important;width:22px !important;height:22px !important;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.post-body .form-check-input:checked{background:var(--csp-blue) !important}
.post-body .form-check-input:checked:before{transform:translateX(22px) !important}
.post-body .info-button,.post-body #infoModal{display:none !important}
.csp-size{display:flex;align-items:center;gap:6px}
.csp-size-label,.csp-tools-label{font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--csp-muted)}
.csp-size button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--csp-line-2);border-radius:10px;background:#fff;color:var(--csp-blue);cursor:pointer;font-family:Ubuntu,sans-serif;font-weight:700}
.csp-size button:active{transform:scale(.94)}
.csp-size button[hidden]{display:none}
.csp-size button:disabled{opacity:.35;cursor:default;transform:none}
.csp-size .csp-size-auto svg{width:18px;height:18px}
.post-body .csp-keys-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}
.post-body .transpose-keys{display:flex !important;flex-wrap:nowrap;gap:6px;overflow-x:auto;margin:0 !important;padding:2px 0 6px !important;scrollbar-width:thin;font:500 15px Ubuntu,sans-serif !important}
.post-body .transpose-keys a{float:none !important;flex:0 0 auto;display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;min-width:44px;height:40px;padding:0 10px !important;margin:0 !important;box-sizing:border-box;border:1px solid var(--csp-line-2) !important;border-radius:8px;background:#fff !important;color:var(--csp-text) !important;font:500 15px/1 Ubuntu,sans-serif !important;text-decoration:none !important;transition:background .15s ease,color .15s ease}
.post-body .transpose-keys a:hover{border-color:var(--csp-blue) !important;color:var(--csp-blue) !important}
.post-body .transpose-keys a.selected{background:var(--csp-blue) !important;border-color:var(--csp-blue) !important;color:#fff !important}
@media (min-width:746px){.post-body .transpose-keys{flex-wrap:wrap;overflow:visible}}

/* Testo e accordi: carattere a spaziatura fissa = accordi sempre sopra la sillaba giusta */
.post-body pre{font-family:'Ubuntu Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;font-size:17px;line-height:1.5 !important;white-space:pre !important;word-wrap:normal !important;overflow-x:auto;margin:0 0 24px !important;padding:4px 0 10px !important;background:none !important;color:var(--csp-text);tab-size:4}
.post-body pre span.c{color:var(--csp-chord);font-weight:700}

/* Scorrimento automatico: sopra la pubblicità fissa in basso */
.abt-scroll-container{left:auto !important;right:12px !important;bottom:calc(112px + env(safe-area-inset-bottom)) !important;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:var(--csp-blue-dark);border-radius:30px;box-shadow:0 6px 20px rgba(8,20,38,.3)}
.abt-scroll-btn,.abt-stop-btn{width:44px !important;height:44px !important;margin:0 !important;background:var(--csp-blue) !important;font-size:22px !important;line-height:44px !important}
.abt-scroll-btn:hover,.abt-stop-btn:hover{background:var(--csp-bright) !important}
.abt-speed-indicator{margin:2px 0 !important;color:#fff !important;font:700 15px/1.2 Ubuntu, sans-serif !important}

/* Finestra "Info" */
.modal .modal-content{max-width:560px;border:0 !important;border-radius:16px;box-shadow:var(--csp-shadow-hover);font:400 15px/1.6 Ubuntu,sans-serif}

/* ---------- Piè di pagina ---------- */
footer.footer{background:var(--csp-navy) !important;color:#DCE6F5 !important}
footer.footer a,footer.footer .copyright,footer.footer .blogger a{color:#DCE6F5 !important}
footer.footer svg{fill:#DCE6F5 !important}

/* ---------- Telefono ---------- */
@media (max-width:745px){
  .feed-view .centered{padding:0 12px !important}
  .csp-hero{aspect-ratio:4/3;min-height:0;border-radius:16px;margin-top:14px}
  .csp-hero-body{padding:18px 18px 20px;gap:8px}
  .csp-hero-title .t{font-size:28px}
  .csp-hero-title .a{font-size:13px}
  .csp-ticker{height:38px;margin-top:12px}
  .csp-ticker-label{padding:0 12px}
  .csp-ticker-label .csp-ticker-text{display:none}
  .csp-ticker-item{font-size:13px;line-height:38px;margin-left:28px}
  .csp-news{margin-top:12px}
  .csp-sec-head{margin:32px 0 12px}
  .csp-h2{font-size:22px !important}
  .csp-arrow{display:none}
  .csp-more{margin-right:0;padding:9px 13px;font-size:14px}
  .csp-sec-head .csp-h2{min-width:0}
  .csp-rail{gap:12px;margin:0 -12px;padding:4px 12px 14px;scroll-padding-left:12px}
  .csp-top-item{flex-basis:156px}
  .csp-top-num{font-size:52px;bottom:-10px}
  .csp-top-title{padding:14px 12px 12px}
  .csp-top-title .t{font-size:15px}
  .feed-view .blog-posts{grid-template-columns:minmax(0,1fr);gap:12px}
  .csp-card{flex-direction:row;align-items:center;gap:14px;padding:10px;border-radius:14px}
  .csp-card-media{flex:0 0 128px;border-radius:10px}
  .csp-play{display:none}
  .csp-card-body{padding:0;gap:8px}
  .csp-card-title{font-size:17px !important}
  .csp-card-meta{justify-content:flex-start}
  .csp-chip{font-size:11px;padding:4px 8px}
  .csp-date{font-size:12px}
  .post-body pre{font-size:15px}
  .post-body .csp-tools{padding:12px;margin-left:-4px;margin-right:-4px}
}
@media (min-width:746px) and (max-width:1100px){
  .feed-view .blog-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Logo piu' piccolo ---------- */
.centered-top .blog-name .header-widget img,.centered-top .blog-name img{max-height:68px !important;width:auto !important;height:auto !important}
@media (max-width:745px){.centered-top .blog-name .header-widget img,.centered-top .blog-name img{max-height:50px !important}}

/* ---------- Griglia senza buchi: l'ultima riga si allarga sempre ---------- */
@media (min-width:746px){
  .feed-view .blog-posts{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .feed-view .blog-posts > *{grid-column:span 2}
  .feed-view .blog-posts > .csp-t1{grid-column:1 / -1}
}
@media (min-width:1280px){
  .feed-view .blog-posts{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  .feed-view .blog-posts > *,.feed-view .blog-posts > .csp-t1{grid-column:span 2}
  .feed-view .blog-posts > .csp-r2{grid-column:span 3}
  .feed-view .blog-posts > .csp-r1{grid-column:1 / -1}
}
/* scheda allargata a tutta riga: immagine a sinistra, testo a destra */
@media (min-width:746px) and (max-width:1279px){
  .feed-view .blog-posts > .csp-t1 .csp-card{flex-direction:row}
  .feed-view .blog-posts > .csp-t1 .csp-card-media{flex:0 0 50%}
  .feed-view .blog-posts > .csp-t1 .csp-card-body{justify-content:center;padding:24px 28px}
}
@media (min-width:1280px){
  .feed-view .blog-posts > .csp-r1 .csp-card{flex-direction:row}
  .feed-view .blog-posts > .csp-r1 .csp-card-media{flex:0 0 50%}
  .feed-view .blog-posts > .csp-r1 .csp-card-body{justify-content:center;padding:24px 28px}
}

/* ---------- Colonna laterale su computer (su telefono resta nel menu) ---------- */
@media (min-width:1024px){
  .feed-view .centered-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) 280px;column-gap:32px;align-items:start}
  .feed-view .centered-bottom > .post-filter-message{grid-column:1 / -1}
  .feed-view .centered-bottom > .main-container{grid-column:1;min-width:0}
  .feed-view .sidebar-container{grid-column:2;float:none !important;width:auto !important;max-width:none !important;margin:20px 0 0 !important;padding:0 !important;position:static !important;transform:none !important;background:none !important;overflow:visible !important}
  .feed-view .sidebar-container .navigation{display:none !important}
}
@media (min-width:1280px){.feed-view .centered-bottom{grid-template-columns:minmax(0,1fr) 300px}}
@media (min-width:606px) and (max-width:1023px){
  .feed-view .sidebar-container{float:none !important;clear:both;width:auto !important;max-width:none !important;margin:32px 0 0 !important;background:none !important}
  .feed-view .sidebar-container .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .feed-view .sidebar-container .navigation{display:none !important}
}
@media (min-width:606px){
  .feed-view .sidebar-container .widget{background:#fff !important;border:0 !important;border-radius:16px;box-shadow:var(--csp-shadow);padding:20px !important;margin:0 0 16px !important;height:auto !important}
  .feed-view .sidebar-container .widget+.widget{border-top:0 !important}
  .feed-view .sidebar-container .widget .title,.feed-view .sidebar-container .widget h3.title,.feed-view .sidebar-container .widget h2{font:700 17px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important;margin:0 0 10px !important}
  .feed-view .sidebar-container .widget a{color:var(--csp-blue) !important;text-decoration:none !important}
  .feed-view .sidebar-container .widget.Image img{max-width:100%;height:auto;border-radius:10px}
  .feed-view .sidebar-container .widget.Text{font:400 14px/1.6 Ubuntu,sans-serif;color:var(--csp-muted)}
}

/* ---------- Menu: stesso funzionamento dell'originale (voci in eccesso nei tre puntini), aspetto nuovo ---------- */

/* ---------- Account nell'intestazione ---------- */
.centered-top .csp-acct{position:relative;order:2 !important;flex:0 0 auto;align-self:flex-start;margin:4px 0 0 12px !important;z-index:30}
/* allineato alla barra di ricerca (alta 48px): stessa riga, centrato */
.centered-top .csp-acct .csp-acct-btn{width:40px !important;height:40px !important}
.sticky .centered-top .csp-acct{order:3 !important;align-self:center;margin-top:0 !important;margin-left:auto !important;padding-left:12px}
/* su telefono e tablet, mentre la ricerca e aperta, il login si nasconde come il logo */
@media (max-width:1074px){.centered-top.search-focused .csp-acct,.centered-top .search.focused ~ .csp-acct,.centered-top.csp-searching .csp-acct{display:none !important}}
@media (max-width:1074px){@supports selector(:has(a)){.centered-top:has(.search.focused) .csp-acct,.centered-top:has(.search-input input:focus) .csp-acct{display:none !important}}}
.csp-acct-btn{position:relative;display:flex !important;align-items:center;justify-content:center;width:40px !important;height:40px !important;min-width:0 !important;padding:0 !important;margin:0 !important;border:1px solid var(--csp-line) !important;border-radius:50% !important;background:#fff !important;color:var(--csp-blue) !important;cursor:pointer;box-shadow:none !important}
.csp-acct-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.csp-acct-btn.csp-on{border-color:#2FB573 !important;border-width:2px !important}
.csp-acct-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--csp-blue);color:#fff;font:700 16px/1 Ubuntu,sans-serif}
.csp-acct-face img{width:100%;height:100%;object-fit:cover;display:block}
.csp-acct-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#2FB573;border:2px solid #fff}
.csp-acct-pop{position:absolute;right:0;top:calc(100% + 10px);width:280px;max-width:calc(100vw - 24px);padding:16px;border-radius:16px;background:#fff;border:1px solid var(--csp-line);box-shadow:0 16px 40px rgba(8,20,38,.2);font:400 14px/1.45 Ubuntu,sans-serif;color:var(--csp-text);text-align:left}
.csp-acct-pop[hidden]{display:none}
.csp-acct-h{display:block;margin:0 0 4px;font:700 17px/1.3 Ubuntu,sans-serif}
.csp-acct-note{margin:0 0 12px;color:var(--csp-muted);font-size:13px}
.csp-acct-g{display:flex !important;align-items:center;justify-content:center;gap:10px;width:100% !important;height:44px !important;margin:0 0 10px !important;padding:0 14px !important;border:1px solid #DADCE0 !important;border-radius:22px !important;background:#fff !important;color:#3C4043 !important;font:500 15px/1 Ubuntu,sans-serif !important;cursor:pointer}
.csp-acct-g:disabled{opacity:.6;cursor:default}
.csp-acct-g svg{width:20px;height:20px}
.csp-acct-err{margin:0 0 10px;color:#B33A3A;font-size:13px}
.csp-acct-me{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.csp-acct-me .csp-acct-face{flex:0 0 44px;width:44px;height:44px;font-size:18px}
.csp-acct-me b{display:block;font:700 15px/1.3 Ubuntu,sans-serif}
.csp-acct-me small{display:block;color:var(--csp-muted);font-size:13px;word-break:break-all}
.csp-acct-link{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 0 10px;border-radius:12px;background:var(--csp-bg,#F3F6FB);color:var(--csp-blue) !important;font:700 14px/1.2 Ubuntu,sans-serif;text-decoration:none !important}
.csp-acct-link span{color:#E0245E;font-size:16px}
.csp-acct-mod span{color:#2FB573}
.csp-acct-mod em:not(:empty){min-width:20px;padding:2px 6px;border-radius:10px;background:#E0245E;color:#fff !important;font-weight:700;font-size:12px;text-align:center;box-sizing:border-box}
.csp-acct-link em{margin-left:auto;font-style:normal;color:var(--csp-muted);font-weight:500}
.csp-acct-out{background:none !important;border:0 !important;padding:0 !important;color:var(--csp-muted) !important;font:400 13px Ubuntu,sans-serif !important;text-decoration:underline;cursor:pointer}
@media (max-width:745px){.centered-top .csp-acct{margin:6px 0 0 11px !important}.centered-top-container.sticky .centered-top .csp-acct{margin-top:0 !important;align-self:center}.centered-top .csp-acct .csp-acct-btn{width:36px !important;height:36px !important}.csp-acct-pop{position:fixed;right:12px;top:64px}}

/* ---------- Scaletta (playlist suonata in ordine) ---------- */
.csp-scaletta{position:fixed;left:50%;bottom:14px;z-index:9995;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:min(520px,calc(100% - 24px));padding:8px;border-radius:18px;background:#0B2A4A;color:#fff;box-shadow:0 12px 34px rgba(8,20,38,.35);font:400 14px/1.3 Ubuntu,sans-serif}
.csp-sc-nav{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.12);color:#fff !important;font:700 26px/1 Ubuntu,sans-serif;text-decoration:none !important}
.csp-sc-nav.csp-sc-next{background:#FFC93C;color:#0B2A4A !important}
.csp-sc-nav.csp-off{opacity:.3}
.csp-sc-mid{flex:1;min-width:0}
.csp-sc-mid small{display:block;color:#BFD0E8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csp-sc-mid b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csp-sc-x{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#BFD0E8;font:400 22px/1 Ubuntu,sans-serif;cursor:pointer}
body.csp-has-scaletta .csp-fav-toast{bottom:88px}
body.csp-has-scaletta{padding-bottom:76px}

/* iPhone ingrandisce la pagina quando si tocca un campo con testo piu piccolo di 16px:
   su telefono e tablet tutti i campi di testo del sito usano almeno 16px */
@media (max-width:1074px){
  input[type="text"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="password"],input:not([type]),textarea,select{font-size:16px !important}
}

/* ---------- Scorrimento automatico: il vecchio pulsante e nascosto, il nuovo e fluttuante ---------- */
html body .abt-scroll-container{display:none !important}
.csp-scroller{position:fixed;right:12px;bottom:110px;z-index:9994;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 4px;border-radius:30px;background:#0B2A4A;color:#fff;box-shadow:0 12px 30px rgba(8,20,38,.35);font:400 13px/1 Ubuntu,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}
.csp-scroller[hidden]{display:none !important}
.csp-scroller.csp-drag{opacity:.85;box-shadow:0 18px 40px rgba(8,20,38,.45)}
.csp-scr-grip{display:grid;grid-template-columns:repeat(2,4px);gap:3px;padding:8px 6px;cursor:grab;touch-action:none}
.csp-scroller.csp-drag .csp-scr-grip{cursor:grabbing}
.csp-scr-grip i{width:4px;height:4px;border-radius:50%;background:#7F9CC4}
.csp-scroller button{display:flex !important;align-items:center;justify-content:center;width:38px !important;height:38px !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.12) !important;color:#fff !important;font:700 20px/1 Ubuntu,sans-serif !important;cursor:pointer;box-shadow:none !important}
.csp-scroller .csp-scr-play{width:44px !important;height:44px !important;background:#FFC93C !important;color:#0B2A4A !important}
.csp-scroller .csp-scr-play svg{width:20px;height:20px;fill:currentColor}
.csp-scroller .csp-scr-x{width:30px !important;height:30px !important;background:transparent !important;color:#BFD0E8 !important;font-weight:400 !important;font-size:20px !important}
.csp-scr-v{display:flex;flex-direction:column;align-items:center;min-width:34px}
.csp-scr-v b{font:700 17px/1 Ubuntu,sans-serif}
.csp-scr-v small{margin-top:2px;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#BFD0E8}

.post-body .csp-rights{margin:6px 0 22px !important;padding:10px 0 0 !important;border-top:1px solid var(--csp-line);font:400 12px/1.5 Ubuntu,sans-serif !important;color:var(--csp-muted) !important;font-style:normal !important}
.post-body .csp-rights a{color:var(--csp-muted) !important;text-decoration:underline !important}
@media print{.csp-rights{display:none !important}}

/* ---------- Telefono: la pagina non si ingrandisce mai ----------
   niente zoom col doppio tocco (anche toccando piu volte un tasto o un gioco)
   e niente pagina piu larga dello schermo */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{touch-action:manipulation}
/* (niente overflow su html/body: su iPhone bloccherebbe lo scorrimento automatico e "Segui il video") */
button,a,[role="button"],input,select,label{-webkit-tap-highlight-color:transparent}

/* ---------- Metronomo (stesso pannello fluttuante dello scorrimento) ---------- */
.csp-metro .csp-scr-play{background:#2FB573 !important;color:#fff !important}
.csp-metro .csp-scr-v{min-width:44px}
.csp-met-dots{display:flex;gap:3px;margin-top:4px;height:6px}
.csp-met-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:background .05s}
.csp-met-dots i.csp-on{background:#fff}
.csp-met-dots i.csp-acc{background:#FFC93C}
.csp-scroller .csp-met-sig,.csp-scroller .csp-met-tap{width:auto !important;min-width:38px !important;padding:0 8px !important;border-radius:19px !important;font:700 12px/1 Ubuntu,sans-serif !important;letter-spacing:.04em}
@media (max-width:420px){.csp-metro{gap:4px;padding:5px 6px 5px 2px}.csp-metro button{width:34px !important;height:34px !important}.csp-metro .csp-scr-play{width:40px !important;height:40px !important}}

/* ---------- Tasto "Riservatezza" (InMobi): pillola blu notte fissa in basso a destra, anche su computer ---------- */
html body .qc-cmp2-persistent-link,html body #qc-cmp2-persistent-link,html body .csp-privacy{position:fixed !important;left:auto !important;right:12px !important;top:auto !important;bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;z-index:2147483000 !important;display:inline-flex !important;visibility:visible !important;opacity:1 !important;align-items:center !important;gap:6px !important;width:auto !important;height:28px !important;min-height:0 !important;min-width:0 !important;margin:0 !important;padding:0 12px 0 10px !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:14px !important;background:#0B2A4A !important;color:#fff !important;font:700 10.5px/1 Ubuntu,sans-serif !important;letter-spacing:.07em !important;text-transform:uppercase !important;box-shadow:0 6px 16px rgba(10,30,60,.25) !important;transform:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .qc-cmp2-persistent-link:hover,html body #qc-cmp2-persistent-link:hover,html body .csp-privacy:hover{background:#0f5699 !important}
html body .qc-cmp2-persistent-link img,html body .qc-cmp2-persistent-link svg,html body #qc-cmp2-persistent-link img,html body .csp-privacy svg{width:13px !important;height:13px !important;margin:0 !important;filter:brightness(0) invert(1)}
html body .csp-privacy svg{filter:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:746px){html body .qc-cmp2-persistent-link,html body #qc-cmp2-persistent-link,html body .csp-privacy{right:16px !important;bottom:16px !important}}
@media print{html body .qc-cmp2-persistent-link,html body .csp-privacy{display:none !important}}
.csp-privacy-msg{position:fixed;right:12px;bottom:calc(48px + env(safe-area-inset-bottom,0px));z-index:2147483001;box-sizing:border-box;width:300px;max-width:calc(100vw - 24px);padding:12px 14px;border-radius:14px;background:#0B2A4A;color:#DCE6F5;font:400 13px/1.45 Ubuntu,sans-serif;box-shadow:0 12px 30px rgba(10,30,60,.3);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.csp-privacy-msg b{display:block;margin:0 0 4px;color:#fff;font-weight:700}
.csp-privacy-msg.csp-show{opacity:1;transform:none;pointer-events:auto}
@media (min-width:746px){.csp-privacy-msg{right:16px;bottom:54px}}

/* ---------- Modalita scura (html.csp-dark) ----------
   Come da guida: una classe sulla pagina e regole dedicate che cambiano solo sfondi, testi e bordi.
   Immagini, video, disegni, pulsanti colorati e widget restano come sono. */
html.csp-dark{color-scheme:dark}
html.csp-dark .widget.HTML .widget-content{color-scheme:light}
html.csp-dark .search input,html.csp-dark input[name="q"]{color:#fff !important;caret-color:#fff !important}
html.csp-dark .search input::placeholder,html.csp-dark input[name="q"]::placeholder{color:rgba(255,255,255,.6) !important}
/* vecchi post con colori scritti a mano */
html.csp-dark .post-body font[color="#000000"],html.csp-dark .post-body font[color="#000"],html.csp-dark .post-body font[color="black"],html.csp-dark .post-body [style*="color: rgb(0, 0, 0)"],html.csp-dark .post-body [style*="color:#000"],html.csp-dark .post-body [style*="color: #000"],html.csp-dark .post-body [style*="color: black"],html.csp-dark .post-body [style*="color: rgb(34, 34, 34)"],html.csp-dark .post-body [style*="color: rgb(51, 51, 51)"]{color:inherit !important}
html.csp-dark .post-body [style*="background-color: white"],html.csp-dark .post-body [style*="background-color: rgb(255, 255, 255)"],html.csp-dark .post-body [style*="background-color: #ffffff"],html.csp-dark .post-body [style*="background: white"],html.csp-dark .post-body [style*="color:#0f5699"],html.csp-dark .post-body [style*="color: #0f5699"],html.csp-dark .post-body [style*="color: rgb(15, 86, 153)"]{color:#9CC4F0 !important}
html.csp-dark .post-body [style*="background-color:#fff"]{background-color:transparent !important}
/* riquadri chiari che restano chiari: dentro tornano i colori originali */
html.csp-dark .skip-navigation,html.csp-dark .csp-eq i,html.csp-dark .csp-news .csp-ticker-label,html.csp-dark .csp-sc-nav.csp-sc-next,html.csp-dark .csp-scr-grip i,html.csp-dark .csp-scroller .csp-scr-play,html.csp-dark .csp-met-dots i.csp-on,html.csp-dark .csp-met-dots i.csp-acc,html.csp-dark .csp-sugg a:hover,html.csp-dark .csp-sugg a.on,html.csp-dark .csp-sugg mark,html.csp-dark button.csp-fav[aria-pressed="true"],html.csp-dark .post-body .csp-yt-dead a,html.csp-dark .csp-pl-ctrl .csp-pl-main,html.csp-dark .csp-pl-ctrl .csp-pl-main:hover,html.csp-dark .csp-tu-card,html.csp-dark .csp-tu-go.on,html.csp-dark .csp-ca .s-kicker,html.csp-dark .csp-cf .s-ch i.ok,html.csp-dark .csp-cf .s-tag,html.csp-dark .csp-ip .s-kicker,html.csp-dark .csp-ip .s-inst button[aria-pressed="true"],html.csp-dark .csp-ip .s-prog-bar i,html.csp-dark .csp-ip .s-next,html.csp-dark .csp-ip .s-step:before,html.csp-dark .csp-ip .s-tag,html.csp-dark .csp-kids .k-surprise,html.csp-dark .csp-kids .k-pill.k-go,html.csp-dark .csp-kids .k-qopt.ko,html.csp-dark .csp-kids .k-staff,html.csp-dark .csp-kids .k-xylo,html.csp-dark .csp-kids .k-bar:before,html.csp-dark .csp-kids .k-wk,html.csp-dark .csp-kids .k-wk.on,html.csp-dark .csp-kids .k-ob.sel,html.csp-dark .csp-kids .k-dots i,html.csp-dark .csp-kids .k-dots i.lit,html.csp-dark .csp-kids .k-drum,html.csp-dark .csp-kids .k-arena,html.csp-dark .csp-kids .k-field,html.csp-dark .csp-kids .k-tiles,html.csp-dark .csp-kids .k-lane,html.csp-dark .csp-kids .k-tile.done,html.csp-dark .csp-kids .k-tile.miss,html.csp-dark .csp-kids .k-glasses,html.csp-dark .csp-kids .k-glass,html.csp-dark .csp-kids .k-str i,html.csp-dark .csp-kids .k-harp,html.csp-dark .csp-kids .k-ther-dot,html.csp-dark .csp-nw .s-kicker,html.csp-dark .csp-off .o-kick,html.csp-dark .csp-off .o-search button,html.csp-dark .csp-off .o-tag.t1,html.csp-dark .csp-off .o-star,html.csp-dark .csp-online .k-pill.k-go,html.csp-dark .csp-online .k-qopt.ko,html.csp-dark .csp-online .k-staff,html.csp-dark .csp-online .k-chord,html.csp-dark .csp-online .o-sk,html.csp-dark .csp-online .o-sk.on,html.csp-dark .csp-online .k-dots i,html.csp-dark .csp-online .k-cover .k-surprise,html.csp-dark .csp-online .o-key.ko,html.csp-dark .csp-online .o-key.x,html.csp-dark .csp-online .o-tile,html.csp-dark .csp-online .o-cell.x,html.csp-dark .csp-online .o-wc.sel,html.csp-dark .csp-online .o-wc.found,html.csp-dark .csp-online .o-key.o-chip,html.csp-dark .csp-pf .s-img,html.csp-dark .csp-sr .p2 .s-medal,html.csp-dark .csp-srm-l li.g2 .csp-srm-p,html.csp-dark .csp-srm-l li.nc .csp-srm-p,html.csp-dark .csp-teoria .t-strings button.on,html.csp-dark .csp-teoria .t-hero-k,html.csp-dark .csp-teoria .t-toc-extra b,html.csp-dark .csp-teoria .t-fig,html.csp-dark .csp-teoria .t-staff,html.csp-dark .csp-teoria .t-quiz-opts button.ko,html.csp-dark .csp-teoria .t-figcard,html.csp-dark .csp-teoria .t-metro-go,html.csp-dark .csp-teoria .t-metro-sig button[aria-pressed="true"],html.csp-dark .csp-teoria .t-metro-dots i.on,html.csp-dark .csp-teoria .t-metro-dots i.on:first-child,html.csp-dark .csp-teoria .t-chordcard,html.csp-dark .csp-teoria .t-arrows span.on,html.csp-dark .csp-teoria .t-done.on,html.csp-dark .csp-teoria .t-instr button.on{--a-bg:#F3F6FB;--a-chord:#2159D6;--a-line:#E3E9F2;--a-muted:#5A6272;--a-text:#1A1D24;--csp-bg:#F3F6FB;--csp-card:#ffffff;--csp-chip:#E8EFF9;--csp-chord:#2159D6;--csp-line:#E3E9F2;--csp-line-2:#D6DFEC;--csp-muted:#5A6272;--csp-text:#1A1D24;--e-bg:#F3F6FB;--e-line:#E3E9F2;--e-muted:#5A6272;--e-text:#1A1D24;--g-bg:#F3F6FB;--g-line:#E3E9F2;--g-muted:#5A6272;--g-text:#1A1D24;--k-line:#E3E9F2;--k-muted:#5A6272;--k-text:#1A1D24;--o-bg:#F3F6FB;--o-line:#E3E9F2;--o-muted:#5A6272;--o-text:#1A1D24;--p-bg:#F3F6FB;--p-line:#E3E9F2;--p-muted:#5A6272;--p-text:#1A1D24;--r-bg:#F3F6FB;--r-line:#E3E9F2;--r-muted:#5A6272;--r-text:#1A1D24;--s-bg:#F3F6FB;--s-line:#E3E9F2;--s-muted:#5A6272;--s-text:#1A1D24;--t-bg:#F3F6FB;--t-chord:#2159D6;--t-line:#E3E9F2;--t-muted:#5A6272;--t-text:#1A1D24}
/* Emporio */
html.csp-dark .dim-overlay{background-color:rgba(0,0,0,0.54)}
html.csp-dark .skip-navigation{color:#000;background-color:rgba(255,255,255,1.0)}
html.csp-dark .b-notification{color:#EBEDEF;background-color:#1B1F26}

html.csp-dark .dialog{background-color:#1B1F26}
html.csp-dark .subscribe-popup h3{color:#DFE1E5}
html.csp-dark body{background-color:#101317;color:#EBEDEF}
html.csp-dark h3,html.csp-dark h3.title{color:#EBEDEF}
html.csp-dark .post-wrapper .post-title,html.csp-dark .post-wrapper .post-title a,html.csp-dark .post-wrapper .post-title a:hover,html.csp-dark .post-wrapper .post-title a:visited{color:#DFE1E5}
html.csp-dark blockquote{color:#D2D5DA}
html.csp-dark .post-snippet .snippet-fade{background-image:-webkit-linear-gradient($startSide,#1B1F26 0,#1B1F26 20%,$(posts.background.color.transparent) 100%);background-image:linear-gradient(to $startSide,#1B1F26 0,#1B1F26 20%,$(posts.background.color.transparent) 100%)}
html.csp-dark .byline,html.csp-dark .byline.post-author a,html.csp-dark .byline.post-timestamp a{color:#BEC3CA}
html.csp-dark .tr-caption{color:#D2D5DA}
html.csp-dark .PopularPosts .popular-posts-snippet{color:#CBCFD5}
html.csp-dark .PopularPosts .popular-posts-snippet .snippet-fade{color:#CBCFD5}
html.csp-dark .inline-ad-placeholder,html.csp-dark .vertical-ad-placeholder{background-color:#1B1F26}
html.csp-dark .inline-ad-placeholder span,html.csp-dark .vertical-ad-placeholder span{color:#DFE1E5}
html.csp-dark .centered-top-container.sticky,html.csp-dark .sticky .centered-top{background-color:#161A1F}
html.csp-dark .search .search-input input::-webkit-input-placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .search .search-input input::-moz-placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .search .search-input input:-ms-input-placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .search .search-input input::placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .centered-top .Header h1{color:#DFE2E5}
html.csp-dark .centered-top .Header p{color:#DFE2E5}
html.csp-dark .post-wrapper{background-color:#1B1F26}
html.csp-dark .feed-view .post-wrapper .post,html.csp-dark .feed-view .post-wrapper .post .snippet-thumbnail{background-color:#1B1F26}
@media (max-width:745px){html.csp-dark .item-view .post-outer{background-color:#1B1F26}}

/* Tema */
html.csp-dark{--csp-chord:#95B1EF;--csp-bg:#111316;--csp-card:#1B1F26;--csp-text:#DEE0E7;--csp-muted:#C3C7D0;--csp-line:#333944;--csp-line-2:#363D48;--csp-chip:#15191E}
html.csp-dark .csp-ticker{background-color:var(--csp-blue-dark, rgba(11,63,112,1.0));color:#fff}
html.csp-dark .csp-ticker-label{background-color:var(--csp-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-eq i{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-news{background-color:#1B1F26}
html.csp-dark .csp-news .csp-ticker-label{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-news a.csp-ticker-label{color:#F8ECCE !important}
html.csp-dark .csp-news a.csp-ticker-label:hover,html.csp-dark .csp-news a.csp-ticker-label:focus-visible{background-color:rgba(255,183,3,1.0)}
html.csp-dark .csp-news .csp-ticker-item:hover{color:#ACD1F3 !important}
html.csp-dark .csp-news-src{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-hero-body{background-color:rgba(8,20,38,0.74)}
html.csp-dark .csp-badge{background-color:var(--csp-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-more{background-color:rgba(15,86,153,1.0);color:#fff}
html.csp-dark .csp-more:hover{background-color:rgba(33,89,214,1.0)}
html.csp-dark .csp-arrow{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-arrow-next{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-top-card{background-color:#1B1F26}
html.csp-dark .csp-top-title .t{color:#ACD1F3}
html.csp-dark .csp-card{background-color:#1B1F26}
html.csp-dark .csp-play{background-color:rgba(25,30,36,0.94);color:#ACD1F3}
html.csp-dark .csp-card-title a:hover{color:#ACD1F3 !important}
html.csp-dark .csp-chip{color:#ACD1F3 !important}
html.csp-dark .feed-view #blog-pager a{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .item-view .post-outer{background-color:#1B1F26 !important}

html.csp-dark .post-body iframe[src*="youtube.com/embed"],html.csp-dark .post-body iframe[src*="youtube-nocookie.com/embed"]{background-color:rgba(0,0,0,1.0)}
html.csp-dark .post-body .form-check-input{background-color:#2E3237 !important}
html.csp-dark .post-body .form-check-input:checked{background-color:var(--csp-blue, rgba(15,86,153,1.0)) !important}
html.csp-dark .csp-size button{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .post-body .transpose-keys a{background-color:#1B1F26 !important}
html.csp-dark .post-body .transpose-keys a:hover{color:#ACD1F3 !important}
html.csp-dark .post-body .transpose-keys a.selected{background-color:var(--csp-blue, rgba(15,86,153,1.0)) !important;color:#fff}
html.csp-dark .abt-scroll-container{background-color:var(--csp-blue-dark, rgba(11,63,112,1.0))}
html.csp-dark .abt-scroll-btn,html.csp-dark .abt-stop-btn{background-color:var(--csp-blue, rgba(15,86,153,1.0)) !important}
html.csp-dark .abt-scroll-btn:hover,html.csp-dark .abt-stop-btn:hover{background-color:var(--csp-bright, rgba(58,123,224,1.0)) !important}
html.csp-dark footer.footer{background-color:var(--csp-navy, rgba(11,42,74,1.0)) !important;color:#DCE6F5}
@media (min-width:606px){html.csp-dark .feed-view .sidebar-container .widget:not(.widget.HTML .widget-content *){background-color:#1B1F26 !important}}
@media (min-width:606px){html.csp-dark .feed-view .sidebar-container .widget a:not(.widget.HTML .widget-content *){color:#ACD1F3 !important}}

html.csp-dark .csp-acct-btn{background-color:#1B1F26 !important;color:#ACD1F3 !important}
html.csp-dark .csp-acct-face{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-acct-dot{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-acct-pop{background-color:#1B1F26}
html.csp-dark .csp-acct-g{border-color:#3E4043 !important;background-color:#1B1F26 !important;color:#D3D6DB !important}
html.csp-dark .csp-acct-err{color:#E2A5A5}
html.csp-dark .csp-acct-link{color:#ACD1F3 !important}
html.csp-dark .csp-scaletta{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-sc-nav.csp-sc-next{color:#0B2A4A;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-scroller{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-scroller .csp-scr-play{color:#0B2A4A;background-color:rgba(255,201,60,1.0) !important}
html.csp-dark .csp-metro .csp-scr-play{background-color:rgba(47,181,115,1.0) !important;color:#fff}
html.csp-dark .csp-met-dots i.csp-on{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark body .qc-cmp2-persistent-link,html.csp-dark body #qc-cmp2-persistent-link,html.csp-dark body .csp-privacy{background-color:rgba(11,42,74,1.0) !important;color:#fff}
html.csp-dark body .qc-cmp2-persistent-link:hover,html.csp-dark body #qc-cmp2-persistent-link:hover,html.csp-dark body .csp-privacy:hover{background-color:rgba(15,86,153,1.0) !important}
html.csp-dark .csp-privacy-msg{background-color:rgba(11,42,74,1.0);color:#DCE6F5}
html.csp-dark .csp-acct-dark i{background-color:#2E3136}
html.csp-dark .csp-acct-dark i::after{background-color:#1B1F26}
html.csp-dark .csp-acct-dark[aria-pressed="true"] i{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-chart-item{background-color:#1B1F26}
html.csp-dark .csp-chart-media{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-chart-play{background-color:rgba(25,30,36,0.94);color:#ACD1F3}
html.csp-dark .csp-chart-rank{background-color:var(--csp-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-chart-item:first-child .csp-chart-rank{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-chart-trend.up{background-color:rgba(30,123,79,1.0)}
html.csp-dark .csp-chart-trend.down{background-color:rgba(179,64,42,1.0)}
html.csp-dark .csp-chart-trend.equal{background-color:rgba(138,147,163,1.0)}
html.csp-dark .csp-chart-title .t{color:#ACD1F3}
html.csp-dark .item-view .sidebar-container .widget:not(.widget.HTML .widget-content *){background-color:#1B1F26 !important}
html.csp-dark .item-view .sidebar-container .PopularPosts h3.post-title a{color:#ACD1F3 !important}
html.csp-dark .csp-sugg{background-color:#1B1F26}
html.csp-dark .csp-sugg img,html.csp-dark .csp-sugg .csp-sugg-ph{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-sugg .csp-sugg-art{color:#ACD1F3}
html.csp-dark .csp-sugg mark{color:#1A1D24;background-color:rgba(255,241,184,1.0)}
html.csp-dark .csp-sugg a.csp-sugg-all{color:#ACD1F3 !important}
html.csp-dark .csp-sugg a.csp-sugg-all:hover,html.csp-dark .csp-sugg a.csp-sugg-all:active,html.csp-dark .csp-sugg a.csp-sugg-all:focus,html.csp-dark .csp-sugg a.csp-sugg-all.on{color:#1A1D24 !important;background-color:#fff !important}
html.csp-dark .centered-top .search.focused .section{background-color:#1B1F26 !important}
@media (min-width:1075px){html.csp-dark .centered-top .search .section{background-color:#1B1F26 !important}}
@media (max-width:605px){html.csp-dark .feed-view .sidebar-container .widget:not(.widget.HTML .widget-content *){background-color:#1B1F26 !important}}
@media (max-width:605px){html.csp-dark .feed-view .sidebar-container .widget a:not(.widget.HTML .widget-content *){color:#ACD1F3 !important}}
html.csp-dark .post-body .csp-pill{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .post-body .csp-pill[aria-pressed="true"]{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .post-body .csp-dg{background-color:#1B1F26}
html.csp-dark button.csp-fav{border-color:#52303A !important;background-color:#1B1F26 !important}
html.csp-dark button.csp-fav[aria-pressed="true"]{color:#1A1D24;background-color:rgba(255,240,244,1.0) !important}
html.csp-dark .csp-fav-toast{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .post-body .csp-trad{background-color:#0F1218}
html.csp-dark .post-body .csp-trad-h b{color:#ACD1F3}
html.csp-dark .post-body .csp-trad-x{background-color:#1B1F26}
html.csp-dark .post-body .csp-trad-t{color:#ACD1F3 !important}
html.csp-dark .post-body .csp-yt-dead{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .post-body .csp-yt-dead a{color:#0B2A4A;background-color:rgba(255,201,60,1.0)}
html.csp-dark .post-body .csp-capo{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-player{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pl-video{background-color:rgba(0,0,0,1.0)}
html.csp-dark .csp-pl-ctrl .csp-pl-main{color:#0B2A4A;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-sync-hint{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-share-btn{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-sh-box{background-color:#1B1F26}
html.csp-dark .csp-sh-copy button{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-sh-copy button.csp-ok{background-color:rgba(47,181,115,1.0)}
html.csp-dark .post-body .csp-semi{background-color:#1B1F26}
html.csp-dark .post-body .csp-semi button{color:#ACD1F3}
html.csp-dark .post-body .csp-semi button:active{background-color:#171D25}
html.csp-dark .post-body .csp-semi b,html.csp-dark .post-body .csp-semi .csp-semi-n{color:#ACD1F3}
html.csp-dark .post-body .csp-keypick{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .post-body .csp-keypick:hover{background-color:rgba(33,89,214,1.0)}
html.csp-dark .post-body .csp-keygrid{background-color:#1B1F26}
html.csp-dark .post-body .csp-keygrid button{background-color:#1B1F26}
html.csp-dark .post-body .csp-keygrid button[aria-pressed="true"]{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-rel-t{color:#ACD1F3}
html.csp-dark .csp-pop{background-color:#1B1F26;color:#DEE0E7}
html.csp-dark .csp-pop-n{color:#95B1EF}
html.csp-dark .csp-pop button{color:#ACD1F3}
html.csp-dark .csp-pop-x{color:#C3C7D0 !important}
html.csp-dark .csp-pop-x:hover{background-color:#121518}
html.csp-dark .csp-pop-prev,html.csp-dark .csp-pop-next{background-color:#121518 !important}
html.csp-dark .csp-pop-i{color:#C3C7D0}
html.csp-dark .csp-pop-play{background-color:rgba(15,86,153,1.0) !important;color:#fff}
html.csp-dark .csp-instr{background-color:#121518}
html.csp-dark .csp-instr button{color:#ACD1F3}
html.csp-dark .csp-instr button[aria-pressed="true"]{background-color:rgba(15,86,153,1.0);color:#fff}
html.csp-dark .csp-pop .csp-instr-pop button{color:#ACD1F3}
html.csp-dark .csp-pop .csp-instr-pop button[aria-pressed="true"]{background-color:rgba(15,86,153,1.0) !important;color:#fff}
html.csp-dark .post-body pre span.c{color:#ACD1F3 !important}

/* pagina-accordatore.html */
html.csp-dark .csp-tuner{color:#DEE0E7}
html.csp-dark .csp-tu-intro{color:#C3C7D0}
html.csp-dark .csp-tu-sel{background-color:#121518}
html.csp-dark .csp-tu-sel button{color:#ACD1F3}
html.csp-dark .csp-tu-sel button[aria-pressed="true"]{background-color:rgba(15,86,153,1.0);color:#fff}
html.csp-dark .csp-tu-tun{color:#C3C7D0}
html.csp-dark .csp-tu-tun select{border-color:#333944;background-color:#1B1F26;color:#DEE0E7}
html.csp-dark .csp-tu-card{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-tu-go{background-color:rgba(15,86,153,1.0);color:#fff}
html.csp-dark .csp-tu-go.on{color:#0f5699;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-tu-lab{color:#C3C7D0}
html.csp-dark .csp-tu-strings button{border-color:#333944;background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-tu-strings button small{color:#C3C7D0}
html.csp-dark .csp-tu-strings button.done{background-color:#161D19}
/* pagina-accordi.html */
html.csp-dark .csp-acc{--a-chord:#95B1EF;--a-text:#DEE0E7;--a-muted:#C3C7D0;--a-line:#333944;--a-bg:#111316}
html.csp-dark .csp-acc .a-finder{background-color:#1B1F26}
html.csp-dark .csp-acc .a-row button{border-color:#3B424B;background-color:#1B1F26}
html.csp-dark .csp-acc .a-row button:hover{color:#ACD1F3}
html.csp-dark .csp-acc .a-row button.on{background-color:var(--a-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-acc .a-notes span{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-acc .a-play{background-color:var(--a-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-acc .a-play:hover{background-color:var(--a-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-acc .a-card{background-color:#1B1F26}
html.csp-dark .csp-acc .a-ico{background-color:var(--a-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-acc .a-btn{background-color:var(--a-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-acc .a-btn:hover{background-color:var(--a-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-acc .a-src a{color:#ACD1F3 !important}
html.csp-dark .csp-acc .a-instr button{color:#ACD1F3}
html.csp-dark .csp-acc .a-instr button:hover{background-color:#1B1F26}
html.csp-dark .csp-acc .a-instr button.on{background-color:var(--a-blue, rgba(15,86,153,1.0));color:#fff}
/* pagina-amici.html */
html.csp-dark .csp-am{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-am .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-am .s-kicker{background-color:var(--s-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-am .s-filter button{color:#ACD1F3}
html.csp-dark .csp-am .s-filter button[aria-pressed="true"]{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-am .s-card{background-color:#1B1F26}
html.csp-dark .csp-am .s-card b{color:#ACD1F3}
html.csp-dark .csp-am .s-empty{background-color:#1B1F26}
html.csp-dark .csp-am .s-more{color:#ACD1F3 !important}
html.csp-dark .csp-am .s-year{background-color:#1B1F26}
html.csp-dark .csp-am .s-year b{color:#ACD1F3}
html.csp-dark .csp-am .s-note a{color:#ACD1F3 !important}
html.csp-dark .csp-am .s-news a{background-color:#1B1F26}
html.csp-dark .csp-am .s-news small i{color:#ACD1F3}
html.csp-dark .csp-am .s-news-more{color:#ACD1F3 !important}
html.csp-dark .csp-am .s-year i{color:#ACD1F3}
html.csp-dark .csp-am .s-winbox{background-color:#1F1B10;border-color:#5C5031}
html.csp-dark .csp-am .s-winbox .s-cup{background-color:rgba(201,150,43,1.0);color:#fff}
html.csp-dark .csp-amm{background-color:rgba(8,20,40,0.5);color:#1A1D24}
html.csp-dark .csp-amm-box{background-color:#1B1F26}
html.csp-dark .csp-amm-h{border-bottom-color:#333944}
html.csp-dark .csp-amm-h b{color:#ACD1F3}
html.csp-dark .csp-amm-h small{color:#C3C7D0}
html.csp-dark .csp-amm-x{background-color:#121518;color:#C3C7D0}
html.csp-dark .csp-amm-l li{border-bottom-color:#303740}
html.csp-dark .csp-amm-l .n{color:#DEE0E7}
html.csp-dark .csp-amm-l .n em{background-color:rgba(201,150,43,1.0);color:#fff}
html.csp-dark .csp-amm-l .n small{color:#C3C7D0}
html.csp-dark .csp-amm-l .songs a{background-color:#111316;border-color:#333944;color:#ACD1F3 !important}
html.csp-dark .csp-amm-l .songs a:hover{background-color:rgba(15,86,153,1.0);color:#fff}
html.csp-dark .csp-amm-l .msg{color:#C3C7D0}
html.csp-dark .csp-amm-f{border-top-color:#333944}
html.csp-dark .csp-amm-f a{color:#ACD1F3 !important}
/* pagina-cantanti.html */
html.csp-dark .csp-ca{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-ca .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-ca .s-kicker{color:#0B2A4A;background-color:var(--s-gold, rgba(255,201,60,1.0))}
html.csp-dark .csp-ca .s-find{background-color:#1B1F26}
html.csp-dark .csp-ca .s-letters button{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-ca .s-letters button[aria-pressed="true"]{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-ca .s-list a{background-color:#1B1F26}
html.csp-dark .csp-ca .s-av{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-ca .s-empty{border-color:#39414D}
html.csp-dark .csp-ca .s-note a{color:#ACD1F3 !important}
/* pagina-canzoni-facili-con-elenco.html */
html.csp-dark .csp-cf{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-cf .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-cf .s-kicker{background-color:var(--s-green, rgba(47,181,115,1.0))}
html.csp-dark .csp-cf .s-chip{background-color:#1B1F26}
html.csp-dark .csp-cf .s-chip[aria-pressed="true"]{background-color:var(--s-green, rgba(47,181,115,1.0));color:#fff}
html.csp-dark .csp-cf .s-btn{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-cf .s-btn[aria-pressed="true"],html.csp-dark .csp-cf .s-btn.s-go{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-cf .s-find{background-color:#1B1F26}
html.csp-dark .csp-cf .s-song{background-color:#1B1F26}
html.csp-dark .csp-cf .s-song b{color:#ACD1F3}
html.csp-dark .csp-cf .s-ch i{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-cf .s-ch i.ok{color:#1E7A48;background-color:rgba(221,243,230,1.0)}
html.csp-dark .csp-cf .s-ch i.no{background-color:#1E1212;color:#E2A5A5}
html.csp-dark .csp-cf .s-tag{color:#6B4E00;background-color:rgba(255,241,194,1.0)}
html.csp-dark .csp-cf .s-more{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-cf .s-empty{background-color:#1B1F26}
html.csp-dark .csp-cf .s-note a{color:#ACD1F3 !important}
/* pagina-ebook-canzoniere-2020.html */
html.csp-dark .csp-ebook{--e-text:#DEE0E7;--e-muted:#C3C7D0;--e-line:#333944;--e-bg:#111316}
html.csp-dark .csp-ebook .e-hero{background-color:#1B1F26}
html.csp-dark .csp-ebook .e-kicker{background-color:var(--e-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-ebook .e-points svg{color:#B7EED4}
html.csp-dark .csp-ebook .e-btn{background-color:var(--e-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-ebook .e-btn:hover{background-color:var(--e-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-ebook .e-artists span{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-ebook .e-artists span:hover{background-color:var(--e-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-ebook .e-contact svg{color:#ACD1F3}
html.csp-dark .csp-ebook .e-contact a{color:#ACD1F3 !important}
/* pagina-impara-chitarra.html */
html.csp-dark .csp-ip{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-ip .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-ip .s-kicker{color:#0B2A4A;background-color:var(--s-gold, rgba(255,201,60,1.0))}
html.csp-dark .csp-ip .s-inst button{border-color:rgba(46,50,56,0.35)}
html.csp-dark .csp-ip .s-inst button[aria-pressed="true"]{color:#0B2A4A;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-ip .s-prog-bar i{color:#1A1D24;background-color:var(--s-gold, rgba(255,201,60,1.0))}
html.csp-dark .csp-ip .s-next{color:#0B2A4A;background-color:var(--s-gold, rgba(255,201,60,1.0))}
html.csp-dark .csp-ip .s-step:before{color:#1A1D24;background-color:var(--s-line, rgba(227,233,242,1.0))}
html.csp-dark .csp-ip .s-num{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-ip .s-step.s-done .s-num{background-color:var(--s-green, rgba(47,181,115,1.0));color:#fff}
html.csp-dark .csp-ip .s-card{background-color:#1B1F26}
html.csp-dark .csp-ip .s-tag{color:#1E7A48;background-color:rgba(221,243,230,1.0)}
html.csp-dark .csp-ip .s-chk{border-color:#39414D;background-color:#1B1F26}
html.csp-dark .csp-ip .s-task.s-ok .s-chk{background-color:var(--s-green, rgba(47,181,115,1.0))}
html.csp-dark .csp-ip .s-task a b{color:#ACD1F3}
html.csp-dark .csp-ip .s-tip{background-color:#211E12;color:#F6E7BF}
/* pagina-kids.html */
html.csp-dark .csp-kids{--k-text:#DEE0E7;--k-muted:#C3C7D0;--k-line:#333944}
html.csp-dark .csp-kids .k-surprise{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids h3{color:#ACD1F3}
html.csp-dark .csp-kids .k-tab{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-kids .k-tab[aria-pressed="true"]{background-color:var(--c,var(--k-sky));color:#fff}
html.csp-dark .csp-kids .k-find input{background-color:#1B1F26}
html.csp-dark .csp-kids .k-card{background-color:#1B1F26}
html.csp-dark .csp-kids .k-empty{background-color:#111316}
html.csp-dark .csp-kids .k-grown{background-color:#111316;border-color:#364152}
html.csp-dark .csp-kids .k-grown a{color:#ACD1F3 !important}
html.csp-dark .csp-kids .k-play{border-color:rgba(46,50,56,0.8)}
html.csp-dark .csp-kids .k-gcard{background-color:#1B1F26}
html.csp-dark .csp-kids .k-gcard.cur{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-gplay{background-color:#1B1F26}
html.csp-dark .csp-kids .k-ghead{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-gclose{border-color:rgba(46,50,56,0.8)}
html.csp-dark .csp-kids .k-pill{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-kids .k-pill[aria-pressed="true"]{background-color:var(--c,var(--k-blue));color:#fff}
html.csp-dark .csp-kids .k-pill.k-go{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids .k-qopt{background-color:#1B1F26}
html.csp-dark .csp-kids .k-qopt.lit{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-qopt.ok{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-kids .k-qopt.ko{color:#fff;background-color:rgba(255,107,107,1.0)}
html.csp-dark .csp-kids .k-staff{color:#1A1D24;background-color:rgba(255,253,245,1.0)}
html.csp-dark .csp-kids .k-xylo{color:#1A1D24;background-color:rgba(255,246,224,1.0)}
html.csp-dark .csp-kids .k-xylo:before,html.csp-dark .csp-kids .k-xylo:after{background-color:rgba(200,149,90,1.0)}
html.csp-dark .csp-kids .k-bar{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-bar:before{color:#1A1D24;background-color:rgba(255,255,255,0.7)}
html.csp-dark .csp-kids .k-piano{background-color:rgba(26,29,36,1.0)}
html.csp-dark .csp-kids .k-wk{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-kids .k-bk{background-color:rgba(26,29,36,1.0)}
html.csp-dark .csp-kids .k-bk.on{background-color:rgba(58,123,224,1.0)}
html.csp-dark .csp-kids .k-pad{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-canvas{background-color:rgba(20,24,60,1.0)}
html.csp-dark .csp-kids .k-seq-l{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-cell{background-color:#1B1F26}
html.csp-dark .csp-kids .k-cell.k-beat{background-color:#111316}
html.csp-dark .csp-kids .k-cell.on{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-mc .k-f{background-color:#221D12}
html.csp-dark .csp-kids .k-order{background-color:#111316}
html.csp-dark .csp-kids .k-ob{background-color:#1B1F26}
html.csp-dark .csp-kids .k-ob.sel{color:#1A1D24;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids .k-ob.lit{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-dots i{color:#1A1D24;background-color:rgba(227,233,242,1.0)}
html.csp-dark .csp-kids .k-dots i.lit{color:#1A1D24;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids .k-dots i.you{background-color:var(--k-green, rgba(47,181,115,1.0))}
html.csp-dark .csp-kids .k-drum{color:#5A2A00}
html.csp-dark .csp-kids .k-arena{color:#1A1D24}
html.csp-dark .csp-kids .k-plus{color:#ACD1F3}
html.csp-dark .csp-kids .k-cover{background-color:rgba(15,86,153,0.72);color:#fff}
html.csp-dark .csp-kids .k-field{color:#1A1D24}
html.csp-dark .csp-kids .k-tiles{color:#1A1D24;background-color:rgba(243,246,251,1.0)}
html.csp-dark .csp-kids .k-lane{color:#1A1D24;background-color:rgba(220,227,238,1.0)}
html.csp-dark .csp-kids .k-bstage{background-image:linear-gradient(180deg,#131C23,#221D12)}
html.csp-dark .csp-kids .k-glasses{color:#1A1D24;background-color:rgba(234,246,255,1.0)}
html.csp-dark .csp-kids .k-glass{color:#1A1D24;background-color:rgba(255,255,255,0.75)}
html.csp-dark .csp-kids .k-water{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-statue-msg{color:#ACD1F3}
html.csp-dark .csp-kids .k-str i{color:#1A1D24}
html.csp-dark .csp-kids .k-harp{color:#1A1D24;background-color:rgba(255,246,224,1.0)}
html.csp-dark .csp-kids .k-hs{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-ther-dot{color:#1A1D24}
html.csp-dark .csp-kids .k-tw{background-color:#1B1F26}
html.csp-dark .csp-kids .k-tw.sel{background-color:#221D12}
html.csp-dark .csp-kids .k-track{background-image:repeating-linear-gradient(90deg,#0F171C 0 40px,#141C24 40px 80px)}
/* pagina-news.html */
html.csp-dark .csp-nw{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-nw .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-nw .s-kicker{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-nw .s-news a{background-color:#1B1F26}
html.csp-dark .csp-nw .s-news small i{color:#ACD1F3}
html.csp-dark .csp-nw .s-news .s-empty{background-color:#1B1F26}
html.csp-dark .csp-nw .s-news-more{color:#ACD1F3 !important}
html.csp-dark .csp-nw .s-note a{color:#ACD1F3 !important}
/* pagina-offerte.html */
html.csp-dark .csp-off{--o-text:#DEE0E7;--o-muted:#C3C7D0;--o-line:#333944;--o-bg:#111316}
html.csp-dark .csp-off .o-kick{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-off .o-search{background-color:#1B1F26}
html.csp-dark .csp-off .o-search button{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-off .o-tag.t1{color:#fff;background-color:rgba(255,107,107,1.0)}
html.csp-dark .csp-off .o-tag.t2{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-off .o-star{color:#fff}
html.csp-dark .csp-off .o-star-btn{background-color:#1B1F26;color:#E8A89E}
html.csp-dark .csp-off .o-card{background-color:#1B1F26}
html.csp-dark .csp-off .o-arrow{color:#ACD1F3}
html.csp-dark .csp-off .o-note-aff svg{color:#ACD1F3}
/* pagina-passatempi.html */
html.csp-dark .csp-giochi{--g-text:#DEE0E7;--g-muted:#C3C7D0;--g-line:#333944;--g-bg:#111316}
html.csp-dark .csp-online{--k-text:#DEE0E7;--k-muted:#C3C7D0;--k-line:#333944}
html.csp-dark .csp-giochi .g-info svg{color:#ACD1F3}
html.csp-dark .csp-giochi .g-card{background-color:#1B1F26}
html.csp-dark .csp-giochi .g-icon{background-color:var(--g-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-giochi .g-tag{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-giochi .g-tag.g-multi{background-color:var(--g-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-giochi .g-btn{background-color:var(--g-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-giochi .g-btn:hover{background-color:var(--g-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-online .k-gcard{background-color:#1B1F26}
html.csp-dark .csp-online .k-gcard i{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-online .k-gplay{background-color:#1B1F26}
html.csp-dark .csp-online .k-ghead{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-online .k-gico{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-online .k-gclose{border-color:rgba(46,50,56,0.5)}
html.csp-dark .csp-online .k-pill{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-online .k-pill[aria-pressed="true"]{background-color:var(--c,var(--k-blue));color:#fff}
html.csp-dark .csp-online .k-pill.k-go{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-online .k-surprise{background-color:var(--k-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-online .k-qopt{background-color:#1B1F26}
html.csp-dark .csp-online .k-qopt.lit{background-color:#111316}
html.csp-dark .csp-online .k-qopt.ok{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .k-qopt.ko{color:#fff;background-color:rgba(255,107,107,1.0)}
html.csp-dark .csp-online .k-staff{color:#1A1D24;background-color:rgba(255,253,245,1.0)}
html.csp-dark .csp-online .k-chord{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-online .o-frame{background-color:rgba(11,42,74,1.0)}
html.csp-dark .csp-online .o-plink{color:#ACD1F3 !important}
html.csp-dark .csp-online .k-mc .k-f{background-color:#111316}
html.csp-dark .csp-online .o-sk{color:#5A6272;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-online .k-dots i{color:#1A1D24;background-color:rgba(227,233,242,1.0)}
html.csp-dark .csp-online .k-dots i.you{background-color:var(--k-green, rgba(47,181,115,1.0))}
html.csp-dark .csp-online .o-hit.on:before{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-online .o-note:before{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-online .k-cover{background-color:rgba(11,42,74,0.85);color:#fff}
html.csp-dark .csp-online .k-cover .k-surprise{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-online .o-key{background-color:#15191E}
html.csp-dark .csp-online .o-key.ok,html.csp-dark .csp-online .o-key.g{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .o-key.ko,html.csp-dark .csp-online .o-key.x{color:#fff;background-color:rgba(154,163,178,1.0)}
html.csp-dark .csp-online .o-key.y{background-color:rgba(232,179,33,1.0);color:#fff}
html.csp-dark .csp-online .o-tile{color:#1A1D24;background-color:rgba(255,241,194,1.0)}
html.csp-dark .csp-online .o-cell.g{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .o-cell.y{background-color:rgba(232,179,33,1.0);color:#fff}
html.csp-dark .csp-online .o-cell.x{color:#fff;background-color:rgba(154,163,178,1.0)}
html.csp-dark .csp-online .o-wc{background-color:#111316}
html.csp-dark .csp-online .o-wc.sel{color:#1A1D24;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-online .o-wc.found{color:#1E7A48;background-color:rgba(205,239,217,1.0)}
html.csp-dark .csp-online .o-wlist span{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-online .o-wlist span.done{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .o-puz{background-color:rgba(11,42,74,1.0)}
html.csp-dark .csp-online .o-pt{background-color:rgba(20,54,94,1.0)}
html.csp-dark .csp-online .o-line{background-color:#111316}
html.csp-dark .csp-online .o-chipout{background-color:var(--k-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-online .o-key.o-chip{color:#1A1D24;background-color:rgba(255,241,194,1.0)}
/* pagina-preferiti.html */
html.csp-dark .csp-pf{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-pf .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pf .s-kicker{background-color:var(--s-red, rgba(224,36,94,1.0))}
html.csp-dark .csp-pf .s-acc{background-color:#1B1F26}
html.csp-dark .csp-pf .s-gbtn{border-color:#3E4043;background-color:#1B1F26;color:#D3D6DB}
html.csp-dark .csp-pf .s-find{background-color:#1B1F26}
html.csp-dark .csp-pf .s-btn{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-pf .s-btn[aria-pressed="true"]{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-pf .s-item{background-color:#1B1F26}
html.csp-dark .csp-pf .s-img{color:#1A1D24;background-color:rgba(220,230,245,1.0)}
html.csp-dark .csp-pf .s-txt b{color:#ACD1F3}
html.csp-dark .csp-pf .s-del{border-color:#572F3A;background-color:#190D10}
html.csp-dark .csp-pf .s-empty{border-color:#39414D}
html.csp-dark .csp-pf .s-move summary{color:#ACD1F3}
html.csp-dark .csp-pf .s-msg{color:#B8EDD0}
html.csp-dark .csp-pf .s-tab{background-color:#1B1F26}
html.csp-dark .csp-pf .s-tab[aria-pressed="true"]{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pf .s-tab.s-new{color:#ACD1F3}
html.csp-dark .csp-pf .s-btn.s-play{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-pf .s-btn.s-danger{border-color:#553838;color:#E2A5A5}
html.csp-dark .csp-pf .s-ic{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-pf .s-ic.s-on{background-color:#15191E;border-color:#343F4F}
html.csp-dark .csp-pf .s-txt .s-key{background-color:#15191E;color:#ACD1F3 !important}
html.csp-dark .csp-pf .s-num{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pf .s-shared{background-color:#211E12;color:#F3E7C1}
html.csp-dark .csp-pf .s-shared b{color:#F8EDCB}
html.csp-dark .csp-pf .s-rcard b{color:#ACD1F3}
html.csp-dark .csp-pf-sheet .s-box{background-color:#1B1F26;color:#DEE0E7}
html.csp-dark .csp-pf-sheet p{color:#C3C7D0}
html.csp-dark .csp-pf-sheet label{border-top-color:#333944}
html.csp-dark .csp-pf-sheet label em{color:#C3C7D0}
html.csp-dark .csp-pf-sheet .s-newrow input{border-color:#333944}
html.csp-dark .csp-pf-sheet button{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-pf-sheet .s-done{background-color:rgba(15,86,153,1.0);color:#fff}
/* pagina-programmi-utili.html */
html.csp-dark .csp-prog{--p-text:#DEE0E7;--p-muted:#C3C7D0;--p-line:#333944;--p-bg:#111316}
html.csp-dark .csp-prog .p-filters{background-color:rgba(25,30,36,0.96)}
html.csp-dark .csp-prog .p-filters button{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-prog .p-filters button.on{background-color:var(--p-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-prog .p-card{background-color:#1B1F26}
html.csp-dark .csp-prog h3{color:#ACD1F3}
html.csp-dark .csp-prog .p-tag{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-prog .p-tag.p-free{background-color:rgba(30,123,79,1.0);color:#fff}
html.csp-dark .csp-prog .p-tag.p-trial{background-color:var(--p-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-prog .p-tag.p-paid{background-color:rgba(90,98,114,1.0);color:#fff}
html.csp-dark .csp-prog .p-btn{background-color:var(--p-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-prog .p-btn:hover{background-color:var(--p-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-prog .p-btn2{background-color:#1B1F26;color:#ACD1F3 !important}
/* pagina-richieste.html */
html.csp-dark .csp-rich{--r-text:#DEE0E7;--r-muted:#C3C7D0;--r-line:#333944;--r-bg:#111316}
html.csp-dark .csp-soc{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-rich .r-lead a{color:#ACD1F3 !important}
html.csp-dark .csp-rich .r-card{background-color:#1B1F26}
html.csp-dark .csp-rich .r-ico{background-color:var(--r-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-rich input,html.csp-dark .csp-rich textarea{border-color:#3B424B;background-color:#1B1F26}
html.csp-dark .csp-rich .r-btn{background-color:var(--r-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-rich .r-btn:hover{background-color:var(--r-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-rich .r-mail a{color:#ACD1F3 !important}
html.csp-dark .csp-rich .r-copy{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-rich .r-copy.ok{background-color:rgba(30,123,79,1.0);color:#fff}
html.csp-dark .csp-rich .r-steps li:before{background-color:var(--r-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-rich .r-legal{background-color:#1B1F26}
html.csp-dark .csp-rich .r-legal summary:hover{background-color:#15191E}
html.csp-dark .csp-rich .r-legal summary svg{color:#ACD1F3}
html.csp-dark .csp-rich .r-legal-body h3{color:#ACD1F3}
html.csp-dark .csp-soc .s-btn{background-color:#1B1F26}
html.csp-dark .csp-soc .s-ig .s-btn{color:#EB9EBA}
html.csp-dark .csp-soc .s-fb .s-btn{color:#9CBCF1}
html.csp-dark .csp-soc .s-share{background-color:#1B1F26}
html.csp-dark .csp-soc .s-share button{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-soc .s-share button:hover{background-color:rgba(33,89,214,1.0)}
/* pagina-sanremo.html */
html.csp-dark .csp-sr{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-sr .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-sr .s-kicker{background-color:var(--s-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-sr .s-pod{background-color:#1B1F26}
html.csp-dark .csp-sr .s-medal{border-color:#2E3238}
html.csp-dark .csp-sr .p1 .s-medal{background-color:var(--s-gold, rgba(201,150,43,1.0))}
html.csp-dark .csp-sr .p2 .s-medal{color:#1A1D24;background-color:var(--s-silver, rgba(142,153,168,1.0))}
html.csp-dark .csp-sr .p3 .s-medal{background-color:var(--s-bronze, rgba(176,106,59,1.0))}
html.csp-dark .csp-sr .s-t{color:#ACD1F3}
html.csp-dark .csp-sr .s-row{background-color:#1B1F26}
html.csp-dark .csp-sr .s-pos{background-color:var(--s-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-sr .s-go{color:#ACD1F3}
html.csp-dark .csp-sr .s-year{background-color:#1B1F26}
html.csp-dark .csp-sr .s-year b{color:#ACD1F3}
html.csp-dark .csp-sr .s-note a{color:#ACD1F3 !important}
html.csp-dark .csp-sr .s-news a{background-color:#1B1F26}
html.csp-dark .csp-sr .s-news small i{color:#ACD1F3}
html.csp-dark .csp-sr .s-news-more{color:#ACD1F3 !important}
html.csp-dark .csp-sr .s-year i{color:#ACD1F3}
html.csp-dark .csp-srm{background-color:rgba(8,20,40,0.5);color:#1A1D24}
html.csp-dark .csp-srm-box{background-color:#1B1F26}
html.csp-dark .csp-srm-h{border-bottom-color:#333944}
html.csp-dark .csp-srm-h b{color:#ACD1F3}
html.csp-dark .csp-srm-h small{color:#C3C7D0}
html.csp-dark .csp-srm-x{background-color:#121518;color:#C3C7D0}
html.csp-dark .csp-srm-l li{border-bottom-color:#303740}
html.csp-dark .csp-srm-p{background-color:rgba(58,123,224,1.0);color:#fff}
html.csp-dark .csp-srm-l li.g1 .csp-srm-p{background-color:rgba(201,150,43,1.0)}
html.csp-dark .csp-srm-l li.g2 .csp-srm-p{color:#1A1D24;background-color:rgba(142,153,168,1.0)}
html.csp-dark .csp-srm-l li.g3 .csp-srm-p{background-color:rgba(176,106,59,1.0)}
html.csp-dark .csp-srm-l li.nc .csp-srm-p{color:#5A6272;background-color:rgba(227,233,242,1.0)}
html.csp-dark .csp-srm-t a{color:#ACD1F3 !important}
html.csp-dark .csp-srm-t span.s{color:#DEE0E7}
html.csp-dark .csp-srm-t em{color:#C3C7D0}
html.csp-dark .csp-srm-sep{color:#C3C7D0}
html.csp-dark .csp-srm-f{border-top-color:#333944}
html.csp-dark .csp-srm-f a{color:#ACD1F3 !important}
html.csp-dark .csp-sr .s-live-note{background-color:#1F1B10;border-color:#5C5031;color:#EEE3C4}
/* pagina-teoria.html */
html.csp-dark .csp-teoria{--t-chord:#95B1EF;--t-text:#DEE0E7;--t-muted:#C3C7D0;--t-line:#333944;--t-bg:#111316}
html.csp-dark .csp-teoria h3{color:#ACD1F3}
html.csp-dark .csp-teoria .t-toc a{color:#ACD1F3 !important}
html.csp-dark .csp-teoria .t-toc a:hover{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-toc b{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-toc a:hover b{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-teoria .t-note{background-color:#221E12;color:#F3E7C1}
html.csp-dark .csp-teoria .t-note.t-red{background-color:#1C1211;border-color:#563530;color:#F0C2BC}
html.csp-dark .csp-teoria .t-tuner{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-strings button.on{color:#0f5699;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-steps li{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-steps li:before{background-color:var(--t-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-teoria .t-steps strong{color:#ACD1F3}
html.csp-dark .csp-teoria .t-list li:before{background-color:var(--t-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-teoria .t-symbols div{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-symbols code{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria pre.t-tab,html.csp-dark .post-body .csp-teoria pre.t-tab{background-color:rgba(11,42,74,1.0) !important;color:#DCE6F5}
html.csp-dark .csp-teoria .t-top{color:#ACD1F3 !important}
html.csp-dark .csp-teoria .t-hero-k{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-teoria .t-progress-bar i{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-toc-part{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-toc .t-toc-h:hover{color:#ACD1F3 !important}
html.csp-dark .csp-teoria .t-toc-part a:not(.t-toc-h){color:#ACD1F3 !important}
html.csp-dark .csp-teoria .t-toc-part a:not(.t-toc-h):hover{color:#ACD1F3 !important}
html.csp-dark .csp-teoria .t-toc-part a:not(.t-toc-h):hover b{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-toc-part a.t-read b{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-toc-extra b{color:#3A2A00;background-color:rgba(255,201,60,1.0) !important}
html.csp-dark .csp-teoria .t-part{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-fig{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-staff{color:#1A1D24;background-color:rgba(255,253,245,1.0)}
html.csp-dark .csp-teoria .t-legend li:before{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-table{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-table th{color:#ACD1F3}
html.csp-dark .csp-teoria .t-table b{color:#ACD1F3}
html.csp-dark .csp-teoria .t-play{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-play:hover{background-color:var(--t-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-teoria .t-play.on{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-note.t-tip{background-color:#171D19;border-color:#3B5042;color:#C5ECD5}
html.csp-dark .csp-teoria .t-quiz{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-quiz-head b{color:#ACD1F3}
html.csp-dark .csp-teoria .t-quiz-opts button{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-quiz-opts button.ok{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-teoria .t-quiz-opts button.ko{color:#fff;background-color:rgba(255,107,107,1.0)}
html.csp-dark .csp-teoria .t-figcard{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-metro{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-metro-go{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-teoria .t-metro-sig button{border-color:rgba(46,50,56,0.35)}
html.csp-dark .csp-teoria .t-metro-sig button[aria-pressed="true"]{color:#0f5699;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-chordcard{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-strum{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-arrows span{color:#ACD1F3}
html.csp-dark .csp-teoria .t-gloss div{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-gloss dt{color:#ACD1F3}
html.csp-dark .csp-teoria .t-done{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-done.on{color:#1E5A37;background-color:rgba(234,246,239,1.0)}
html.csp-dark .csp-teoria .t-done.on .t-done-box{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-instr button{border-color:rgba(46,50,56,0.35)}
html.csp-dark .csp-teoria .t-instr button.on{color:#0f5699;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-pname{color:#ACD1F3}
/* pagina-xfactor.html */
html.csp-dark .csp-xf{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-xf .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-xf .s-kicker{background-color:var(--s-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-xf .s-filter button{color:#ACD1F3}
html.csp-dark .csp-xf .s-filter button[aria-pressed="true"]{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-xf .s-card{background-color:#1B1F26}
html.csp-dark .csp-xf .s-card b{color:#ACD1F3}
html.csp-dark .csp-xf .s-empty{background-color:#1B1F26}
html.csp-dark .csp-xf .s-more{color:#ACD1F3 !important}
html.csp-dark .csp-xf .s-year{background-color:#1B1F26}
html.csp-dark .csp-xf .s-year b{color:#ACD1F3}
html.csp-dark .csp-xf .s-note a{color:#ACD1F3 !important}
html.csp-dark .csp-xf .s-news a{background-color:#1B1F26}
html.csp-dark .csp-xf .s-news small i{color:#ACD1F3}
html.csp-dark .csp-xf .s-news-more{color:#ACD1F3 !important}
html.csp-dark .csp-xf .s-year i{color:#ACD1F3}
html.csp-dark .csp-xf .s-winbox{background-color:#1F1B10;border-color:#5C5031}
html.csp-dark .csp-xf .s-winbox .s-cup{background-color:rgba(201,150,43,1.0);color:#fff}
html.csp-dark .csp-xfm{background-color:rgba(8,20,40,0.5);color:#1A1D24}
html.csp-dark .csp-xfm-box{background-color:#1B1F26}
html.csp-dark .csp-xfm-h{border-bottom-color:#333944}
html.csp-dark .csp-xfm-h b{color:#ACD1F3}
html.csp-dark .csp-xfm-h small{color:#C3C7D0}
html.csp-dark .csp-xfm-x{background-color:#121518;color:#C3C7D0}
html.csp-dark .csp-xfm-l li{border-bottom-color:#303740}
html.csp-dark .csp-xfm-l .n{color:#DEE0E7}
html.csp-dark .csp-xfm-l .n em{background-color:rgba(201,150,43,1.0);color:#fff}
html.csp-dark .csp-xfm-l .n small{color:#C3C7D0}
html.csp-dark .csp-xfm-l .songs a{background-color:#111316;border-color:#333944;color:#ACD1F3 !important}
html.csp-dark .csp-xfm-l .songs a:hover{background-color:rgba(15,86,153,1.0);color:#fff}
html.csp-dark .csp-xfm-l .msg{color:#C3C7D0}
html.csp-dark .csp-xfm-f{border-top-color:#333944}
html.csp-dark .csp-xfm-f a{color:#ACD1F3 !important}
/* widget senza sfondo proprio: solo il testo grigio diventa leggibile */
html.csp-dark .csp-pr-hint{color:#AFB5C0 !important}
/* etichetta artista e chip: scritta bianca */
html.csp-dark .byline.post-labels a,html.csp-dark body.item-view .byline.post-labels a,html.csp-dark .csp-chip{color:#fff !important}
/* voce evidenziata nella tendina del menu: scritta scura sul fondo chiaro */

/* link semplici dentro gli articoli e le pagine */
html.csp-dark .post-body a:not([class]):not([style]){color:#8FB8F0}
/* striscia notizie: etichetta gialla con logo, scritta e freccia scuri */
html.csp-dark .csp-news .csp-ticker-label,html.csp-dark .csp-news .csp-ticker-label *{color:#3A2A00 !important}
/* esercizio "Che nota e?" della Teoria: il pentagramma resta su fondo chiaro come un disegno */
html.csp-dark .csp-teoria .t-quiz-staff svg{background:#FFFDF5;border-radius:12px;padding:6px 0}
/* tasto luna/sole (computer) e interruttore nel riquadro account (telefono) */

.csp-acct-dark{display:flex !important;align-items:center;justify-content:space-between;width:100% !important;margin:0 0 10px !important;padding:10px 12px !important;border:1px solid var(--csp-line) !important;border-radius:12px !important;background:transparent !important;color:var(--csp-text) !important;font:700 14px/1.2 Ubuntu,sans-serif !important;cursor:pointer;box-shadow:none !important}
.csp-acct-dark i{position:relative;flex:0 0 40px;width:40px;height:24px;border-radius:12px;background:#C9D3E1;transition:background .2s}
.csp-acct-dark i::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.csp-acct-dark[aria-pressed="true"] i{background:var(--csp-blue)}
.csp-acct-dark[aria-pressed="true"] i::after{transform:translateX(16px)}

/* ---------- Lente della ricerca e tasto menu: azzurro #1582E7 (anche in modalita scura) ---------- */
html body .centered-top.centered-top.centered-top .search .svg-icon-24.svg-icon-24,html body .centered-top.centered-top.centered-top .search svg.svg-icon-24,html body .centered-top.centered-top.centered-top .search .search-submit-container .svg-icon-24.svg-icon-24,html body .centered-top.centered-top.centered-top .search .search-expand .svg-icon-24.svg-icon-24,
html body .centered-top.centered-top.centered-top .hamburger-section .svg-icon-24.svg-icon-24,html body .centered-top.centered-top.centered-top .hamburger-section svg{fill:#1582E7 !important;color:#1582E7 !important}
html body .centered-top.centered-top.centered-top .search .search-submit-container svg path,html body .centered-top.centered-top.centered-top .hamburger-section svg path{fill:#1582E7 !important}
/* l'icona del tasto "apri ricerca" resta trasparente (si vede solo la lente sotto, come prima) */
html body .centered-top.centered-top.centered-top .search .search-expand .search-expand-icon.svg-icon-24,html body .centered-top.centered-top.centered-top .search .search-expand .search-expand-icon path{fill:transparent !important}

/* ---------- Menu laterale: tasto di chiusura rotondo, come quello dell'account, sempre in vista ---------- */
.sidebar-container .navigation{position:sticky;top:0;z-index:5;display:flex !important;justify-content:flex-end;align-items:center;padding:12px 16px 8px !important;background:linear-gradient(var(--csp-bg) 70%,transparent)}
html body .sidebar-container .navigation .sidebar-back{float:none !important;box-sizing:border-box;width:44px !important;height:44px !important;padding:11px !important;margin:0 !important;border-radius:50%;background:#fff;border:1px solid var(--csp-line);box-shadow:0 4px 14px rgba(15,40,80,.12);fill:#1582E7 !important;cursor:pointer;transition:transform .15s ease,background-color .2s ease}
html body .sidebar-container .navigation .sidebar-back path{fill:#1582E7 !important}
html body .sidebar-container .navigation .sidebar-back:hover{background:#E8F2FD}
html body .sidebar-container .navigation .sidebar-back:active{transform:scale(.92)}
html.csp-dark body .sidebar-container .navigation .sidebar-back{background:#1B1F26;border-color:#333944;box-shadow:none}
html.csp-dark body .sidebar-container .navigation .sidebar-back:hover{background:#232833}

/* ---------- Telefono: funzioni della canzone in una sola riga compatta (si scorre di lato) ---------- */
@media (max-width:745px){
  .post-body .csp-tools-row.csp-extra{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:6px !important;overflow-x:auto;overflow-y:hidden;margin-right:-14px;padding:14px 14px 4px 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .post-body .csp-tools-row.csp-extra::-webkit-scrollbar{display:none}
  .post-body .csp-tools-row.csp-extra .csp-pill{flex:0 0 auto;flex-direction:column;justify-content:center;gap:5px;width:auto;min-width:70px;max-width:92px;height:62px;padding:6px 8px;border-radius:14px;font-size:11px;line-height:1.1;text-align:center;white-space:normal;scroll-snap-align:start}
  .post-body .csp-tools-row.csp-extra .csp-pill svg{width:20px;height:20px;flex:0 0 20px}
  .post-body .csp-tools-row.csp-extra .csp-pill[hidden]{display:none}
}

/* ---------- Installa l'app (solo telefono, in basso a sinistra, su tutte le pagine) ---------- */
.csp-appi{display:none}
@media (max-width:745px){
  .csp-appi.csp-show{position:fixed;left:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:2147482990;display:inline-flex;align-items:center;gap:0;height:34px;margin:0;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:#1582E7;color:#fff;box-shadow:0 6px 16px rgba(10,30,60,.25);font:700 12.5px/1 Ubuntu,sans-serif;animation:csp-appi-in .35s ease both}
  .csp-appi button{display:inline-flex;align-items:center;gap:7px;height:100%;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .csp-appi .csp-appi-go{padding:0 6px 0 12px}
  .csp-appi .csp-appi-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .csp-appi .csp-appi-x{justify-content:center;width:30px;padding:0 4px 0 0;font-size:17px;font-weight:400;opacity:.8}
  body.csp-following .csp-appi.csp-show{display:none}
}
@keyframes csp-appi-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.csp-appi-tip{position:fixed;left:12px;right:12px;bottom:calc(54px + env(safe-area-inset-bottom,0px));z-index:2147482991;box-sizing:border-box;max-width:380px;padding:14px 16px;border-radius:16px;background:#0B2A4A;color:#DCE6F5;font:400 14px/1.5 Ubuntu,sans-serif;box-shadow:0 14px 34px rgba(10,30,60,.35);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}
.csp-appi-tip.csp-show{opacity:1;transform:none;pointer-events:auto}
.csp-appi-tip b{display:block;margin:0 0 6px;color:#fff;font-size:15px}
.csp-appi-tip ol{margin:0;padding:0 0 0 20px}
.csp-appi-tip li{margin:3px 0}
.csp-appi-tip svg{width:16px;height:16px;vertical-align:-3px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media print{.csp-appi,.csp-appi-tip{display:none !important}}

/* ---------- Preferenze nel menu utente ---------- */
.csp-acct-pop{max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain}
@media (max-width:745px){.csp-acct-pop{box-sizing:border-box;width:min(320px,calc(100vw - 24px)) !important;max-width:none}}
.csp-pref-open{display:flex !important;align-items:center;justify-content:space-between;width:100% !important;margin:0 0 10px !important;padding:10px 12px !important;border:1px solid var(--csp-line) !important;border-radius:12px !important;background:transparent !important;color:var(--csp-text) !important;font:700 14px/1.2 Ubuntu,sans-serif !important;cursor:pointer;box-shadow:none !important}
.csp-pref-open i{width:9px;height:9px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.csp-pref-open[aria-expanded="true"] i{transform:rotate(-135deg)}
.csp-pref{margin:-2px 0 10px}
.csp-pref-row{margin:0 0 10px}
.csp-pref-row>span{display:block;margin:0 0 5px;font:700 12px/1.2 Ubuntu,sans-serif;color:var(--csp-muted);letter-spacing:.02em}
.csp-pref-seg{display:flex;gap:3px;padding:3px;border-radius:12px;background:#F0F4FA}
.csp-pref-seg button{flex:1 1 auto;min-width:0;height:32px;margin:0 !important;padding:0 6px !important;border:0 !important;border-radius:9px !important;background:transparent !important;color:#0f5699 !important;font:700 12.5px/1 Ubuntu,sans-serif;cursor:pointer;box-shadow:none !important;white-space:nowrap}
.csp-pref-seg button[aria-pressed="true"]{background:#0f5699 !important;color:#fff !important}
.csp-pref-note{margin:2px 0 0 !important;font-size:12px !important}
body:has(.csp-acct-pop:not([hidden])) .csp-appi,body:has(.csp-acct-pop:not([hidden])) .csp-appi-tip{display:none !important}
html.csp-dark .csp-pref-seg{background:#121518}
html.csp-dark .csp-pref-seg button{color:#ACD1F3 !important}
html.csp-dark .csp-pref-seg button[aria-pressed="true"]{background:#1582E7 !important;color:#fff !important}
/* ---------- Scorciatoie su telefono (fila a scorrimento sotto l'intestazione, solo nelle pagine /p/) ---------- */

/* ---------- Menu laterale in pagine e canzoni (telefono) ---------- */
.csp-drawer,.csp-drawer-dim{display:none}
.centered-top .csp-hamb{display:none !important}
@media (max-width:745px){
  .centered-top .csp-hamb{display:flex !important;align-items:center}
  /* stessa distanza tra lente, account e menu (le icone hanno margini interni diversi) */
  .centered-top .hamburger-section.csp-hamb{margin-left:3px !important;margin-right:10px !important}
  .centered-top .hamburger-section.csp-emp-ham{display:none !important}
  .csp-hamb-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .csp-hamb-btn svg{width:24px;height:24px;fill:#1582E7}
  .csp-drawer-dim{display:block;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.54);opacity:0;pointer-events:none;transition:opacity .25s}
  .csp-drawer{display:block;position:fixed;top:0;right:0;bottom:0;z-index:10001;box-sizing:border-box;width:min(320px,86vw);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#F3F6FB;transform:translateX(100%);transition:transform .3s cubic-bezier(0,0,.2,1);visibility:hidden}
  body.csp-drawer-open .csp-drawer{transform:none;visibility:visible}
  body.csp-drawer-open .csp-drawer-dim{opacity:1;pointer-events:auto}
  html.csp-drawer-open{overflow:hidden}
  .csp-drawer-nav{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:12px 16px 8px;background:linear-gradient(#F3F6FB 75%,rgba(243,246,251,0))}
  .csp-drawer-x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #DCE5F2;border-radius:50%;background:#fff;cursor:pointer}
  .csp-drawer-x svg{width:22px;height:22px;fill:#1582E7}
  .csp-drawer-body{padding:0 14px 24px}
  .csp-drawer-body .widget{margin:0 0 14px !important;padding:18px !important;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(10,30,60,.06);font:400 14px/1.55 Ubuntu,sans-serif;color:#1A1D24}
  .csp-drawer-body .widget.HTML{padding:0 !important;background:none;box-shadow:none}
  .csp-drawer-body .widget h2,.csp-drawer-body .widget h3.title,.csp-drawer-body .widget .title{margin:0 0 10px !important;font:700 17px/1.3 Ubuntu,sans-serif !important;color:#1A1D24}
  .csp-drawer-body .widget a{color:#0f5699;text-decoration:none}
  .csp-drawer-body .widget ul{margin:0;padding:0;list-style:none}
  .csp-drawer-body .widget li{margin:6px 0}
  .csp-drawer-body .widget img{max-width:100%;height:auto}
  .csp-drawer-body [style*="display:none"],.csp-drawer-body .widget.ReportAbuse,.csp-drawer-body .widget.PopularPosts:empty{display:none}
  .csp-drawer-wait{margin:24px 4px;color:#5A6272;font:400 15px/1.4 Ubuntu,sans-serif}
  html.csp-dark .csp-drawer{background:#111316}
  html.csp-dark .csp-drawer-nav{background:linear-gradient(#111316 75%,rgba(17,19,22,0))}
  html.csp-dark .csp-drawer-x{background:#1B1F26;border-color:#2E3440}
  html.csp-dark .csp-drawer-body .widget{background:#1B1F26;color:#DEE0E7}
  html.csp-dark .csp-drawer-body .widget.HTML{background:none}
  html.csp-dark .csp-drawer-body .widget h2,html.csp-dark .csp-drawer-body .widget h3.title,html.csp-dark .csp-drawer-body .widget .title{color:#fff}
  html.csp-dark .csp-drawer-body .widget a{color:#8FB8F0}
}
body.csp-drawer-open .csp-appi,body.csp-drawer-open .csp-appi-tip,body.csp-drawer-open .csp-scroller{display:none !important}
@media print{.csp-hamb,.csp-drawer,.csp-drawer-dim{display:none !important}}
/* ---------- Pagine su computer: la stessa barra del menu della home ----------
   Blogger la mette nell'intestazione; nelle pagine la sposto sopra il contenuto,
   cosi scorre via come in home e l'intestazione fissa resta bassa. */

/* la barra blu del menu di Blogger non serve piu (su PC c'e il menu nell'intestazione, sul telefono
   il menu laterale): tutta la barra e nascosta, in ogni pagina */
.top-nav,.centered-top .top-nav,.centered-bottom > .top-nav{display:none !important}

/* ---------- Sito "da app": apertura delle pagine senza lampo bianco ----------
   Chrome, Edge, Brave e Safari recenti fanno una dissolvenza tra una pagina e l'altra;
   l'intestazione fissa resta ferma. Gli altri browser aprono le pagine come sempre. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease}
.centered-top-container.sticky{view-transition-name:csp-head}
/* l'intestazione non partecipa alla dissolvenza: resta ferma e viene sostituita senza animazione */
::view-transition-group(csp-head){animation:none}
::view-transition-old(csp-head){animation:none;opacity:0}
::view-transition-new(csp-head){animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* ---------- Intestazione uguale ovunque: niente freccia "indietro" (il logo porta alla home) ---------- */
.centered-top .return_link{display:none !important}
/* niente rotellina grigia di Emporio (compariva in alto a sinistra cambiando pagina) */
.loading-spinner-large,.mspin-grey_54-large,.mspin-black-large,.mspin-white-large{display:none !important}
/* logo allineato allo stesso punto in home, pagine e canzoni (Emporio lasciava 16px in home per il suo tasto menu) */
.centered-top .blog-name,.sticky .centered-top .blog-name{margin-left:0 !important}

/* ---------- Messaggi di Blogger con lo stile del sito ---------- */
.post-filter-message{display:flex !important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;box-sizing:border-box;margin:20px 8px 16px !important;padding:14px 18px !important;border-radius:16px;background:#fff !important;border:1px solid var(--csp-line);box-shadow:var(--csp-shadow);font:500 15px/1.45 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
.post-filter-message>div:first-child{flex:1 1 220px !important}
.post-filter-message .search-label,.post-filter-message .search-query{font-style:normal !important;font-weight:700;color:var(--csp-blue)}
.post-filter-message a{display:inline-flex !important;align-items:center;margin:0 !important;padding:9px 16px !important;border-radius:20px;background:var(--csp-blue);color:#fff !important;font:700 13.5px/1 Ubuntu,sans-serif !important;text-transform:none !important;text-decoration:none !important;white-space:nowrap}
.no-posts-message,.status-msg-body{box-sizing:border-box;margin:16px 8px !important;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--csp-line);font:500 15px/1.5 Ubuntu,sans-serif !important;color:var(--csp-text);text-align:center;line-height:1.5 !important}
html.csp-dark .post-filter-message,html.csp-dark .no-posts-message,html.csp-dark .status-msg-body{background:#1B1F26 !important;border-color:#2E3440;color:#DEE0E7 !important}
html.csp-dark .post-filter-message .search-label,html.csp-dark .post-filter-message .search-query{color:#8FB8F0}
html.csp-dark .post-filter-message a{background:#1582E7}

/* ---------- Pagina non trovata (404) ---------- */
.csp-404{box-sizing:border-box;max-width:720px;margin:24px auto;padding:34px 26px 30px;border-radius:20px;background:#fff;border:1px solid var(--csp-line);box-shadow:var(--csp-shadow);text-align:center;font-family:Ubuntu,sans-serif}
.csp-404-n{display:block;font:800 64px/1 Ubuntu,sans-serif;color:var(--csp-blue);letter-spacing:-.02em}
.csp-404 h1{margin:10px 0 8px;font:700 24px/1.25 Ubuntu,sans-serif;color:var(--csp-text)}
.csp-404 p{margin:0 auto 18px;max-width:480px;font:400 15.5px/1.55 Ubuntu,sans-serif;color:var(--csp-muted)}
.csp-404 form{display:flex;gap:8px;max-width:460px;margin:0 auto 18px}
.csp-404 input{flex:1;min-width:0;height:46px;padding:0 16px;border:1px solid var(--csp-line);border-radius:23px;font:400 16px Ubuntu,sans-serif;color:var(--csp-text);background:#fff}
.csp-404 button{height:46px;padding:0 20px;border:0;border-radius:23px;background:var(--csp-blue);color:#fff;font:700 15px Ubuntu,sans-serif;cursor:pointer}
.csp-404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.csp-404-links a{padding:9px 15px;border:1px solid #DCE5F2;border-radius:20px;color:var(--csp-blue) !important;font:700 14px/1 Ubuntu,sans-serif;text-decoration:none !important}
.csp-404-links a:hover{border-color:#1582E7;background:#F3F8FF}
.error-view .csp-404 ~ .status-msg-wrap,.error-view .main .status-msg-wrap{display:none}
html.csp-dark .csp-404{background:#1B1F26;border-color:#2E3440}
html.csp-dark .csp-404 h1{color:#fff}
html.csp-dark .csp-404 input{background:#111316;border-color:#2E3440;color:#fff}
html.csp-dark .csp-404-links a{border-color:#2E3440;color:#ACD1F3 !important}
html.csp-dark .csp-404-links a:hover{background:#22272F}
/* ---------- Menu nell'intestazione (computer): una sola riga, uguale ovunque ---------- */
.csp-hnav{display:none}
@media (min-width:746px){
  .centered-top{align-items:center !important}
  .centered-top .blog-name,.sticky .centered-top .blog-name{flex:0 0 auto !important}
  .centered-top .search,.sticky .centered-top .search{flex:0 0 auto !important;width:220px !important}
  .centered-top .search .section{width:100% !important;max-width:100% !important}
  .centered-top .search .search-input{width:100% !important;box-sizing:border-box}
  .centered-top .search .search-input input{width:100% !important;box-sizing:border-box !important}
  .centered-top .subscribe-section-container,.centered-top-container.sticky .centered-top .subscribe-section-container{flex:0 0 auto;order:2;margin:0;min-width:0}
  .centered-top .subscribe-section-container:empty{display:none}
  .centered-top .csp-acct,.centered-top-container.sticky .centered-top .csp-acct{align-self:center !important;margin-top:0 !important;margin-bottom:0 !important}
  .centered-top .csp-hnav{display:flex;order:1;flex:1 1 0;min-width:0;align-items:center;align-self:center;height:48px;margin:0 6px 0 18px}
  .csp-hn{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none}
  .csp-hn > li{position:relative;flex:0 0 auto;margin:0;padding:0;list-style:none}
  .csp-hn > li.csp-off{display:none}
  .csp-hn > li > a,.csp-hn > li > button{position:relative;display:flex;align-items:center;gap:4px;height:40px;margin:0;padding:0 11px;border:0;border-radius:10px;background:none;color:#1A1D24 !important;font:600 14px/1 Ubuntu,sans-serif;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
  .csp-hn > li > a:hover,.csp-hn > li > button:hover,.csp-hn > li.open > button{background:#EEF4FC;color:#0f5699 !important}
  .csp-hn > li.on > a,.csp-hn > li.on > button{color:#0f5699 !important}
  .csp-hn > li.on > a::after,.csp-hn > li.on > button::after{content:'';position:absolute;left:11px;right:11px;bottom:3px;height:2px;border-radius:2px;background:#1582E7}
  .csp-hn .csp-chev{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
  .csp-hn > li.open .csp-chev{transform:rotate(180deg)}
  .csp-hn .csp-hn-fav{padding:0 9px}
  .csp-hn .csp-hn-fav svg{width:21px;height:21px;fill:none;stroke:#E0245E;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .csp-hn > li.on .csp-hn-fav svg{fill:#E0245E}
  .csp-hn-sub{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:60;box-sizing:border-box;min-width:210px;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--csp-line);box-shadow:0 16px 40px rgba(8,20,38,.18)}
  .csp-hn-more .csp-hn-sub{left:auto;right:0}
  .csp-hn > li.open > .csp-hn-sub{display:block}
  .csp-hn-sub a{display:block;padding:10px 12px;border-radius:9px;color:#1A1D24 !important;font:500 14.5px/1.2 Ubuntu,sans-serif;text-decoration:none !important;white-space:nowrap}
  .csp-hn-sub a:hover{background:#EEF4FC;color:#0f5699 !important}
  .csp-hn-sub a.on{color:#0f5699 !important;font-weight:700}
  .csp-hn-sub b{display:block;padding:10px 12px 4px;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--csp-muted)}
  html.csp-dark .csp-hn > li > a,html.csp-dark .csp-hn > li > button{color:#DEE0E7 !important}
  html.csp-dark .csp-hn > li > a:hover,html.csp-dark .csp-hn > li > button:hover,html.csp-dark .csp-hn > li.open > button{background:#22272F;color:#8FB8F0 !important}
  html.csp-dark .csp-hn > li.on > a,html.csp-dark .csp-hn > li.on > button{color:#8FB8F0 !important}
  html.csp-dark .csp-hn-sub{background:#1B1F26;border-color:#2E3440}
  html.csp-dark .csp-hn-sub a{color:#DEE0E7 !important}
  html.csp-dark .csp-hn-sub a:hover{background:#22272F;color:#8FB8F0 !important}
  
}
@media (min-width:746px) and (max-width:1100px){
  .centered-top .search,.sticky .centered-top .search{width:180px !important}
  .csp-hn > li > a,.csp-hn > li > button{padding:0 8px;font-size:13.5px}
}

/* ---------- Elenco delle sezioni nel menu laterale (telefono) ---------- */
.csp-dmenu{display:block;box-sizing:border-box;margin:0 0 14px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(10,30,60,.06);font-family:Ubuntu,sans-serif}
.csp-dmenu-h{display:block;padding:8px 10px 6px;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5A6272}
.csp-dmenu a,.csp-dm-grp > button{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:46px;margin:0;padding:0 10px;border:0;border-radius:10px;background:none;color:#1A1D24 !important;font:600 15.5px/1.2 Ubuntu,sans-serif;text-align:left;text-decoration:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.csp-dmenu a svg,.csp-dm-grp > button > svg:first-child{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#1582E7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.csp-dmenu a[data-fav] svg{stroke:#E0245E}
.csp-dmenu a:active,.csp-dm-grp > button:active{background:#EEF4FC}
.csp-dmenu a.on{background:#EEF4FC;color:#0f5699 !important}
.csp-dm-grp > button span{flex:1}
.csp-dm-grp .csp-chev{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#5A6272;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.csp-dm-grp.open .csp-chev{transform:rotate(180deg)}
.csp-dm-sub{display:none;padding:0 0 4px 32px}
.csp-dm-grp.open .csp-dm-sub{display:block}
.csp-dm-sub a{min-height:42px;font-weight:500;font-size:15px}
html.csp-dark .csp-dmenu{background:#1B1F26}
html.csp-dark .csp-dmenu-h{color:#9AA3B2}
html.csp-dark .csp-dmenu a,html.csp-dark .csp-dm-grp > button{color:#DEE0E7 !important}
html.csp-dark .csp-dmenu a.on,html.csp-dark .csp-dmenu a:active,html.csp-dark .csp-dm-grp > button:active{background:#22272F;color:#8FB8F0 !important}
.csp-drawer-menu{padding:0 14px}
@media (min-width:746px){.sidebar-container .csp-dmenu{display:none}}
@media print{.csp-hnav,.csp-dmenu{display:none !important}}
/* ---------- Home "da sito vero": scorciatoie alle sezioni, piede di pagina completo ---------- */
.csp-explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0}
.csp-explore a{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;min-width:0;padding:16px 18px;border-radius:16px;background:var(--csp-card,#fff);box-shadow:var(--csp-shadow);text-decoration:none !important;color:var(--csp-text) !important;transition:transform .2s ease,box-shadow .2s ease}
.csp-explore a:hover{transform:translateY(-3px);box-shadow:var(--csp-shadow-hover)}
.csp-ex-ic{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#EAF2FC}
.csp-explore b{align-self:end}
.csp-explore small{align-self:start}
.csp-ex-ic svg{width:22px;height:22px;fill:none;stroke:#1582E7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.csp-explore b{font:700 15px/1.25 Ubuntu,sans-serif}
.csp-explore small{font:400 12.5px/1.35 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272)}
@media (max-width:745px){
  .csp-explore{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
  .csp-explore a{grid-template-rows:auto;column-gap:10px;padding:12px}
  .csp-explore b{align-self:center}
  .csp-ex-ic{grid-row:auto;width:36px;height:36px;border-radius:10px}
  .csp-ex-ic svg{width:19px;height:19px}
  .csp-explore b{font-size:14px}
  .csp-explore small{display:none}
}
html.csp-dark .csp-explore a{background:#1B1F26;color:#DEE0E7 !important}
html.csp-dark .csp-ex-ic{background:#22324A}
html.csp-dark .csp-ex-ic svg{stroke:#8FB8F0}
/* tracce di Blogger: crediti immagini del tema, titolo "Post"; Archivio e Visualizzazioni anche se Blogger li ha tenuti nel Layout */
footer.footer .image-attribution,.main-heading,.widget.BlogArchive,.widget.Stats,#BlogArchive1,#Stats1{display:none !important}
/* banner "Nessuno lo sa": nascosto anche se Blogger tiene i widget HTML1/HTML5 nel Layout */
#banner-packy,.widget.HTML a[href*="bit.ly/4dh0bCL"],.widget:has(#banner-packy),.widget:has(> .widget-content > a[href*="bit.ly/4dh0bCL"]){display:none !important}
/* piede di pagina */
.csp-foot{background:var(--csp-navy,#0B2340);color:#C9D6EA}
.csp-foot-in{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:48px 24px 32px}
.csp-foot-name{display:inline-block;margin-bottom:10px;font:700 20px/1.2 Ubuntu,sans-serif;color:#fff !important;text-decoration:none !important}
.csp-foot-brand p{margin:0;max-width:360px;font:400 14px/1.6 Ubuntu,sans-serif;color:#C9D6EA}
.csp-foot-col{display:flex;flex-direction:column;gap:9px}
.csp-foot-col b{margin-bottom:4px;font:700 13px/1.2 Ubuntu,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.csp-foot-col a{font:400 14px/1.3 Ubuntu,sans-serif;color:#C9D6EA !important;text-decoration:none !important}
.csp-foot-col a:hover{color:#fff !important;text-decoration:underline !important}
footer.footer{border-top:1px solid rgba(255,255,255,.12)}
footer.footer .widget-content{display:flex;justify-content:center}
footer.footer .copyright{font:400 13px/1.4 Ubuntu,sans-serif !important}
@media (max-width:900px){.csp-foot-in{grid-template-columns:repeat(3,1fr)}.csp-foot-brand{grid-column:1 / -1}}
@media (max-width:560px){.csp-foot-in{grid-template-columns:1fr 1fr;gap:28px 20px;padding:36px 20px 24px}.csp-foot-col:last-child{grid-column:1 / -1}}
html.csp-dark .csp-foot{background:#0B0D10}
html.csp-dark footer.footer{background:#0B0D10 !important}
@media print{.csp-foot,.csp-explore{display:none !important}}

/* Inglese / Latino al posto dell'interruttore "Traduci accordi" */
.post-body .form-check.csp-nota-on > .form-check-input,.post-body .form-check.csp-nota-on > .form-check-label{display:none !important}
.csp-nota{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#E6ECF5}
.csp-nota button{margin:0;padding:8px 15px;border:0;border-radius:999px;background:none;font:600 14px/1 Ubuntu,sans-serif;color:#4A5568;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}
.csp-nota button.on{background:#fff;color:#0f5699;box-shadow:0 1px 3px rgba(10,30,60,.18)}
.csp-nota button:focus-visible{outline:2px solid #1582E7;outline-offset:1px}
html.csp-dark .csp-nota{background:#22272F}
html.csp-dark .csp-nota button{color:#B5BCC8}
html.csp-dark .csp-nota button.on{background:#323A47;color:#fff;box-shadow:none}
@media print{.csp-nota{display:none !important}}

/* Registrazione della sincronizzazione (#registra): barra sottile in alto */
.csp-rec{position:fixed;left:8px;right:8px;top:calc(var(--csp-hh,62px) + 6px);z-index:2147482000;max-width:560px;margin:0 auto;padding:6px 6px 6px 12px;border-radius:14px;background:#0B2340;color:#E6EEF8;box-shadow:0 10px 26px rgba(0,0,0,.3);font:400 13px/1.45 Ubuntu,sans-serif}
.csp-rec-row{display:flex;align-items:center;gap:6px}
.csp-rec-row i{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:#FF4D4D;animation:csp-rec-dot 1.2s ease-in-out infinite}
@keyframes csp-rec-dot{50%{opacity:.35}}
.csp-rec [data-n]{flex:1 0 auto;margin-right:2px;font:700 13px/1 Ubuntu,sans-serif;color:#FFC93C;white-space:nowrap}
.csp-rec button{flex:0 0 auto;min-width:32px;height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:none;color:#fff;font:600 12.5px/1 Ubuntu,sans-serif;cursor:pointer}
.csp-rec button.csp-rec-main{background:#1582E7;border-color:#1582E7}
.csp-rec button:disabled{opacity:.4;cursor:default}
.csp-rec p{margin:8px 4px 4px}
.csp-rec p[hidden]{display:none}
.csp-rec textarea{display:block;width:100%;box-sizing:border-box;height:64px;margin-top:8px;padding:8px;border:0;border-radius:8px;font:12px/1.3 monospace;color:#0B2340}
.csp-rec textarea[hidden]{display:none}
@media (max-width:380px){.csp-rec button{padding:0 8px;font-size:12px}}
.csp-rec-flash{position:absolute;height:32px;border-radius:8px;background:rgba(255,201,60,.45);pointer-events:none;z-index:50;animation:csp-rec-fl .7s ease forwards}
@keyframes csp-rec-fl{from{opacity:1}to{opacity:0}}
@media print{.csp-rec{display:none !important}}

/* Pagine: niente titolo di Blogger sopra la grafica (resta per i motori di ricerca e i lettori di schermo) */
body.csp-pg .post-outer .post-title-container{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}
body.csp-pg .csp-share-btn{display:flex;width:max-content;height:36px;margin:0 0 12px auto;padding:0 14px 0 12px;font-size:14px}

/* Grafica in cima alle pagine (stessa delle altre pagine) */
.csp-phero{position:relative;overflow:hidden;margin:0 0 22px;padding:28px 26px;border-radius:20px;background:#0B2A4A;color:#fff;font:400 16px/1.6 Ubuntu,sans-serif;text-align:left}
.csp-phero:after{content:'';position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:38px solid rgba(255,255,255,.06);pointer-events:none}
.csp-phero > *{position:relative;z-index:1}
.csp-phero-k{display:inline-block;padding:5px 10px;border-radius:6px;background:#FFC93C;color:#0B2A4A;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.post-body .csp-phero h2{margin:12px 0 6px !important;padding:0 !important;border:0 !important;font:700 40px/1.05 Ubuntu,sans-serif !important;color:#fff !important}
.post-body .csp-phero p{margin:0 !important;max-width:620px;font:400 16px/1.6 Ubuntu,sans-serif;color:#DCE6F5 !important}
.post-body .csp-phero a{color:#FFC93C !important;font-weight:700;text-decoration:underline !important}
@media (max-width:745px){.csp-phero{padding:22px 18px}.post-body .csp-phero h2{font-size:30px !important}}
/* Condividi come icona nell'angolo della grafica */
.csp-has-share{position:relative}
.csp-has-share > .csp-share-btn.csp-share-in{position:absolute !important;top:14px;right:14px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px !important;height:40px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.95) !important;color:#0f5699 !important;font-size:0 !important;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.csp-has-share > .csp-share-btn.csp-share-in svg{width:19px;height:19px;flex:0 0 19px}
.csp-has-share > .csp-share-btn.csp-share-in:hover{background:#fff !important;transform:scale(1.05)}
html.csp-dark .csp-has-share > .csp-share-btn.csp-share-in{background:rgba(255,255,255,.16) !important;color:#fff !important;box-shadow:none}
@media print{.csp-share-in{display:none !important}}

/* Titolo della canzone: titolo grande, artista sotto, riga con tonalita e data */
.csp-song-t .post-title[data-csp-t]{margin-bottom:4px !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}
.csp-song-t .post-title[data-csp-t] .csp-pt-t{grid-column:1;grid-row:1}
.csp-song-t .post-title[data-csp-t] .csp-pt-a{grid-column:1;grid-row:2;justify-self:start}
.csp-song-t .post-title[data-csp-t] button.csp-fav{grid-column:2;grid-row:1;align-self:center;justify-self:end}
.csp-song-t .byline.post-labels,.csp-song-t .post-header .post-labels,.csp-song-t .post-outer .labels-outer-container{display:none !important}
.csp-pt-t{display:block;font:700 40px/1.08 Ubuntu,sans-serif;color:var(--csp-text,#1A1D24);letter-spacing:-.01em}
.csp-pt-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.post-title .csp-pt-a{display:block;margin-top:8px;font:600 19px/1.3 Ubuntu,sans-serif !important;letter-spacing:.06em;text-transform:uppercase;color:#5A6272}
.post-title .csp-pt-a a{font:inherit !important;letter-spacing:inherit;color:#0f5699 !important;text-decoration:none !important}
.post-title .csp-pt-and{white-space:pre}
.post-title .csp-pt-a a:hover{text-decoration:underline !important;text-underline-offset:3px}
.csp-song-t .post-title[data-csp-t] button.csp-fav{top:0 !important;margin:0 !important}
.csp-song-t .post-header .post-timestamp,.csp-song-t .post-outer .byline.post-timestamp{display:none !important}
.csp-pt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:4px 0 4px;font:400 14px/1.4 Ubuntu,sans-serif;color:#5A6272}
.csp-pt-meta b{font-weight:700;color:var(--csp-text,#1A1D24)}
.csp-pt-meta > span + span:before{content:'';display:inline-block;width:4px;height:4px;margin:0 12px 2px 0;border-radius:50%;background:#B8C2D2;vertical-align:middle}
@media (max-width:745px){.csp-pt-t{font-size:30px}.post-title .csp-pt-a{font-size:16px !important;margin-top:6px}.csp-pt-meta{font-size:13px}}
html.csp-dark .csp-pt-t{color:#fff}
html.csp-dark .post-title .csp-pt-a{color:#9AA3B2}
html.csp-dark .post-title .csp-pt-a a{color:#8FB8F0 !important}
html.csp-dark .csp-pt-meta{color:#9AA3B2}
html.csp-dark .csp-pt-meta b{color:#fff}

/* Pagina artista */
.csp-artist{margin-top:16px}
.csp-art-back{display:inline-block;margin-bottom:14px;font:600 13px/1 Ubuntu,sans-serif;color:#C9D6EA !important;text-decoration:none !important}
.csp-art-back:hover{color:#fff !important}
.csp-art-row{display:flex;align-items:center;gap:20px}
.csp-art-av{flex:0 0 88px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1582E7,#0f5699);box-shadow:0 0 0 4px rgba(255,255,255,.12);font:700 40px/1 Ubuntu,sans-serif;color:#fff}
.csp-art-txt{min-width:0}
.csp-artist h1{margin:10px 0 4px !important;padding:0 !important;font:700 42px/1.05 Ubuntu,sans-serif !important;color:#fff !important;overflow-wrap:anywhere}
.csp-art-n{margin:0 !important;font:400 16px/1.4 Ubuntu,sans-serif;color:#DCE6F5}
.csp-artist-view .post-filter-message,.csp-search-view .post-filter-message{display:none !important}
.csp-search-hero{margin-top:16px}
.csp-search-hero h1{margin:12px 0 6px !important;padding:0 !important;font:700 40px/1.08 Ubuntu,sans-serif !important;color:#fff !important;overflow-wrap:anywhere}
.csp-sr-n{margin:0 !important;font:400 16px/1.5 Ubuntu,sans-serif;color:#DCE6F5}
.csp-sr-n a{color:#FFC93C !important;font-weight:700;text-decoration:underline !important}
@media (max-width:745px){.csp-search-hero h1{font-size:28px !important}.csp-sr-n{font-size:14px}}
.csp-art-head{margin-top:28px}
@media (max-width:745px){.csp-art-row{gap:14px}.csp-art-av{flex-basis:64px;width:64px;height:64px;font-size:28px}.csp-artist h1{font-size:30px !important}.csp-art-n{font-size:14px}}

/* Schede: nome dell'artista come testo, non come etichetta */
.csp-card-meta .csp-chip{padding:0 !important;border-radius:0 !important;background:none !important;font:600 12.5px/1.35 Ubuntu,sans-serif !important;letter-spacing:.06em;color:#0f5699 !important}
html.csp-dark .csp-card-meta .csp-chip{color:#8FB8F0 !important}
.csp-card-artist{min-width:0;font:600 12.5px/1.35 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#0f5699;overflow-wrap:anywhere}
.csp-card-meta .csp-card-artist + .csp-date:before{content:'';display:inline-block;width:4px;height:4px;margin:0 9px 2px 0;border-radius:50%;background:#B8C2D2;vertical-align:middle}
.csp-card-meta{justify-content:flex-start !important}
html.csp-dark .csp-card-artist{color:#8FB8F0}
@media (max-width:745px){.csp-card-meta{flex-direction:column;align-items:flex-start !important;gap:3px !important}.csp-card-meta .csp-card-artist + .csp-date:before{display:none}}

/* Ricerca nell'intestazione (computer): lente a sinistra e tasto per cancellare */
.csp-sx{display:none}
@media (min-width:746px){
  .centered-top .search .section{position:relative}
  .centered-top .search .search-input{position:relative}
  .centered-top .search .search-input input{padding-left:44px !important;padding-right:38px !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231582E7' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px 50%/19px 19px !important}
  .centered-top .search .search-submit-container{position:absolute !important;left:0;top:0;bottom:0;width:44px;opacity:0;z-index:2;margin:0 !important;cursor:pointer}
  .csp-sx{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:#EEF2F8;cursor:pointer;z-index:3}
  .csp-sx[hidden]{display:none}
  .csp-sx svg{width:14px;height:14px;fill:none;stroke:#5A6272;stroke-width:2.6;stroke-linecap:round}
  html.csp-dark .csp-sx{background:#2A303A}
  html.csp-dark .csp-sx svg{stroke:#C9CED8}
}
/* Ricerca a tutto schermo (telefono) */
.csp-ss{position:fixed;inset:0;z-index:2147483000;display:none;flex-direction:column;background:#F3F6FB;font-family:Ubuntu,sans-serif}
.csp-ss.csp-open{display:flex}
html.csp-ss-lock,html.csp-ss-lock body{overflow:hidden !important}
.csp-ss-bar{display:flex;align-items:center;gap:6px;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px 6px;background:#fff;border-bottom:1px solid #E3E9F2}
.csp-ss-back{flex:0 0 44px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.csp-ss-back svg{width:24px;height:24px;fill:#1582E7}
.csp-ss-field{position:relative;flex:1 1 auto;min-width:0}
.csp-ss-lens{position:absolute;left:14px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:#1582E7;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.csp-ss-field input{display:block;width:100%;box-sizing:border-box;height:46px;margin:0;padding:0 42px 0 42px;border:0;border-radius:23px;background:#EEF2F8;font:400 16px Ubuntu,sans-serif;color:#1A1D24;outline:0;-webkit-appearance:none;appearance:none}
.csp-ss-field input::-webkit-search-cancel-button{display:none}
.csp-ss-field input:focus{box-shadow:0 0 0 2px #1582E7}
.csp-ss-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:50%;background:#D9E1EC;cursor:pointer}
.csp-ss-x[hidden]{display:none}
.csp-ss-x svg{width:14px;height:14px;fill:none;stroke:#3C4554;stroke-width:2.6;stroke-linecap:round}
.csp-ss-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 14px calc(24px + env(safe-area-inset-bottom,0px))}
.csp-ss-head{display:flex;align-items:center;justify-content:space-between;margin:16px 4px 8px;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5A6272}
.csp-ss-head button{margin:0;padding:6px 0;border:0;background:none;font:600 13px Ubuntu,sans-serif;letter-spacing:0;text-transform:none;color:#1582E7;cursor:pointer}
.csp-ss-chips{display:flex;flex-wrap:wrap;gap:8px}
.csp-ss-chips a{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:9px 14px 9px 11px;border-radius:20px;background:#fff;border:1px solid #E3E9F2;font:500 14px/1.2 Ubuntu,sans-serif;color:#1A1D24 !important;text-decoration:none !important}
.csp-ss-chips a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csp-ss-chips svg,.csp-ss-av svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#8A93A3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.csp-ss-list{overflow:hidden;border-radius:16px;background:#fff;border:1px solid #E3E9F2}
.csp-ss-list a{display:flex;align-items:center;gap:12px;min-height:52px;padding:9px 14px;border-top:1px solid #EEF2F8;color:#1A1D24 !important;text-decoration:none !important}
.csp-ss-list a:first-child{border-top:0}
.csp-ss-list a:active{background:#EEF4FC}
.csp-ss-list img,.csp-ss-ph{flex:0 0 64px;width:64px;height:36px;object-fit:cover;border-radius:6px;background:#0f5699}
.csp-ss-av{flex:0 0 36px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#E8EFF9}
.csp-ss-av svg{stroke:#1582E7}
.csp-ss-n{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#FFF1B8;font:700 13px/1 Ubuntu,sans-serif;color:#8A5A00}
.csp-ss-list .t{display:block;font:700 15px/1.25 Ubuntu,sans-serif}
.csp-ss-list .a{display:block;margin-top:2px;font:600 11.5px/1.3 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#0f5699}
.csp-ss-list mark{background:#FFF1B8;color:inherit;border-radius:3px;padding:0 1px}
.csp-ss-all{display:block;margin:14px 0 0;padding:14px;border-radius:14px;background:#0f5699;text-align:center;font:700 15px Ubuntu,sans-serif;color:#fff !important;text-decoration:none !important}
.csp-ss-hint{margin:22px 6px;font:400 15px/1.5 Ubuntu,sans-serif;color:#5A6272}
.csp-ss-hint a{color:#0f5699 !important;font-weight:700}
html.csp-dark .csp-ss{background:#111316}
html.csp-dark .csp-ss-bar{background:#1B1F26;border-color:#2A303A}
html.csp-dark .csp-ss-field input{background:#262B34;color:#fff}
html.csp-dark .csp-ss-x{background:#3A414D}
html.csp-dark .csp-ss-x svg{stroke:#DEE0E7}
html.csp-dark .csp-ss-head{color:#9AA3B2}
html.csp-dark .csp-ss-chips a,html.csp-dark .csp-ss-list{background:#1B1F26;border-color:#2A303A;color:#DEE0E7 !important}
html.csp-dark .csp-ss-list a{border-color:#262B34;color:#DEE0E7 !important}
html.csp-dark .csp-ss-list a:active{background:#232934}
html.csp-dark .csp-ss-list .a{color:#8FB8F0}
html.csp-dark .csp-ss-av{background:#22324A}
html.csp-dark .csp-ss-list mark{color:#1A1D24}
html.csp-dark .csp-ss-hint{color:#9AA3B2}
html.csp-dark .csp-ss-hint a{color:#8FB8F0 !important}
@media (min-width:746px){.csp-ss{display:none !important}}

/* "Fuori tempo?" nel lettore */
.csp-pl-time{display:flex;align-items:center;gap:4px;min-width:0}
html body .csp-pl-ctrl .csp-pl-time .csp-pl-fix{width:auto !important;height:24px !important;margin:0 0 0 auto;padding:0 10px !important;border-radius:12px !important;background:rgba(255,201,60,.18) !important;color:#FFD566 !important;font:700 11.5px/1 Ubuntu,sans-serif;white-space:nowrap}
html body .csp-pl-ctrl .csp-pl-time .csp-pl-fix[hidden]{display:none !important}
html body .csp-pl-ctrl .csp-pl-close{order:1}
html body .csp-pl-ctrl .csp-pl-time{order:2;flex:1 1 100%}
html body .csp-pl-ctrl .csp-pl-time .csp-pl-fix:hover{background:rgba(255,201,60,.3) !important}
.csp-rec p{max-width:520px}

/* Approvazione dei tempi (solo per il gestore) */
.csp-mod{position:fixed;inset:0;z-index:2147483100;display:flex;align-items:flex-start;justify-content:center;padding:70px 12px 20px;background:rgba(8,20,38,.55);overflow-y:auto;font-family:Ubuntu,sans-serif}
.csp-mod-in{position:relative;width:100%;max-width:620px;box-sizing:border-box;padding:22px 20px;border-radius:18px;background:#fff;color:#1A1D24;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.csp-mod-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#EEF2F8;font-size:16px;cursor:pointer}
.csp-mod-h{display:block;margin:0 40px 6px 0;font:700 20px/1.3 Ubuntu,sans-serif}
.csp-mod p{margin:0 0 14px;font-size:14px;color:#5A6272}
.csp-mod-list{display:flex;flex-direction:column;gap:8px}
.csp-mod-it{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #E3E9F2;border-radius:12px}
.csp-mod-it > div{flex:1 1 auto;min-width:0}
.csp-mod-it b{display:block;font-size:15px;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csp-mod-it small{font-size:12px;color:#5A6272}
.csp-mod-done{opacity:.55}
.csp-mod-btn{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 12px;border:0;border-radius:17px;background:#0f5699;color:#fff !important;font:700 13px Ubuntu,sans-serif;text-decoration:none !important;cursor:pointer}
.csp-mod-sec{background:#E8EFF9;color:#0f5699 !important}
.csp-mod-del{background:#FDE8EC;color:#C0244A !important}
.csp-prova{position:fixed;left:8px;right:8px;top:calc(var(--csp-hh,62px) + 6px);z-index:2147482000;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:620px;margin:0 auto;padding:8px 10px 8px 14px;border-radius:14px;background:#5B2A86;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.3);font:600 13px/1.3 Ubuntu,sans-serif}
.csp-prova span{flex:1 1 180px}
.csp-prova button,.csp-prova a{height:32px;padding:0 12px;border:0;border-radius:16px;background:#fff;color:#5B2A86 !important;font:700 13px Ubuntu,sans-serif;text-decoration:none !important;display:inline-flex;align-items:center;cursor:pointer}
html.csp-dark .csp-mod-in{background:#1B1F26;color:#DEE0E7}
html.csp-dark .csp-mod-it{border-color:#2E3440}
html.csp-dark .csp-mod p,html.csp-dark .csp-mod-it small{color:#9AA3B2}
html.csp-dark .csp-mod-x{background:#2A303A;color:#fff}

.csp-sugg-hrow{display:flex;align-items:center;justify-content:space-between}
.csp-sugg-hrow button{border:0;background:none;padding:0;font:700 12px Ubuntu,sans-serif;letter-spacing:0;text-transform:none;color:var(--csp-blue);cursor:pointer}
.csp-sugg-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 8px 10px}
.csp-sugg a.csp-sugg-chip{gap:6px;padding:7px 12px;border-radius:999px;background:var(--csp-chip);font:500 14px/1.2 Ubuntu,sans-serif;color:var(--csp-text) !important}
.csp-sugg a.csp-sugg-chip svg{color:var(--csp-muted);flex:0 0 auto}
.csp-sugg a.csp-sugg-chip:hover,.csp-sugg a.csp-sugg-chip.on{background:var(--csp-line-2)}
.csp-sugg .csp-sugg-n{flex:0 0 28px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--csp-chip);color:var(--csp-blue);font:700 13px Ubuntu,sans-serif}
html.csp-dark .csp-sugg a.csp-sugg-chip{background:#2A303A;color:#DEE0E7 !important}
html.csp-dark .csp-sugg a.csp-sugg-chip:hover,html.csp-dark .csp-sugg a.csp-sugg-chip.on{background:#353C48}
html.csp-dark .csp-sugg .csp-sugg-n{background:#2A303A;color:#ACD1F3}
html.csp-dark .csp-sugg-hrow button{color:#ACD1F3}

/* Tablature lunghe a capo per battute */
.post-body pre .csp-tab.csp-tab-flowing .csp-tab-in{display:none}
.post-body pre .csp-tab-flow{display:block;--csp-tab-ch:#0f5699;--csp-tab-hit:var(--csp-blue,#0f5699);--csp-tab-hitc:#fff}
html.csp-dark .post-body pre .csp-tab-flow{--csp-tab-ch:#ACD1F3;--csp-tab-hit:#ACD1F3;--csp-tab-hitc:#111316}
#csp-print .csp-tab-flow{display:none !important}
#csp-print .csp-tab .csp-tab-in{display:block !important}
@media print{.post-body pre .csp-tab-flow{display:none !important}.post-body pre .csp-tab .csp-tab-in{display:block !important;white-space:pre-wrap}}

/* "Forse cercavi" */
.csp-dym{margin:18px 0 8px}
.csp-dym .csp-h2{margin:0 0 10px}
.csp-dym-list{display:flex;flex-direction:column;border:1px solid var(--csp-line);border-radius:16px;overflow:hidden;background:var(--csp-card,#fff)}
.csp-dym-list a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--csp-line);color:var(--csp-text) !important;text-decoration:none !important}
.csp-dym-list a:first-child{border-top:0}
.csp-dym-list a:hover{background:var(--csp-bg)}
.csp-dym-list b{display:block;font:700 16px/1.3 Ubuntu,sans-serif}
.csp-dym-list small{display:block;font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.csp-dym-ic{flex:0 0 38px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--csp-chip);color:var(--csp-blue)}
.csp-ss-av svg[width]{stroke:#1582E7}
html.csp-dark .csp-dym-list{background:#1B1F26;border-color:#2E3440}
html.csp-dark .csp-dym-list a{border-color:#2E3440;color:#DEE0E7 !important}
html.csp-dark .csp-dym-list a:hover{background:#232833}
html.csp-dark .csp-dym-ic{background:#2A303A;color:#ACD1F3}

.csp-rec button.csp-rec-undo{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.12)}
.csp-rec button.csp-rec-undo svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.csp-rec-flash.csp-rec-flash-x{background:rgba(255,77,77,.4)}
@media (max-width:360px){.csp-rec-row{gap:4px}.csp-rec button.csp-rec-undo span{display:none}.csp-rec button{min-width:30px;padding:0 7px}.csp-rec-row [data-n]{font-size:12px}}

/* ---------- Pagina Top 10 mensile (classifica automatica) ---------- */
.csp-top-intro{font:400 16px/1.6 Ubuntu,sans-serif;color:var(--csp-muted);margin:0 0 20px}
.csp-chart{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.csp-chart-item{margin:0;padding:0;background:#fff;border:1px solid var(--csp-line);border-radius:16px;overflow:hidden;box-shadow:var(--csp-shadow);transition:transform .25s ease,box-shadow .25s ease;animation:csp-rise .5s cubic-bezier(.2,.7,.2,1) both}
.csp-chart-item:hover{transform:translateY(-4px);box-shadow:var(--csp-shadow-hover)}
.csp-chart-item:first-child{grid-column:1 / -1}
.csp-chart-item:nth-child(n+4){grid-column:1 / -1;display:flex;align-items:center}
.csp-chart-media{position:relative;aspect-ratio:16/9;background:var(--csp-blue);overflow:hidden}
.csp-chart-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.csp-chart-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.csp-chart-item:nth-child(n+4) .csp-chart-media{flex:0 0 200px}
.csp-chart-play{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;display:flex;align-items:center;justify-content:center;padding:0 0 0 3px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--csp-blue);box-shadow:0 6px 20px rgba(8,20,38,.35);cursor:pointer;transition:transform .2s ease}
.csp-chart-play:hover{transform:scale(1.08)}
.csp-chart-item:nth-child(n+4) .csp-chart-play{width:44px;height:44px;margin:-22px 0 0 -22px}
.csp-chart-info{display:flex;align-items:center;gap:14px;padding:16px 18px;min-width:0}
.csp-chart-rank{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--csp-bright);color:#fff;font:700 18px/1 Ubuntu, sans-serif}
.csp-chart-item:first-child .csp-chart-rank{width:56px;height:56px;font-size:24px;background:var(--csp-blue)}
.csp-chart-trend{flex:0 0 22px;width:22px;height:22px;display:none}
.csp-chart-trend.up,.csp-chart-trend.down,.csp-chart-trend.equal{display:block}
.csp-chart-trend.up{background:#1E7B4F;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l8 10h-5v6H9v-6H4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l8 10h-5v6H9v-6H4z'/%3E%3C/svg%3E") center/contain no-repeat}
.csp-chart-trend.down{background:#B3402A;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20L4 10h5V4h6v6h5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20L4 10h5V4h6v6h5z'/%3E%3C/svg%3E") center/contain no-repeat}
.csp-chart-trend.equal{background:#8A93A3;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h16v3H4zM4 13h16v3H4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h16v3H4zM4 13h16v3H4z'/%3E%3C/svg%3E") center/contain no-repeat}
.csp-chart-title{display:flex;flex-direction:column;gap:3px;min-width:0;text-decoration:none !important}
.csp-chart-title .t{font:700 18px/1.25 Ubuntu,sans-serif;color:var(--csp-blue)}
.csp-chart-title .a{font:italic 400 14px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.csp-chart-item:first-child .csp-chart-title .t{font-size:24px}
.csp-chart-title:hover .t{text-decoration:underline}
.csp-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px 0 6px;padding:14px 16px;border-radius:14px;background:var(--csp-bg);border:1px solid var(--csp-line);font:400 14px/1.4 Ubuntu,sans-serif;color:var(--csp-muted)}
.csp-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.csp-chart-legend .csp-chart-trend{display:block;flex-basis:18px;width:18px;height:18px}
.csp-chart-legend small{flex-basis:100%;text-align:center;font-size:12px}
@media (max-width:745px){
  .csp-chart{grid-template-columns:minmax(0,1fr);gap:12px}
  .csp-chart-item:nth-child(n+2){display:flex;align-items:center}
  .csp-chart-item:nth-child(n+2) .csp-chart-media{flex:0 0 118px}
  .csp-chart-item:nth-child(n+2) .csp-chart-play{width:36px;height:36px;margin:-18px 0 0 -18px}
  .csp-chart-info{gap:10px;padding:12px}
  .csp-chart-rank{width:36px;height:36px;font-size:15px}
  .csp-chart-trend{flex-basis:18px;width:18px;height:18px}
  .csp-chart-title .t{font-size:15px}
  .csp-chart-title .a{font-size:12px}
  .csp-chart-item:first-child .csp-chart-title .t{font-size:20px}
  .csp-chart-item:first-child .csp-chart-rank{width:46px;height:46px;font-size:20px}
}

/* ---------- Intestazione compatta (pagine interne e scorrimento): logo al posto della scritta ---------- */
.centered-top-container.sticky .Header .header-image-wrapper{display:block !important}
.centered-top-container.sticky .Header .replaced h1{display:none !important}
.centered-top-container.sticky .Header .header-widget{display:flex;align-items:center}
.centered-top-container.sticky .centered-top .blog-name img{max-height:44px !important;width:auto !important;height:auto !important;display:block}
.centered-top-container.sticky .centered-top .blog-name{margin-top:6px;margin-bottom:6px}
@media (max-width:745px){.centered-top-container.sticky .centered-top .blog-name img{max-height:38px !important}}
/* logo con misure fisse (622x96): l'intestazione ha subito l'altezza giusta, anche prima che l'immagine arrivi */
.centered-top .blog-name .csp-logo img,.centered-top-container.sticky .centered-top .blog-name img{height:40px !important;max-height:none !important;width:auto !important;max-width:100%;aspect-ratio:622/96;object-fit:contain;object-position:left center}
@media (max-width:745px){.centered-top .blog-name .csp-logo img,.centered-top-container.sticky .centered-top .blog-name img{height:28px !important}}
@media (max-width:359px){.centered-top .blog-name .csp-logo img,.centered-top-container.sticky .centered-top .blog-name img{height:24px !important}}
/* logo 2026: versione chiara o scura secondo il tema del sito */
.centered-top .blog-name .csp-logo .csp-logo-d{display:none !important}
html.csp-dark .centered-top .blog-name .csp-logo .csp-logo-l{display:none !important}
html.csp-dark .centered-top .blog-name .csp-logo .csp-logo-d{display:block !important}

/* ---------- Colonna della pagina canzone: schede ordinate ---------- */
.item-view .sidebar-container{background:none !important}
.item-view .sidebar-container .section{display:flex;flex-direction:column;gap:16px}
.item-view .sidebar-container .widget{margin:0 !important;padding:18px !important;background:#fff !important;border:1px solid var(--csp-line) !important;border-radius:16px;box-shadow:var(--csp-shadow);height:auto !important;text-align:center}
.item-view .sidebar-container .widget + .widget{border-top:1px solid var(--csp-line) !important}
.item-view .sidebar-container .widget h2,.item-view .sidebar-container .widget h3.title,.item-view .sidebar-container .widget .title{margin:0 0 12px !important;font:700 17px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important;text-align:left}
.item-view .sidebar-container .widget.Image img{max-width:100%;height:auto;border-radius:10px;display:block;margin:0 auto}
.item-view .sidebar-container .widget.Image br{display:none}
.item-view .sidebar-container #Image5 img{max-width:170px}
.item-view .sidebar-container #HTML3 .widget-content{display:flex;justify-content:center;align-items:center}
.item-view .sidebar-container #HTML3 .widget-content br{display:none}
.item-view .sidebar-container .PopularPosts{text-align:left}
.item-view .sidebar-container .PopularPosts [role="feed"]{display:flex;flex-direction:column}
.item-view .sidebar-container .PopularPosts article.post{display:flex;align-items:center;gap:12px;margin:0 !important;padding:10px 0 !important;border-top:1px solid var(--csp-line)}
.item-view .sidebar-container .PopularPosts article.post:first-child{border-top:0;padding-top:0 !important}
.item-view .sidebar-container .PopularPosts .item-thumbnail{flex:0 0 112px;margin:0 !important;width:112px}
.item-view .sidebar-container .PopularPosts .item-thumbnail img{display:block;width:112px !important;height:63px !important;object-fit:cover;border-radius:8px;max-width:none}
.item-view .sidebar-container .PopularPosts h3.post-title{margin:0 !important;font:700 15px/1.3 Ubuntu,sans-serif !important}
.item-view .sidebar-container .PopularPosts h3.post-title a{color:var(--csp-blue) !important;text-decoration:none !important}
.item-view .sidebar-container .PopularPosts .item-content{display:none}
@media (max-width:1328px){
  .item-view .sidebar-container{padding:0 12px !important;margin-top:24px !important}
  .item-view .sidebar-container .section{max-width:640px !important;margin:0 auto 24px !important}
  .item-view .sidebar-container .PopularPosts{order:-1}
}

/* ---------- Ricerca con suggerimenti ---------- */
.csp-sugg{position:fixed;z-index:9999;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--csp-line);border-radius:16px;box-shadow:0 18px 44px rgba(8,20,38,.22);padding:6px;font-family:Ubuntu,sans-serif}
.csp-sugg[hidden]{display:none}
.csp-sugg-head{padding:10px 12px 6px;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--csp-muted)}
.csp-sugg a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;text-decoration:none !important;color:var(--csp-text) !important}
.csp-sugg a:hover,.csp-sugg a.on{background:var(--csp-bg)}
.csp-sugg img,.csp-sugg .csp-sugg-ph{flex:0 0 64px;width:64px;height:36px;object-fit:cover;border-radius:6px;background:var(--csp-blue)}
.csp-sugg .csp-sugg-art{flex:0 0 36px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--csp-chip);color:var(--csp-blue)}
.csp-sugg .t{display:block;font:700 15px/1.25 Ubuntu,sans-serif}
.csp-sugg .a{display:block;font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.csp-sugg mark{background:#FFF1B8;color:inherit;border-radius:3px;padding:0 1px}
.csp-sugg a.csp-sugg-all{justify-content:center;margin-top:4px;border-top:1px solid var(--csp-line);border-radius:0 0 10px 10px !important;color:var(--csp-blue) !important;font:700 14px Ubuntu,sans-serif}
.csp-sugg-empty{padding:14px 12px;font-size:14px;color:var(--csp-muted)}

/* ---------- Correzioni colonna pagina canzone ---------- */
.item-view .sidebar-container #HTML3{padding:16px 18px !important}
.item-view .sidebar-container #HTML3 .widget-content{min-height:0 !important}
.item-view .sidebar-container #HTML3 .widget-content a img{display:block}
body.item-view .sidebar-container .PopularPosts{display:block !important;width:auto !important;overflow:visible !important}
.item-view .sidebar-container .PopularPosts .post,.item-view .sidebar-container .PopularPosts .post + .post{margin:0 !important;padding-top:10px !important}
.item-view .sidebar-container .PopularPosts .post:first-child{padding-top:0 !important}
.item-view .sidebar-container .PopularPosts .item-thumbnail{height:auto !important;overflow:hidden !important;clear:none !important;border-radius:8px}
.item-view .sidebar-container .PopularPosts .item-thumbnail a{display:block}
.item-view .sidebar-container .PopularPosts .item-thumbnail img{width:112px !important;height:63px !important;padding:0 !important}
.item-view .sidebar-container .PopularPosts .post-title,.item-view .sidebar-container .PopularPosts h3.post-title{flex:1 1 auto;min-width:0}
.item-view .sidebar-container .PopularPosts .post-title a{display:block;font:700 15px/1.3 Ubuntu,sans-serif !important}
/* pubblicità in cima alla colonna: fissa mentre si scorre su computer */
.csp-side-ad{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 16px}
.csp-ad-label{font:500 10px/1 Ubuntu,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8A93A3}
.csp-side-ad .csp-ad{margin:0 auto}
@media (min-width:1329px){.item-view .sidebar-container .csp-side-ad{position:sticky;top:84px;z-index:1}}
@media (max-width:1328px){.item-view .sidebar-container .csp-side-ad{margin:0 auto 20px;max-width:640px}}

/* ---------- Casella di ricerca arrotondata come i pulsanti ---------- */
.centered-top .search .section{border-radius:24px !important;border:1px solid transparent;box-sizing:border-box !important;overflow:hidden !important;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.centered-top .search.focused .section{background:#fff !important;border-color:var(--csp-line-2);box-shadow:0 6px 18px rgba(15,40,80,.12)}
@media (min-width:1075px){.centered-top .search .section{background:#fff !important;border-color:var(--csp-line-2);box-shadow:var(--csp-shadow)}}
.centered-top .search .search-input input{font:400 16px Ubuntu,sans-serif !important;color:var(--csp-text) !important;height:46px !important;line-height:46px}
.centered-top .search form{height:46px;overflow:hidden}
.centered-top .search .search-submit-container .search-icon{padding:11px 8px !important}
.centered-top .search .search-input input::placeholder{font:400 16px/46px Ubuntu,sans-serif !important;color:#8A93A3 !important;font-style:normal !important}
.centered-top .search .search-submit-container .svg-icon-24{fill:var(--csp-blue) !important}

/* ---------- Menu laterale su telefono: stesse schede arrotondate ---------- */
@media (max-width:605px){
  .sidebar-container{background:var(--csp-bg) !important}
  .sidebar-container .navigation{padding:16px 16px 4px !important}
  .sidebar-container .sidebar-back{fill:var(--csp-blue)}
  .feed-view .sidebar-container .widget{margin:12px 14px !important;padding:18px !important;background:#fff !important;border:1px solid var(--csp-line) !important;border-radius:16px;box-shadow:var(--csp-shadow);height:auto !important}
  .feed-view .sidebar-container .widget + .widget{border-top:1px solid var(--csp-line) !important}
  .feed-view .sidebar-container .widget .title,.feed-view .sidebar-container .widget h3.title,.feed-view .sidebar-container .widget h2{font:700 17px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important;margin:0 0 10px !important}
  .feed-view .sidebar-container .widget.Image img{max-width:100%;height:auto;border-radius:10px}
  .feed-view .sidebar-container .widget.Text{font:400 14px/1.6 Ubuntu,sans-serif;color:var(--csp-muted)}
  .feed-view .sidebar-container .widget a{color:var(--csp-blue) !important}
  .feed-view .sidebar-container .PopularPosts .item-thumbnail{height:auto !important;border-radius:10px;overflow:hidden}
}

/* ---------- Riquadro pubblicitario della colonna: altezza massima e chiusura se vuoto ---------- */
.csp-side-ad .csp-ad-box{min-height:0 !important;max-height:620px;overflow:hidden;align-items:flex-start}
.csp-side-ad.csp-empty{display:none !important}

/* Chi preferisce meno movimento non vede animazioni */
@media (prefers-reduced-motion:reduce){
  .csp-card,.csp-hero,.csp-chart-item{animation:none !important}
  .csp-ticker-track,.csp-eq i{animation:none !important}
  .csp-card,.csp-top-card,.csp-card-media img,.csp-top-media img,.csp-hero img{transition:none !important}
}

/* ---------- Barra laterale della pagina canzone: niente deve uscire dallo schermo ---------- */
.item-view .sidebar-container,.item-view .sidebar-container .section,.item-view .sidebar-container .widget,.item-view .sidebar-container .widget-content,.item-view .sidebar-container .csp-side-ad{box-sizing:border-box !important;min-width:0 !important}
.item-view .sidebar-container .widget,.item-view .sidebar-container .widget-content{width:auto !important;max-width:100% !important}
.item-view .sidebar-container .widget{overflow:hidden !important}
.item-view .sidebar-container .widget img{max-width:100% !important;height:auto !important}
.item-view .sidebar-container .widget-content a{display:block;max-width:100%}
.csp-pr,.csp-pr-btn{box-sizing:border-box !important;max-width:100% !important}
@media (max-width:1328px){
  .item-view .sidebar-container{width:100% !important;max-width:100vw !important;overflow:hidden !important}
  .item-view .sidebar-container .section{width:auto !important;max-width:min(640px,100%) !important}
  .item-view .sidebar-container .csp-side-ad{max-width:min(640px,100%) !important;overflow:hidden}
}
/* ---------- Strumenti della canzone: diesis/bemolle, diagrammi, solo testo, schermo acceso ---------- */
.post-body .csp-extra{justify-content:flex-start;gap:8px;padding-top:12px;border-top:1px solid var(--csp-line)}
.post-body .csp-pill{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1px solid var(--csp-line-2);border-radius:20px;background:#fff;color:var(--csp-blue);font:500 14px/1 Ubuntu,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.post-body .csp-pill svg{width:18px;height:18px;flex:0 0 18px}
.post-body .csp-pill:hover{border-color:var(--csp-blue)}
.post-body .csp-pill[aria-pressed="true"]{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}
.post-body .csp-pill:active{transform:scale(.97)}
.post-body .csp-pill[hidden]{display:none}
.post-body .csp-diagrams{display:flex;gap:10px;overflow-x:auto;margin:-10px 0 22px;padding:4px 2px 10px;scrollbar-width:thin}
.post-body .csp-diagrams[hidden]{display:none}
.post-body .csp-dg{flex:0 0 96px;margin:0;padding:8px 6px 6px;background:#fff;border:1px solid var(--csp-line);border-radius:12px;text-align:center}
.post-body .csp-dg figcaption{font:700 15px/1.2 Ubuntu,sans-serif;color:var(--csp-chord)}
.post-body .csp-dg svg{display:block;width:100%;height:auto}
.post-body .csp-dg small{display:block;font:400 10px/1.2 Ubuntu,sans-serif;color:var(--csp-muted)}
.post-body pre.csp-hide{display:none !important}
.post-body .csp-lyrics{margin:0 0 24px;padding:0;white-space:pre-wrap;word-wrap:break-word;font:400 19px/1.75 Ubuntu,sans-serif;color:var(--csp-text)}
@media (max-width:745px){
  .post-body .csp-pill{height:38px;padding:0 12px;font-size:13px}
  .post-body .csp-lyrics{font-size:18px}
}
.post-body pre.csp-fit{overflow-x:hidden !important}
/* Tablature: mai a capo, intere nello schermo, numeri da toccare */
.post-body pre .csp-tab{display:block;position:relative;margin:2px 0 0;padding:52px 0 0}
.post-body pre .csp-tab-in{display:block;white-space:pre;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0 0 4px}
/* il pulsante e uguale alle altre pillole dello spartito (Diagrammi, Metronomo...) */
.post-body pre .csp-tab-play{position:absolute;top:2px;left:0;display:inline-flex;align-items:center;gap:7px;height:40px;margin:0;padding:0 14px;border:1px solid var(--csp-line-2);border-radius:20px;background:#fff;color:var(--csp-blue);font:500 14px/1 Ubuntu,sans-serif;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}
.post-body pre .csp-tab-play svg{width:18px;height:18px;flex:0 0 18px}
.post-body pre .csp-tab-play .csp-ic-stop,.post-body pre .csp-tab-play.csp-on .csp-ic-play{display:none}
.post-body pre .csp-tab-play.csp-on .csp-ic-stop{display:block}
.post-body pre .csp-tab-play::after{content:'Ascolta'}
.post-body pre .csp-tab-play.csp-on::after{content:'Ferma'}
.post-body pre .csp-tab-play:hover{border-color:var(--csp-blue)}
.post-body pre .csp-tab-play:active{transform:scale(.97)}
.post-body pre .csp-tab-play.csp-on{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}
.post-body pre .csp-tab-play[hidden],body.csp-following .post-body pre .csp-tab-play{display:none}
@media (max-width:745px){
  .post-body pre .csp-tab{padding-top:50px}
  .post-body pre .csp-tab-play{height:38px;padding:0 12px;font-size:13px}
}
.post-body pre .csp-tn{cursor:pointer;border-radius:3px;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,color .12s ease}
.post-body pre .csp-tn:hover{color:var(--csp-blue)}
.post-body pre .csp-tn.csp-hit{background:var(--csp-blue);color:#fff}
html.csp-dark .post-body pre .csp-tab-play{background:#1B1F26;color:#ACD1F3}
html.csp-dark .post-body pre .csp-tab-play.csp-on{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}
html.csp-dark .post-body pre .csp-tn:hover{color:#ACD1F3}
html.csp-dark .post-body pre .csp-tn.csp-hit{background:#ACD1F3;color:#111316}
#csp-print .csp-tab-play{display:none !important}
#csp-print .csp-tab,#csp-print .csp-tab-in{padding:0 !important;margin:0 !important;overflow:visible !important;font-size:inherit !important}

/* ---------- Preferiti e traduzione del testo ---------- */
button.csp-fav{position:relative !important;top:-3px !important;left:auto !important;right:auto !important;bottom:auto !important;float:none !important;vertical-align:middle !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;width:46px !important;height:46px !important;min-width:0 !important;max-width:46px !important;min-height:0 !important;margin:0 0 0 12px !important;padding:0 !important;border:1px solid #F3C4D2 !important;border-radius:50% !important;background:#fff !important;box-shadow:0 2px 8px rgba(224,36,94,.12) !important;font-size:0 !important;line-height:0 !important;color:#E0245E !important;text-indent:0 !important;transform:none !important;-webkit-appearance:none !important;appearance:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
button.csp-fav svg{display:block !important;width:24px !important;height:24px !important;margin:0 !important;fill:none !important;stroke:#E0245E !important;stroke-width:2 !important;stroke-linejoin:round}
button.csp-fav[aria-pressed="true"]{background:#FFF0F4 !important}
button.csp-fav[aria-pressed="true"] svg{fill:#E0245E !important}
button.csp-fav.csp-pop svg{animation:csp-fav-pop .4s ease}
@keyframes csp-fav-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
.csp-fav-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:24px;background:#0B2A4A;color:#fff;font:500 15px/1.3 Ubuntu,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.csp-fav-toast.csp-show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.csp-fav-toast a{margin-left:10px;color:#FFC93C !important;font-weight:700;text-decoration:none !important}
.post-body .csp-trad{margin:0 0 24px;padding:16px 18px;border:1px solid var(--csp-line);border-radius:16px;background:#F7FAFE}
.post-body .csp-trad-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.post-body .csp-trad-h b{font:700 18px/1.3 Ubuntu,sans-serif;color:var(--csp-blue)}
.post-body .csp-trad-x{width:34px;height:34px;padding:0;border:1px solid var(--csp-line);border-radius:50%;background:#fff;color:var(--csp-muted);font:400 22px/1 Ubuntu,sans-serif;cursor:pointer}
.post-body .csp-trad-b p{margin:0 !important;padding:0 !important}
.post-body .csp-trad-o{display:block !important;font:400 18px/1.55 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
.post-body .csp-trad-t{display:block !important;font:400 18px/1.55 Ubuntu,sans-serif !important;color:var(--csp-blue) !important}
.post-body .csp-trad-b p.csp-trad-gap{height:1.55em;margin:0 !important}
.post-body .csp-trad-all{margin:0;white-space:pre-wrap;font:400 18px/1.6 Ubuntu,sans-serif;color:var(--csp-text)}
.post-body .csp-trad-msg{margin:0;font:400 16px/1.5 Ubuntu,sans-serif;color:var(--csp-muted)}
.post-body .csp-trad-note{margin:10px 0 0;font:400 13px/1.4 Ubuntu,sans-serif;color:var(--csp-muted)}
@media (max-width:745px){
  button.csp-fav{width:42px !important;height:42px !important;max-width:42px !important}
  .post-body .csp-trad{padding:14px}
  .post-body .csp-trad-o,.post-body .csp-trad-t{font-size:17px !important}
}

.post-body .csp-yt-dead{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;aspect-ratio:16/9;margin:0 auto 16px;padding:20px;border-radius:14px;background:#0B2A4A;color:#fff;text-align:center}
.post-body .csp-yt-dead svg{width:54px;height:54px;fill:none;stroke:#FFC93C;stroke-width:1.6;color:#FFC93C}
.post-body .csp-yt-dead b{max-width:420px;font:700 18px/1.35 Ubuntu,sans-serif;color:#fff}
.post-body .csp-yt-dead a{display:inline-block;padding:11px 20px;border-radius:24px;background:#FFC93C;color:#0B2A4A !important;font:700 15px/1.2 Ubuntu,sans-serif;text-decoration:none !important}
@media (max-width:480px){.post-body .csp-yt-dead{aspect-ratio:auto;min-height:200px}.post-body .csp-yt-dead b{font-size:16px}}

/* ---------- Capotasto ---------- */
.post-body .csp-capo{display:inline-flex;align-items:center;margin:0 0 14px;padding:6px 14px;border-radius:16px;background:var(--csp-blue);color:#fff;font:700 15px/1.2 Ubuntu,sans-serif}
.post-body .csp-capo[hidden]{display:none}

/* ---------- Segui il video ---------- */
/* il video resta visibile dentro la barra del lettore (regole di YouTube) */
.post-body iframe.csp-yt-dock{position:fixed !important;left:16px;bottom:50px;z-index:9992;width:200px !important;height:113px !important;aspect-ratio:auto;border-radius:10px;margin:0 !important;box-shadow:none}
.csp-player{box-sizing:border-box;position:fixed;left:8px;right:8px;bottom:8px;z-index:9991;display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:113px 28px;gap:6px 12px;padding:8px;border-radius:18px;background:#0B2A4A;color:#fff;box-shadow:0 12px 34px rgba(10,30,60,.4);max-width:640px;margin:0 auto}
.csp-pl-video{grid-row:1;grid-column:1;border-radius:10px;background:#000}
.csp-pl-ctrl{grid-row:1;grid-column:2;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:8px;position:relative}
.csp-pl-ctrl button{display:inline-flex;align-items:center;justify-content:center;gap:1px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .2s ease,transform .15s ease}
.csp-pl-ctrl button:hover{background:rgba(255,255,255,.22)}
.csp-pl-ctrl button:active{transform:scale(.92)}
.csp-pl-ctrl button svg{width:20px;height:20px}
.csp-pl-ctrl button small{font:700 9px/1 Ubuntu,sans-serif;margin-left:-2px}
.csp-pl-ctrl .csp-pl-main{width:54px;height:54px;background:#fff;color:#0B2A4A}
.csp-pl-ctrl .csp-pl-main:hover{background:#DCE8FA}
.csp-pl-ctrl .csp-pl-main svg{width:26px;height:26px}
.csp-player .i-pause{display:none}
.csp-player.csp-playing .i-pause{display:inline}
.csp-player.csp-playing .i-play{display:none}
.csp-pl-time{flex:1 1 70px;font:500 13px/1 Ubuntu,sans-serif;color:#C9D8EE;font-variant-numeric:tabular-nums}
.csp-pl-ctrl .csp-pl-close{margin-left:auto;width:32px;height:32px;background:none}
.csp-pl-ctrl .csp-pl-close svg{width:16px;height:16px}
.csp-pl-bar{grid-row:2;grid-column:1 / -1;width:100%;height:28px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%}
.csp-pl-bar::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#fff var(--p),rgba(255,255,255,.25) var(--p))}
.csp-pl-bar::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.25)}
.csp-pl-bar::-moz-range-progress{height:6px;border-radius:3px;background:#fff}
.csp-pl-bar::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.csp-pl-bar::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0}
body.csp-following{padding-bottom:190px !important}
body.csp-following .abt-scroll-container{display:none !important}

/* telefono: il lettore sta un po' piu in alto, sopra il tasto "Riservatezza" dei cookie (InMobi) */
@media (max-width:745px){
  .csp-player{bottom:calc(46px + env(safe-area-inset-bottom,0px))}
  .post-body iframe.csp-yt-dock{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  body .csp-sync-hint{bottom:calc(46px + 175px + env(safe-area-inset-bottom,0px));z-index:9993}
  body.csp-following{padding-bottom:230px !important}
}
/* telefono: lettore compatto (video piu piccolo, comandi accanto, barra sottile): piu spazio per il testo */
@media (max-width:745px){
  html body .csp-player{grid-template-columns:160px minmax(0,1fr) !important;grid-template-rows:90px !important;gap:0 10px !important;padding:7px 8px !important;border-radius:16px}
  html body .post-body iframe.csp-yt-dock{left:16px !important;width:160px !important;height:90px !important;bottom:calc(46px + 7px + env(safe-area-inset-bottom,0px)) !important}
  html body .csp-pl-ctrl{grid-row:1 !important;grid-column:2 !important;align-self:start;align-content:flex-start !important;padding-top:2px}
  html body .csp-pl-bar{grid-row:1 !important;grid-column:2 !important;align-self:end;margin:0 0 -2px !important}
  html body .csp-pl-ctrl{gap:5px !important}
  html body .csp-pl-ctrl button{width:36px !important;height:36px !important}
  html body .csp-pl-ctrl .csp-pl-main{width:44px !important;height:44px !important}
  html body .csp-pl-ctrl{padding-right:26px}
  html body .csp-pl-ctrl .csp-pl-close{position:absolute;top:-2px;right:-4px;width:28px !important;height:28px !important;margin:0 !important}
  html body .csp-pl-time{flex:1 1 100%;font-size:12px;line-height:1}
  html body .csp-pl-bar{height:18px !important}
  html body .csp-sync-hint{bottom:calc(46px + 114px + env(safe-area-inset-bottom,0px)) !important}
  body.csp-following{padding-bottom:170px !important}
}
@media (max-width:480px){
  .csp-pl-ctrl{gap:6px}.csp-pl-ctrl button{width:40px;height:40px}.csp-pl-ctrl .csp-pl-main{width:48px;height:48px}
  .csp-pl-ctrl .csp-pl-close{width:28px;height:28px}
}
@media (max-width:359px){
  .post-body iframe.csp-yt-dock{width:160px !important;height:90px !important}
  .csp-player{grid-template-columns:160px minmax(0,1fr);grid-template-rows:90px 28px}
  .csp-pl-ctrl{gap:5px}.csp-pl-ctrl button{width:38px;height:38px}.csp-pl-ctrl .csp-pl-main{width:46px;height:46px}
}
.csp-yt-holder{width:100%;border-radius:12px;background:var(--csp-bg);margin-bottom:16px}
body.csp-following .post-body pre,body.csp-following .post-body .csp-lyrics{cursor:pointer}
.csp-sync-hint{position:fixed;left:12px;right:12px;bottom:190px;margin:0 auto;z-index:9991;max-width:420px;padding:10px 14px;border-radius:12px;background:#0B2A4A;color:#fff;font:500 14px/1.4 Ubuntu,sans-serif;box-shadow:0 8px 24px rgba(10,30,60,.3);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.csp-sync-hint.csp-show{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.csp-sync-hint{transition:none}}
/* computer: lettore in basso a destra */
@media (min-width:746px){
  .csp-player{left:auto;right:16px;bottom:54px;width:520px;max-width:none;margin:0}
  .post-body iframe.csp-yt-dock{left:auto;right:328px;bottom:96px}
  .csp-sync-hint{left:auto;right:16px;width:520px;max-width:none;box-sizing:border-box;z-index:9993}
  body .csp-sync-hint{bottom:236px}
}

/* ---------- Pagina canzone: niente foto sfocata dietro l'articolo ---------- */
.item-view .bg-photo-container{display:none !important}
.item-view .bg-photo-container+.centered .centered-bottom .post-wrapper{margin-top:0 !important}
/* l'intestazione nella pagina canzone e fissa: il contenuto parte sotto di lei */
.item-view .page_body{padding-top:calc(var(--csp-hh,70px) + 20px) !important}
@media (max-width:745px){.item-view .page_body{padding-top:calc(var(--csp-hh,62px) + 12px) !important}}
/* Ovunque (home, pagine, canzoni, cantanti, ricerca): intestazione fissa in alto, non sparisce scorrendo */
body:not(#layout) .centered-top-container.sticky{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;-webkit-transform:none !important;transform:none !important;opacity:1 !important;visibility:visible !important}
body:not(#layout) .centered-top-placeholder{display:none !important}
body:not(#layout) .page_body{padding-top:calc(var(--csp-hh,70px) + 20px) !important}
@media (max-width:745px){body:not(#layout) .page_body{padding-top:calc(var(--csp-hh,62px) + 12px) !important}}
/* ---------- Condivisione ---------- */
.item-view .post .post-share-buttons{display:none !important}
.csp-share-btn{display:inline-flex;align-items:center;gap:8px;height:40px;margin:6px 0 22px;padding:0 18px 0 14px;border:1px solid var(--csp-line-2);border-radius:20px;background:#fff;color:var(--csp-blue);font:700 14px/1 Ubuntu,sans-serif;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.csp-share-btn:hover{border-color:var(--csp-blue);box-shadow:0 4px 12px rgba(15,40,80,.1)}
.csp-share-btn:active{transform:scale(.97)}
.csp-share-btn svg{width:18px;height:18px;fill:currentColor;flex:0 0 18px}
.post .share-buttons{display:none !important}
.csp-sh{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,20,40,.45);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.csp-sh.csp-open{opacity:1;visibility:visible}
html.csp-sh-lock{overflow:hidden}
.csp-sh-box{box-sizing:border-box;width:100%;max-width:440px;padding:20px;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(8,20,40,.35);transform:translateY(12px) scale(.98);transition:transform .25s cubic-bezier(.2,.8,.2,1);font-family:Ubuntu,sans-serif;color:var(--csp-text)}
.csp-sh.csp-open .csp-sh-box{transform:none}
.csp-sh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.csp-sh-head b{display:block;font:700 20px/1.2 Ubuntu,sans-serif}
.csp-sh-title{display:block;margin-top:2px;font:400 14px/1.35 Ubuntu,sans-serif;color:var(--csp-muted)}
.csp-sh-x{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--csp-bg);color:var(--csp-text);cursor:pointer}
.csp-sh-x svg{width:18px;height:18px}
.csp-sh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.csp-sh-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:0;border-radius:14px;background:none;color:var(--csp-text) !important;text-decoration:none !important;font:500 13px/1.2 Ubuntu,sans-serif;cursor:pointer;transition:background .2s ease}
.csp-sh-item:hover,.csp-sh-item:focus-visible{background:var(--csp-bg);outline:0}
.csp-sh-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;transition:transform .2s ease}
.csp-sh-item:hover .csp-sh-ic{transform:scale(1.08)}
.csp-sh-ic svg{width:26px;height:26px}
.csp-sh-copy{display:flex;gap:8px;margin-top:16px;padding:6px;border:1px solid var(--csp-line-2);border-radius:26px;background:var(--csp-bg)}
.csp-sh-copy input{flex:1;min-width:0;height:38px;padding:0 10px;border:0;background:none;font:400 16px Ubuntu,sans-serif;color:var(--csp-muted);outline:0}
.csp-sh-copy button{flex:0 0 auto;height:38px;padding:0 16px;border:0;border-radius:19px;background:var(--csp-blue);color:#fff;font:700 14px/1 Ubuntu,sans-serif;cursor:pointer;transition:background .2s ease}
.csp-sh-copy button.csp-ok{background:#2FB573}
@media (max-width:745px){
  .csp-sh{align-items:flex-end;padding:0}
  /* in fondo lascio spazio al pulsante RISERVATEZZA (fisso in basso a destra): "Copia link" resta sopra */
  .csp-sh-box{max-width:none;border-radius:22px 22px 0 0;padding:20px 16px calc(60px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}
  .csp-sh.csp-open .csp-sh-box{transform:none}
}
@media (prefers-reduced-motion:reduce){.csp-sh,.csp-sh-box,.csp-sh-ic{transition:none}}
/* ---------- Capo - / + ---------- */
.post-body .csp-keys-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px}
.post-body .csp-semis{display:flex;flex-wrap:wrap;gap:8px}
.post-body .csp-semi{display:inline-flex;align-items:center;gap:0;height:36px;border:1px solid var(--csp-line-2);border-radius:18px;background:#fff;overflow:hidden}
.post-body .csp-semi span{padding:0 6px;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--csp-muted)}
.post-body .csp-semi button{width:40px;height:36px;padding:0;border:0;background:none;color:var(--csp-blue);font:700 20px/1 Ubuntu,sans-serif;cursor:pointer;transition:background .15s ease}
.post-body .csp-semi button:hover{background:var(--csp-bg)}
.post-body .csp-semi button:active{background:#DCE8FA}
.post-body .csp-semi b,.post-body .csp-semi .csp-semi-n{display:inline-block;min-width:22px;text-align:center;color:var(--csp-blue);font-size:14px;margin-left:2px}
.post-body .csp-semi button:disabled{color:#C3CAD6;cursor:default;background:none}

/* ---------- Scelta della tonalita con la nota ---------- */
.post-body .csp-keys-wrap .transpose-keys{display:none !important}
.post-body .csp-keys-head .csp-tools-label{margin-right:-2px}
.post-body .csp-keypick{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 10px 0 14px;border:0;border-radius:18px;background:var(--csp-blue);color:#fff;font:700 16px/1 Ubuntu,sans-serif;cursor:pointer;margin-right:auto;transition:background .2s ease}
.post-body .csp-keypick:hover{background:#2159D6}
.post-body .csp-keypick svg{width:16px;height:16px;transition:transform .2s ease}
.post-body .csp-keypick[aria-expanded="true"] svg{transform:rotate(180deg)}
.post-body .csp-keygrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px;border:1px solid var(--csp-line-2);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,40,80,.08)}
.post-body .csp-keygrid[hidden]{display:none}
.post-body .csp-keygrid button{height:42px;padding:0;border:1px solid var(--csp-line-2);border-radius:10px;background:#fff;color:var(--csp-text);font:500 15px/1 Ubuntu,sans-serif;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.post-body .csp-keygrid button:hover{border-color:var(--csp-blue)}
.post-body .csp-keygrid button[aria-pressed="true"]{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff;font-weight:700}
@media (max-width:480px){.post-body .csp-keygrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Testata nei post: il nome del blog non e piu un h1, resta nascosto come prima */
.Header .replaced p.title{position:absolute !important;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Computer e tablet: la barra in alto resta sopra a tutti i widget quando ricompare */
@media (min-width:606px){.centered-top-container.sticky{z-index:1000 !important}}

/* Guarda anche (pagina del post) */
.item-view .sidebar-container .csp-rel-w{text-align:left}
.csp-rel{list-style:none;margin:0;padding:0}
.csp-rel li{margin:0;padding:10px 0;border-top:1px solid var(--csp-line)}
.csp-rel li:first-child{border-top:0;padding-top:0}
.csp-rel li:last-child{padding-bottom:0}
.csp-rel-a{display:flex;align-items:center;gap:12px;text-decoration:none !important;color:inherit !important}
.csp-rel-img{flex:0 0 112px;width:112px;height:63px;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#3A7BE0,#0f5699)}
.csp-rel-img img{display:block;width:112px !important;height:63px !important;object-fit:cover;margin:0 !important;padding:0 !important;max-width:none}
.csp-rel-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.csp-rel-t{font:700 15px/1.3 Ubuntu,sans-serif;color:var(--csp-blue);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.csp-rel-ar{font:400 13px/1.3 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csp-rel-a:hover .csp-rel-t{text-decoration:underline}

/* Diteggiature al passaggio sull'accordo */
.post-body pre span.c{cursor:pointer}

.csp-pop{position:absolute;z-index:9995;width:176px;box-sizing:border-box;padding:10px 10px 8px;background:#fff;border:1px solid var(--csp-line,#E3E9F2);border-radius:14px;box-shadow:0 14px 34px rgba(8,20,38,.2);font-family:Ubuntu,sans-serif;color:#1A1D24}
.csp-pop[hidden]{display:none}
.csp-pop-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 2px}
.csp-pop-n{font:700 17px/1.2 Ubuntu,sans-serif;color:#2159D6}
.csp-pop button{border:0;background:none;font-family:inherit;cursor:pointer;color:#0f5699}
.csp-pop-x{width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;color:#5A6272 !important}
.csp-pop-x:hover{background:#F0F4FA}
.csp-pop-d svg{display:block;width:132px;height:auto;margin:0 auto}
.csp-pop-c{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;flex-wrap:wrap}
.csp-pop-prev,.csp-pop-next{width:30px;height:30px;border-radius:50%;background:#F0F4FA !important;font-size:20px;line-height:1}
.csp-pop-prev:disabled,.csp-pop-next:disabled{opacity:.35;cursor:default}
.csp-pop-i{min-width:42px;text-align:center;font:500 13px/1 Ubuntu,sans-serif;color:#5A6272}
.csp-pop-play{flex:1 0 100%;margin-top:6px;height:32px;border-radius:16px;background:#0f5699 !important;color:#fff !important;font:700 13px/1 Ubuntu,sans-serif}
.csp-pop-play:hover{filter:brightness(1.08)}

/* Scelta dello strumento: chitarra, ukulele, piano */
.csp-instr{display:flex;gap:4px;padding:3px;background:#F0F4FA;border-radius:999px;width:max-content;max-width:100%;box-sizing:border-box}
.csp-instr button{border:0;background:none;padding:6px 12px;border-radius:999px;font:700 13px/1 Ubuntu,sans-serif;color:#0f5699;cursor:pointer}
.csp-instr button[aria-pressed="true"]{background:#0f5699;color:#fff}
.post-body .csp-instr-dg{margin:-6px 0 10px}
.post-body .csp-instr-dg[hidden]{display:none}
.csp-pop .csp-instr-pop{margin:4px 0 6px;padding:2px;width:100%;justify-content:space-between}
.csp-pop .csp-instr-pop button{flex:1 1 auto;padding:5px 4px;font-size:12px;color:#0f5699}
.csp-pop .csp-instr-pop button[aria-pressed="true"]{color:#fff;background:#0f5699 !important}
.csp-pop{width:196px}
.csp-pop.csp-pop-piano .csp-pop-d svg{width:170px}
.csp-diagrams.csp-dg-piano .csp-dg{flex-basis:132px}
.csp-dg svg{max-height:118px}

/* Accordi nel testo: stesso blu dei pulsanti selezionati */
.post-body pre span.c{color:#0f5699 !important}
.post-body pre span.c:hover{text-decoration:underline;text-underline-offset:3px}

/* Menu Talent (Amici, X Factor) */

/* ---------- Schermi medi (TV, tablet orizzontale, finestre strette): come su computer ---------- */
/* ricerca accanto al login, sulla stessa riga del menu */
@media (min-width:746px) and (max-width:1074px){
  .centered-top .search .search-expand{display:none !important}
  .centered-top .search .section{opacity:1 !important;visibility:visible !important;background:#fff !important;border-color:var(--csp-line-2);box-shadow:var(--csp-shadow)}
  html.csp-dark .centered-top .search .section{background-color:#1B1F26 !important}
  .centered-top .csp-acct{align-self:center !important;margin-top:0 !important}
}
/* ultima aggiunta e griglia dei post a tutta larghezza */
@media (min-width:606px) and (max-width:1074px){
  .feed-view .page_body .centered div.widget.FeaturedPost,.feed-view div.widget.Blog{width:100% !important}
}
/* colonna laterale accanto ai post anche da 900 a 1023 px (TV), come su computer */
@media (min-width:900px) and (max-width:1023px){
  .feed-view .centered-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) 260px;column-gap:24px;align-items:start}
  .feed-view .centered-bottom > .post-filter-message{grid-column:1 / -1}
  .feed-view .centered-bottom > .main-container{grid-column:1;min-width:0}
  .feed-view .sidebar-container{grid-column:2;margin:20px 0 0 !important;padding:0 !important;position:static !important;transform:none !important;overflow:visible !important}
  .feed-view .sidebar-container .sidebar{display:block !important}
}
/* post e pagine: colonna laterale a destra anche da 900 a 1328 px (TV, computer piccoli), come su computer grande */
@media (min-width:900px) and (max-width:1328px){
  .item-view .centered .centered-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) 280px;column-gap:24px;align-items:start;box-sizing:border-box;padding:0 16px !important;max-width:1232px}
  .item-view .centered-bottom > .main-container{grid-column:1;width:auto !important;max-width:none !important;min-width:0;margin:0 !important;float:none !important}
  .item-view .centered-bottom > .sidebar-container{grid-column:2;width:auto !important;max-width:none !important;margin:15px 0 0 !important;padding:0 !important;float:none !important}
  .item-view .sidebar-container .section{max-width:none !important;margin:0 !important}
}
/* "Ultima aggiunta" mai piu larga della colonna */
.feed-view .csp-hero{width:100% !important;max-width:100% !important;box-sizing:border-box}
/* schermi bassi (TV, computer piccoli): lettore di "Segui il video" compatto */
@media (min-width:746px) and (max-height:760px){
  html body .csp-player{width:460px;grid-template-columns:160px minmax(0,1fr) !important;grid-template-rows:90px !important;gap:0 10px !important;padding:7px 8px !important;border-radius:16px}
  html body .post-body iframe.csp-yt-dock{left:auto !important;right:308px !important;bottom:61px !important;width:160px !important;height:90px !important}
  html body .csp-pl-ctrl{grid-row:1 !important;grid-column:2 !important;align-self:start;align-content:flex-start !important;padding-top:2px;padding-right:26px;gap:5px !important}
  html body .csp-pl-bar{grid-row:1 !important;grid-column:2 !important;align-self:end;margin:0 0 -2px !important;height:18px !important}
  html body .csp-pl-ctrl button{width:36px !important;height:36px !important}
  html body .csp-pl-ctrl .csp-pl-main{width:44px !important;height:44px !important}
  html body .csp-pl-ctrl .csp-pl-close{position:absolute;top:-2px;right:-4px;width:28px !important;height:28px !important;margin:0 !important}
  html body .csp-pl-time{flex:1 1 100%;font-size:12px;line-height:1}
  html body .csp-sync-hint{width:460px;bottom:168px !important}
  body.csp-following{padding-bottom:170px !important}
}

/* ============================================================
   MOVIMENTO 2026 (16 ottobre 2026)
   Animazioni riviste: curve decise, durate brevi, entrate che partono dal pulsante,
   effetti al passaggio del mouse solo con il mouse, niente movimenti per chi li ha disattivati.
   Questo blocco sta in fondo apposta: sovrascrive le regole precedenti senza toccarle.
   ============================================================ */
:root{
  --csp-ease-out:cubic-bezier(0.23,1,0.32,1);
  --csp-ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --csp-ease-drawer:cubic-bezier(0.32,0.72,0,1);
}

/* --- Entrata delle schede: piu corta, spostamento piccolo, cascata veloce --- */
@keyframes csp-rise2{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.csp-card{animation:csp-rise2 300ms var(--csp-ease-out) both}
.feed-view .blog-posts > *:nth-child(2) .csp-card{animation-delay:40ms}
.feed-view .blog-posts > *:nth-child(3) .csp-card{animation-delay:80ms}
.feed-view .blog-posts > *:nth-child(4) .csp-card{animation-delay:120ms}
.feed-view .blog-posts > *:nth-child(5) .csp-card{animation-delay:160ms}
.feed-view .blog-posts > *:nth-child(6) .csp-card{animation-delay:200ms}
.feed-view .blog-posts > *:nth-child(n+7) .csp-card{animation-delay:200ms}
.csp-hero{animation:csp-rise2 350ms var(--csp-ease-out) both}
.csp-chart-item{animation:csp-rise2 300ms var(--csp-ease-out) both;transition:transform 200ms var(--csp-ease-out),box-shadow 200ms var(--csp-ease-out)}
.csp-chart-item:nth-child(2){animation-delay:40ms}
.csp-chart-item:nth-child(3){animation-delay:80ms}
.csp-chart-item:nth-child(n+4){animation-delay:120ms}

/* --- Schede e copertine: sollevamento e zoom piu misurati --- */
.csp-card,.csp-top-card{transition:transform 200ms var(--csp-ease-out),box-shadow 200ms var(--csp-ease-out)}
.csp-card-media img,.csp-top-media img{transition:transform 300ms var(--csp-ease-out)}
.csp-hero img{transition:transform 400ms var(--csp-ease-out)}
.csp-card:hover,.csp-top-card:hover{transform:translateY(-3px)}
.csp-card:hover .csp-card-media img,.csp-top-card:hover .csp-top-media img{transform:scale(1.03)}
.csp-hero:hover img{transform:scale(1.02)}
.csp-play{transform:scale(.92);transition:opacity 150ms var(--csp-ease-out),transform 150ms var(--csp-ease-out)}
.csp-explore a{transition:transform 200ms var(--csp-ease-out),box-shadow 200ms var(--csp-ease-out)}
.csp-more{transition:background-color 200ms ease,transform 160ms var(--csp-ease-out)}

/* Sul telefono e sui tablet il "passaggio del mouse" non esiste: un tocco lasciava la scheda sollevata */
@media (hover:none),(pointer:coarse){
  .csp-card:hover,.csp-top-card:hover,.csp-chart-item:hover,.csp-explore a:hover,.csp-more:hover,.csp-deal:hover,.csp-tun:hover{transform:none}
  .csp-card:hover,.csp-top-card:hover,.csp-chart-item:hover,.csp-explore a:hover{box-shadow:var(--csp-shadow)}
  .csp-card:hover .csp-card-media img,.csp-top-card:hover .csp-top-media img,.csp-hero:hover img{transform:none}
  .csp-chart-play:hover{transform:none}
  .csp-has-share > .csp-share-btn.csp-share-in:hover{transform:none}
  .csp-ask .csp-ask-btn:hover svg,.csp-tun:hover .csp-tun-btn svg{transform:none}
  .csp-deal:hover .csp-deal-btn,.csp-fun-btn:hover{gap:8px}
}

/* --- Pressione dei pulsanti: risposta immediata e uguale ovunque ---
   Uso la proprieta "scale" (separata da "transform") cosi non si scontra con gli altri movimenti */
.csp-arrow,.csp-more,.post-body .csp-pill,.csp-size button,.post-body .csp-semi button,.post-body .csp-keypick,.post-body .csp-keygrid button,
.csp-scroller button,.csp-pl-ctrl button,.csp-share-btn,.csp-sh-item,.csp-sh-copy button,.csp-sh-x,.csp-acct-btn,.csp-acct-g,.csp-acct-dark,.csp-pref-open,
.csp-hamb-btn,.csp-drawer-x,.csp-sc-nav,.csp-chart-play,.post-body pre .csp-tab-play,button.csp-fav,.csp-tip .csp-tip-btn,.csp-tip-amt button,
.csp-deal-btn,.csp-tun-btn,.csp-ask .csp-ask-btn,.csp-fun-btn,.csp-404 button,.csp-appi button,.feed-view #blog-pager a,.csp-nota button,
.csp-ss-back,.csp-ss-x,.csp-sx,.csp-pr-btn,.csp-mod-btn,.csp-prova button,.csp-trad-x,.csp-pop button,.csp-instr button,.csp-dm-grp > button,
.csp-hn > li > a,.csp-hn > li > button,.csp-rec button,.csp-pref-seg button,html body .sidebar-container .navigation .sidebar-back{
  transition-property:background-color,color,border-color,box-shadow,opacity,filter,transform,scale;
  transition-duration:200ms,200ms,200ms,200ms,200ms,200ms,200ms,160ms;
  transition-timing-function:ease,ease,ease,ease,ease,ease,var(--csp-ease-out),var(--csp-ease-out);
}
.csp-arrow:active,.csp-more:active,.post-body .csp-pill:active,.csp-size button:active,.post-body .csp-semi button:active,.post-body .csp-keypick:active,.post-body .csp-keygrid button:active,
.csp-scroller button:active,.csp-pl-ctrl button:active,.csp-share-btn:active,.csp-sh-item:active,.csp-sh-copy button:active,.csp-sh-x:active,.csp-acct-btn:active,.csp-acct-g:active,.csp-acct-dark:active,.csp-pref-open:active,
.csp-hamb-btn:active,.csp-drawer-x:active,.csp-sc-nav:active,.csp-chart-play:active,.post-body pre .csp-tab-play:active,button.csp-fav:active,.csp-tip .csp-tip-btn:active,.csp-tip-amt button:active,
.csp-deal-btn:active,.csp-tun-btn:active,.csp-ask .csp-ask-btn:active,.csp-fun-btn:active,.csp-404 button:active,.csp-appi button:active,.feed-view #blog-pager a:active,.csp-nota button:active,
.csp-ss-back:active,.csp-ss-x:active,.csp-sx:active,.csp-pr-btn:active,.csp-mod-btn:active,.csp-prova button:active,.csp-trad-x:active,.csp-pop button:active,.csp-instr button:active,.csp-dm-grp > button:active,
.csp-hn > li > a:active,.csp-hn > li > button:active,.csp-rec button:active,.csp-pref-seg button:active,html body .sidebar-container .navigation .sidebar-back:active{scale:.97}
/* le vecchie pressioni a 0.92-0.94 erano troppo forti: ora le fa tutte "scale" */
.csp-arrow:active,.csp-size button:active,.post-body .csp-pill:active,.csp-share-btn:active,.csp-pl-ctrl button:active,.csp-tip .csp-tip-btn:active,
.csp-pr-btn:active,.post-body pre .csp-tab-play:active,.post-body .csp-keygrid button:active,html body .sidebar-container .navigation .sidebar-back:active{transform:none}
/* il cuoricino: piccolo balzo, piu breve */
@keyframes csp-fav-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
button.csp-fav.csp-pop svg{animation:csp-fav-pop 320ms var(--csp-ease-out)}

/* --- Menu e finestre che compaiono: nascono dal loro pulsante --- */
.csp-acct-pop{transform-origin:top right;transition:opacity 180ms var(--csp-ease-out),transform 180ms var(--csp-ease-out)}
.csp-hn-sub{transform-origin:top left;transition:opacity 180ms var(--csp-ease-out),transform 180ms var(--csp-ease-out)}
.csp-hn-more .csp-hn-sub{transform-origin:top right}
.post-body .csp-keygrid{transform-origin:top left;transition:opacity 180ms var(--csp-ease-out),transform 180ms var(--csp-ease-out)}
.csp-sugg{transform-origin:top center;transition:opacity 150ms var(--csp-ease-out),transform 150ms var(--csp-ease-out)}
.csp-pop{transform-origin:center bottom;transition:opacity 125ms var(--csp-ease-out),transform 125ms var(--csp-ease-out)}
.csp-scroller{transition:opacity 200ms var(--csp-ease-out),transform 200ms var(--csp-ease-out)}
.csp-player{transition:opacity 300ms var(--csp-ease-out),transform 300ms var(--csp-ease-out)}
.csp-scaletta{transition:opacity 300ms var(--csp-ease-out),transform 300ms var(--csp-ease-out)}
.csp-mod{transition:opacity 250ms var(--csp-ease-out)}
.csp-mod-in{transition:opacity 250ms var(--csp-ease-out),transform 250ms var(--csp-ease-out)}
.csp-prova,.csp-rec{transition:opacity 250ms var(--csp-ease-out),transform 250ms var(--csp-ease-out)}
.csp-ss.csp-open{transition:opacity 220ms var(--csp-ease-out),transform 220ms var(--csp-ease-out)}
.csp-diagrams,.post-body .csp-trad,.csp-dym{transition:opacity 200ms var(--csp-ease-out),transform 200ms var(--csp-ease-out)}
@starting-style{
  .csp-acct-pop{opacity:0;transform:scale(.96)}
  .csp-hn > li.open > .csp-hn-sub{opacity:0;transform:scale(.96) translateY(-4px)}
  .post-body .csp-keygrid{opacity:0;transform:scale(.97)}
  .csp-sugg{opacity:0;transform:scale(.98) translateY(-4px)}
  .csp-pop{opacity:0;transform:scale(.97)}
  .csp-scroller{opacity:0;transform:scale(.96)}
  .csp-player{opacity:0;transform:translateY(16px)}
  .csp-scaletta{opacity:0;transform:translateX(-50%) translateY(16px)}
  .csp-mod{opacity:0}
  .csp-mod-in{opacity:0;transform:scale(.96)}
  .csp-prova,.csp-rec{opacity:0;transform:translateY(-8px)}
  .csp-ss.csp-open{opacity:0;transform:translateY(8px)}
  .post-body .csp-diagrams,.post-body .csp-trad,.csp-dym{opacity:0;transform:translateY(6px)}
}

/* --- Finestra "Condividi": su computer appare al centro, sul telefono sale dal basso come un foglio --- */
.csp-sh{transition:opacity 200ms var(--csp-ease-out),visibility 200ms}
.csp-sh-box{transform:scale(.96);transition:transform 250ms var(--csp-ease-out)}
@media (max-width:745px){
  .csp-sh-box{transform:translateY(100%);transition:transform 400ms var(--csp-ease-drawer)}
}
.csp-sh.csp-open .csp-sh-box{transform:none}

/* --- Menu laterale: curva da foglio di iPhone, si ferma morbido --- */
.csp-drawer{transition:transform 400ms var(--csp-ease-drawer),visibility 400ms}
.csp-drawer-dim{transition:opacity 300ms var(--csp-ease-out)}
.sidebar-container{transition-timing-function:var(--csp-ease-drawer) !important;transition-duration:400ms !important}

/* --- Avvisi e interruttori: stessa curva del resto --- */
.csp-fav-toast{transition:opacity 300ms ease,transform 300ms ease}
.csp-privacy-msg,.csp-appi-tip,.csp-sync-hint{transition:opacity 200ms var(--csp-ease-out),transform 200ms var(--csp-ease-out)}
.csp-acct-dark i::after{transition:transform 200ms var(--csp-ease-out)}
.csp-acct-dark i{transition:background-color 200ms ease}
.csp-hn .csp-chev,.csp-dm-grp .csp-chev,.post-body .csp-keypick svg,.csp-pref-open i{transition:transform 200ms var(--csp-ease-out)}

/* --- Chi ha chiesto meno movimento (impostazione del telefono o del computer):
       restano le dissolvenze, spariscono spostamenti, zoom e rimbalzi --- */
@media (prefers-reduced-motion:reduce){
  .csp-card,.csp-hero,.csp-chart-item{animation:none !important}
  .csp-card:hover,.csp-top-card:hover,.csp-chart-item:hover,.csp-explore a:hover,.csp-more:hover,.csp-deal:hover,.csp-tun:hover{transform:none !important}
  .csp-card:hover .csp-card-media img,.csp-top-card:hover .csp-top-media img,.csp-hero:hover img{transform:none !important}
  .csp-play{transform:none !important}
  button.csp-fav.csp-pop svg{animation:none}
  .csp-arrow:active,.csp-more:active,.post-body .csp-pill:active,.csp-size button:active,.csp-scroller button:active,.csp-pl-ctrl button:active,
  .csp-share-btn:active,.csp-acct-btn:active,.csp-hamb-btn:active,button.csp-fav:active,.feed-view #blog-pager a:active{scale:1}
  .csp-acct-pop,.csp-hn-sub,.post-body .csp-keygrid,.csp-sugg,.csp-pop,.csp-scroller,.csp-player,.csp-mod-in,.csp-prova,.csp-rec,.csp-ss.csp-open,
  .post-body .csp-diagrams,.post-body .csp-trad,.csp-dym{transition:opacity 200ms ease !important}
  .csp-sh-box,.csp-sh.csp-open .csp-sh-box{transform:none !important}
  .csp-drawer{transform:none !important;opacity:0;transition:opacity 200ms ease,visibility 200ms !important}
  body.csp-drawer-open .csp-drawer{opacity:1}
  .csp-fav-toast{transform:translate(-50%,0) !important}
}
@media (prefers-reduced-motion:reduce){
  @starting-style{
    .csp-acct-pop,.csp-hn > li.open > .csp-hn-sub,.post-body .csp-keygrid,.csp-sugg,.csp-pop,.csp-scroller,.csp-player,.csp-mod-in,.csp-prova,.csp-rec,.csp-ss.csp-open,
    .post-body .csp-diagrams,.post-body .csp-trad,.csp-dym{transform:none}
    .csp-scaletta{transform:translateX(-50%)}
  }
}