:root{--innari2026-ui-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--app-bg:#f3efe7;--app-paper:#fffdf7;--app-paper-2:#f9f4e9;--app-ink:#1d211f;--app-muted:#6d746e;--app-line:#ded7c9;--app-green:#176a5f;--app-green-soft:#e4f1ec;--app-coral:#ba5338;--app-shadow:0 22px 70px rgba(52,45,34,.16);--app-radius:18px}
*{box-sizing:border-box}html{min-height:100%;background:#faf7ef}body{margin:0!important;color:var(--app-ink)!important;background:radial-gradient(circle at 20% 0%,rgba(211,146,40,.20),transparent 30rem),linear-gradient(180deg,#faf7ef 0%,var(--app-bg) 100%)!important;font-family:var(--innari2026-ui-font)!important;padding-bottom:32px;overflow-x:hidden}body.innari2026TopbarOpen,html.innari2026TopbarOpen,body.innari2026BackdropOn,html.innari2026BackdropOn{overscroll-behavior:none}
button,input,select,textarea{font-family:var(--innari2026-ui-font)!important}.material-symbols-rounded,.material-symbols-outlined{font-size:1.45rem;line-height:1;vertical-align:middle}
.innari2026Backdrop{position:fixed;inset:0;z-index:75;background:rgba(12,14,14,.52);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s;touch-action:none}.innari2026Backdrop[data-active="1"]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility 0s}
.innari2026Topbar{position:sticky;top:0;left:0;right:0;z-index:90;width:100%;min-height:62px;display:grid;grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;gap:10px;margin:0;padding:6px clamp(10px,3vw,22px);border-bottom:1px solid rgba(222,215,201,.78);background:rgba(255,253,247,.92);backdrop-filter:blur(18px);transition:min-height .22s ease,background .22s ease}.innari2026Topbar[data-home="1"]{grid-template-columns:52px minmax(0,1fr) 40px}.innari2026Brand{width:46px;height:46px;display:inline-grid;place-items:center;padding:0!important;border:0!important;border-radius:var(--app-radius)!important;background:transparent!important;color:var(--app-green)!important;cursor:pointer}.innari2026BrandIcon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;color:var(--app-green)!important;background:transparent!important;font-weight:900;font-size:1.9rem;line-height:1;transform:translateY(1px)}
.innari2026HomeTopTitle,.innari2026TopSongTitle{min-width:0;display:grid;place-items:center;text-align:center}.innari2026TopSongTitleWithNav{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px}.innari2026NowPlaying{min-width:0;display:grid;justify-items:center;gap:3px;text-align:center;text-decoration:none!important;color:inherit!important}.innari2026NowPlaying span{color:var(--app-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.innari2026NowPlaying strong{max-width:100%;overflow:hidden;color:var(--app-ink);font-size:clamp(1rem,2.2vw,1.55rem);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.innari2026TopActions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.innari2026TopButton,.innari2026TopSongArrow{width:40px!important;height:40px!important;min-height:40px!important;display:grid!important;place-items:center;border:1px solid var(--app-line)!important;border-radius:var(--app-radius)!important;background:var(--app-paper)!important;color:var(--app-green)!important;box-shadow:none!important;text-decoration:none!important}.innari2026TopButton .material-symbols-rounded,.innari2026TopSongArrow .material-symbols-rounded{color:var(--app-green)!important;font-size:1.65rem}.innari2026TopSongArrow.is-disabled{opacity:.35}.innari2026TopSpacer{width:40px;height:40px}
.innari2026TopDrawer{grid-column:1/-1;display:block;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .24s ease,opacity .2s ease,padding-top .2s ease}.innari2026Topbar[data-expanded="1"]{touch-action:none;box-shadow:0 22px 70px rgba(13,16,15,.28)}.innari2026Topbar[data-expanded="1"] .innari2026TopDrawer{max-height:430px;opacity:1;pointer-events:auto;padding-top:8px;overscroll-behavior:contain}
#divUserBox,#divBoxRicerca,#divStrumentiAvanzati{position:fixed!important;width:min(440px,calc(100vw - 32px))!important;height:calc(100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;top:24px!important;right:16px!important;left:auto!important;transform:translateX(calc(100% + 32px))!important;transition:transform .22s ease!important;border:1px solid var(--app-line)!important;border-radius:var(--app-radius)!important;background:var(--app-paper)!important;color:var(--app-ink)!important;box-shadow:-24px 0 70px rgba(13,16,15,.26)!important;padding:10px!important;z-index:130!important;overflow:hidden auto!important;overscroll-behavior:contain;pointer-events:none;-webkit-overflow-scrolling:touch}#divUserBox[data-open="1"],#divBoxRicerca[data-open="1"],#divStrumentiAvanzati[data-open="1"]{transform:translateX(0)!important;pointer-events:auto;z-index:130!important}.innari2026LegacyMenu{display:none!important}.innari2026PanelHeader{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid var(--app-line);background:rgba(255,253,247,.96);backdrop-filter:blur(14px)}.innari2026Eyebrow{color:var(--app-muted);font-size:.8rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.innari2026CloseButton,.innari2026BackButton{border:1px solid var(--app-line)!important;border-radius:var(--app-radius)!important;background:var(--app-paper)!important;color:var(--app-muted)!important;box-shadow:none!important}
.innari2026SearchPanel{position:fixed;left:50%;bottom:18px;z-index:120;width:min(780px,calc(100vw - 20px));max-height:min(86dvh,760px);display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--app-line);border-radius:24px;background:var(--app-paper);box-shadow:0 24px 70px rgba(13,16,15,.26);transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;overflow:hidden;transition:transform .24s ease,opacity .18s ease}.innari2026SearchPanel[data-open="1"]{transform:translate(-50%,0);opacity:1;pointer-events:auto}.innari2026SearchHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--app-line)}.innari2026SearchHeader h2{margin:3px 0 0;font-size:1.55rem}.innari2026SearchBody{min-height:0;overflow:auto;padding:18px}.innari2026SearchForm{display:grid;gap:12px}.innari2026SearchInputWrap{min-height:56px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;border:2px solid rgba(23,106,95,.34);border-radius:var(--app-radius);background:rgba(255,253,247,.96)}.innari2026SearchInputWrap input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--app-ink)!important;font:900 1.05rem/1.2 var(--innari2026-ui-font)!important;box-shadow:none!important}
.innari2026Home{width:min(1180px,calc(100% - 28px));margin:clamp(18px,4vw,42px) auto 60px;display:grid;gap:clamp(18px,3vw,30px)}.innari2026HomeHero,.innari2026HomeSection,.innari2026HomeTodayCard{max-width:100%;min-width:0;border:1px solid var(--app-line);border-radius:var(--app-radius);background:rgba(255,253,247,.94);box-shadow:var(--app-shadow)}.innari2026HomeHero{--innari2026HomeSearchWidth:860px;padding:clamp(26px,5vw,62px);display:grid;gap:22px;overflow:hidden;position:relative}.innari2026HomeHeroText,.innari2026HomeSearch,.innari2026HomeHeroActions{position:relative;z-index:1}.innari2026HomeHero h1{margin:6px 0 0;color:var(--app-ink);font-size:clamp(2.5rem,7vw,5.4rem);line-height:.92;font-weight:900;letter-spacing:-.035em}.innari2026HomeHero p{max-width:720px;margin:16px 0 0;color:var(--app-muted);font-size:clamp(1rem,2vw,1.28rem);line-height:1.38;font-weight:800}.innari2026HomeSearch,.innari2026HomeSearchStatusRow,.innari2026HomeResultsWrap{width:100%!important;max-width:var(--innari2026HomeSearchWidth)!important;justify-self:start!important;box-sizing:border-box!important}.innari2026HomeSearch{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:10px}.innari2026HomeSearchInputWrap{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 14px 0 16px;border:2px solid rgba(23,106,95,.34)!important;border-radius:var(--app-radius);background:rgba(255,253,247,.96)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 10px 24px rgba(23,106,95,.08);box-sizing:border-box}.innari2026HomeSearchInputWrap> .material-symbols-rounded{color:var(--app-green)!important;font-size:1.9rem}.innari2026HomeSearchInputWrap input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--app-ink)!important;font:900 1.05rem/1.2 var(--innari2026-ui-font)!important;box-shadow:none!important}.innari2026SearchInlineButton,.innari2026HomeSearchInlineButton{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid rgba(23,106,95,.22)!important;border-radius:14px!important;background:rgba(228,241,236,.70)!important;color:var(--app-green)!important;box-shadow:none!important;cursor:pointer!important;flex:0 0 auto!important}.innari2026HomeSearchInlineButton .material-symbols-rounded{color:var(--app-green)!important;font-size:1.35rem!important;line-height:1!important}.innari2026SearchAdvanced:not([open]),.innari2026HomeAdvanced:not([open]){display:none!important}.innari2026AdvancedHiddenSummary{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important}
.innari2026HomeSection,.innari2026HomeTodayCard{padding:22px}.innari2026HomeSectionHead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.innari2026HomeSectionHead h2{margin:4px 0 0;font-size:1.5rem}.innari2026HomeCollectionGrid,.innari2026HomeQuickGrid{display:grid;gap:10px}.innari2026HomeCollectionCard,.innari2026HomeQuickCard{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid var(--app-line)!important;border-radius:var(--app-radius)!important;background:var(--app-paper-2)!important;color:var(--app-ink)!important;text-decoration:none!important;box-shadow:none!important}.innari2026HomeCollectionText,.innari2026HomeQuickText{min-width:0;display:block}.innari2026HomeCollectionText strong,.innari2026HomeQuickText strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.innari2026HomeCollectionText small,.innari2026HomeQuickText small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--app-muted);font-size:.82rem;font-weight:700}.innari2026HomeMuted{color:var(--app-muted);font-weight:800}
@media (max-width:680px){:root{--app-radius:14px}.innari2026Topbar,.innari2026Topbar[data-home="1"]{grid-template-columns:38px minmax(0,1fr) 32px;min-height:54px;padding:5px 7px;gap:5px}.innari2026Brand,.innari2026BrandIcon{width:38px;height:38px}.innari2026BrandIcon{font-size:1.55rem}.innari2026NowPlaying span{font-size:.65rem}.innari2026NowPlaying strong{font-size:1rem}.innari2026TopButton,.innari2026TopSongArrow{width:34px!important;height:34px!important;min-height:34px!important;border-radius:12px!important}.innari2026TopButton .material-symbols-rounded,.innari2026TopSongArrow .material-symbols-rounded{font-size:1.4rem}.innari2026Home{width:calc(100% - 16px);margin-top:12px;gap:14px}.innari2026HomeHero,.innari2026HomeSection,.innari2026HomeTodayCard{padding:18px 14px}.innari2026HomeHero{--innari2026HomeSearchWidth:100%}.innari2026HomeHero h1{font-size:clamp(2.35rem,14vw,3.6rem)}.innari2026HomeHero p{font-size:.96rem}.innari2026HomeSearchInputWrap{min-height:54px;grid-template-columns:34px minmax(0,1fr) auto;padding:0 10px 0 13px;gap:6px}.innari2026HomeSearchInputWrap> .material-symbols-rounded{font-size:1.65rem!important}.innari2026HomeSearchInputWrap input{font-size:1rem!important}.innari2026SearchInlineButton,.innari2026HomeSearchInlineButton{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:12px!important}.innari2026SearchPanel{width:calc(100vw - 14px);bottom:8px;max-height:88dvh}.innari2026HomeSectionHead{align-items:start;flex-direction:column;gap:10px}.innari2026HomeCollectionCard,.innari2026HomeQuickCard{grid-template-columns:34px minmax(0,1fr) 22px;padding:9px 10px}}
body.stage{--app-bg:#121617;--app-paper:#181e20;--app-paper-2:#202729;--app-ink:#f5f0e5;--app-muted:#bdc4c0;--app-line:#394247;--app-green:#93d7c7;--app-green-soft:rgba(147,215,199,.14);background:radial-gradient(circle at 20% 0%,rgba(147,215,199,.12),transparent 30rem),linear-gradient(180deg,#101314 0%,#161a1b 100%)!important;color:var(--app-ink)!important}body.stage .innari2026Topbar{background:rgba(22,26,27,.9)}body.stage .innari2026HomeHero,body.stage .innari2026HomeSection,body.stage .innari2026HomeTodayCard,body.stage #divUserBox,body.stage .innari2026SearchPanel{background:var(--app-paper)!important}

/* v20.4 - topbar sticky gia nel CSS critico: nessun padding artificiale */
body.innari2026AppPage{padding-top:0!important;--innari2026FixedTopbarHeight:0px;--innari2026MeasuredTopbarHeight:0px;--innari2026TopbarGap:0px}
body.innari2026AppPage .innari2026Topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important}
body.innari2026AppPage.innari2026SongPage #tabellaTestoBrano{margin-top:clamp(12px,2vw,22px)!important}

/* v20.6 - brano: topbar fissa con stacco visibile dal box */
body.innari2026AppPage.innari2026SongPage{--innari2026FixedTopbarHeight:62px;--innari2026MeasuredTopbarHeight:var(--innari2026FixedTopbarHeight,62px);--innari2026TopbarGap:0px;padding-top:var(--innari2026MeasuredTopbarHeight,62px)!important}
body.innari2026AppPage.innari2026SongPage .innari2026Topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:90!important;transform:translateZ(0);-webkit-transform:translateZ(0)}
body.innari2026AppPage.innari2026SongPage #tabellaTestoBrano{margin-top:clamp(14px,2.2vw,24px)!important}
@supports (top:env(safe-area-inset-top)){body.innari2026AppPage.innari2026SongPage{padding-top:calc(var(--innari2026MeasuredTopbarHeight,62px) + env(safe-area-inset-top))!important}body.innari2026AppPage.innari2026SongPage .innari2026Topbar{top:env(safe-area-inset-top)!important}}
@media (max-width:680px){body.innari2026AppPage.innari2026SongPage{--innari2026FixedTopbarHeight:62px;--innari2026TopbarGap:0px}body.innari2026AppPage.innari2026SongPage #tabellaTestoBrano{margin-top:14px!important}}

/* v20.7 - brano online: topbar fissa con distacco reale ripristinato
   Il distacco va nel padding della pagina, non nel margine della tabella,
   perche' il primo box visibile del brano coincide con il flusso principale. */
body.innari2026AppPage.innari2026SongPage {
  --innari2026FixedTopbarHeight: 62px;
  --innari2026MeasuredTopbarHeight: var(--innari2026FixedTopbarHeight, 62px);
  --innari2026SongTopGap: clamp(14px, 1.7vw, 24px);
  padding-top: calc(var(--innari2026MeasuredTopbarHeight, var(--innari2026FixedTopbarHeight, 62px)) + var(--innari2026SongTopGap, 14px)) !important;
}

body.innari2026AppPage.innari2026SongPage .innari2026Topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 90 !important;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

body.innari2026AppPage.innari2026SongPage #tabellaTestoBrano {
  margin-top: 0 !important;
}

@supports (top: env(safe-area-inset-top)) {
  body.innari2026AppPage.innari2026SongPage {
    padding-top: calc(var(--innari2026MeasuredTopbarHeight, var(--innari2026FixedTopbarHeight, 62px)) + var(--innari2026SongTopGap, 14px) + env(safe-area-inset-top)) !important;
  }

  body.innari2026AppPage.innari2026SongPage .innari2026Topbar {
    top: env(safe-area-inset-top) !important;
  }
}

@media (max-width: 680px) {
  body.innari2026AppPage.innari2026SongPage {
    --innari2026FixedTopbarHeight: 62px;
    --innari2026SongTopGap: 14px;
  }
}

/* v22.6 - spazio stabile tra topbar fissa e blocco brano */
body.innari2026AppPage.innari2026SongPage{--innari2026SongTopGap:clamp(14px,1.8vw,24px);padding-top:calc(var(--innari2026MeasuredTopbarHeight,var(--innari2026FixedTopbarHeight,62px)) + var(--innari2026SongTopGap,14px))!important}
body.innari2026AppPage.innari2026SongPage #tabellaTestoBrano{margin-top:clamp(10px,1.4vw,16px)!important}
@supports (top:env(safe-area-inset-top)){body.innari2026AppPage.innari2026SongPage{padding-top:calc(var(--innari2026MeasuredTopbarHeight,var(--innari2026FixedTopbarHeight,62px)) + var(--innari2026SongTopGap,14px) + env(safe-area-inset-top))!important}}
@media (max-width:680px){body.innari2026AppPage.innari2026SongPage{--innari2026SongTopGap:14px}body.innari2026AppPage.innari2026SongPage #tabellaTestoBrano{margin-top:14px!important}}