/* TEMA SCURO — file generato da tools/dark.py a partire da style.css: non modificarlo a mano. */
:where(html.dark) body { color: var(--ink); }
:where(html.dark) button, :where(html.dark) input, :where(html.dark) select, :where(html.dark) textarea { color: inherit; }
:where(html.dark) .btn { border: 1px solid transparent; background: none; }
:where(html.dark) .btn.ghost { border-color: var(--line); color: var(--ink); }
:where(html.dark) .btn.light { background: rgba(21,22,27,0.34); color: #fff; border-color: rgba(255,255,255,0.04); }
:where(html.dark) .link { border: 0; background: none; color: var(--blue); }
:where(html.dark) .x { color: var(--ink-2); }
:where(html.dark) .x:hover { background: var(--line); }
:where(html.dark) .logo { color: var(--ink); }
:where(html.dark) .omni:focus-within { border-color: rgba(255,255,255,0.14); }
:where(html.dark) .mode { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .mode.on { color: #fff; }
:where(html.dark) .go { border: 0; color: #fff; }
:where(html.dark) .who img { border: 2px solid var(--surface); box-shadow: var(--sh-1); }
:where(html.dark) .fsec { border-top: 1px solid var(--line); }
:where(html.dark) .fsec:first-of-type { border-top: 0; }
:where(html.dark) .flabel { color: var(--ink-3); }
:where(html.dark) .seg { background: var(--soft); }
:where(html.dark) .seg button { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .seg button.on { background: var(--surface); color: var(--ink); box-shadow: var(--sh-1); }
:where(html.dark) .seg.cats { background: none; }
:where(html.dark) .seg.cats .catbtn { color: var(--ink); }
:where(html.dark) .seg.cats .catbtn:hover { border-color: rgba(255,255,255,0.14); }
:where(html.dark) .seg.cats .catbtn .cb-n { color: var(--ink-3); }
:where(html.dark) .seg.cats .catbtn.on { border-color: #343a4e; background: #343a4e; color: #fff; }
:where(html.dark) .seg.cats .catbtn.on .cb-n { color: rgba(255,255,255,.7); }
:where(html.dark) .tipo { border: 0; background: none; }
:where(html.dark) .tipo .ti { background: color-mix(in srgb, var(--c) 13%, #15161b); }
:where(html.dark) .tipo .tc { color: var(--ink-3); }
:where(html.dark) .tipo .tk { border: 1.5px solid rgba(255,255,255,0.14); color: #fff; }
:where(html.dark) .tipo.on .tk { background: var(--c); border-color: var(--c); }
:where(html.dark) .origin { background: #161d2b; color: #6799ea; }
:where(html.dark) .origin button { border: 0; background: none; color: inherit; }
:where(html.dark) .rangebox { color: var(--ink-2); }
:where(html.dark) .more summary { color: var(--ink-3); }
:where(html.dark) .fld > span { color: var(--ink-2); }
:where(html.dark) .fld input, :where(html.dark) .fld select, :where(html.dark) .fld textarea { border: 1px solid var(--line); background: var(--soft); }
:where(html.dark) .fld select, :where(html.dark) .mini-sel { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235d6370'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }
:where(html.dark) .fld.private textarea { background: #252013; border-color: rgba(255,255,255,0.14); }
:where(html.dark) .tog { color: var(--ink-2); }
:where(html.dark) .hint { color: var(--ink-2); }
:where(html.dark) .aichip button { border: 0; background: rgba(21,22,27,0.9); color: inherit; }
:where(html.dark) .map { background: #212327; }
:where(html.dark) .clu { color: #fff; }
:where(html.dark) .tmpdot { border: 3px solid var(--accent); background: rgba(232,65,44,.2); }
:where(html.dark) .pickbar { box-shadow: var(--sh-2); }
:where(html.dark) .card-ic { background: color-mix(in srgb, var(--c) 14%, #15161b); }
:where(html.dark) .card .meta { color: var(--ink-2); }
:where(html.dark) .priv, :where(html.dark) .privnote { background: #252013; color: #ffd052; }
:where(html.dark) .lhead { border-bottom: 1px solid var(--line); }
:where(html.dark) .lsub { color: var(--ink-3); }
:where(html.dark) .i-ic { background: color-mix(in srgb, var(--c) 13%, #15161b); }
:where(html.dark) .i-dist { color: var(--blue); }
:where(html.dark) .i-meta { color: var(--ink-2); }
:where(html.dark) .i-meta b { color: var(--c); }
:where(html.dark) .i-note { color: var(--ink); }
:where(html.dark) .empty { color: var(--ink-2); }
:where(html.dark) .empty b { color: var(--ink); }
:where(html.dark) .ai { border-bottom: 1px solid var(--line); }
:where(html.dark) .msg.me { color: #fff; }
:where(html.dark) .msg.ai.thinking { color: var(--ink-2); }
:where(html.dark) .msg .note { color: var(--ink-2); }
:where(html.dark) .pchip { border: 1px solid color-mix(in srgb, var(--c) 45%, rgba(255,255,255,0.14)); background: color-mix(in srgb, var(--c) 10%, #15161b); color: var(--ink); }
:where(html.dark) .ai-follow input { border: 1px solid var(--line); background: #15161b; }
:where(html.dark) .ai-follow .btn.light { color: var(--ink); border-color: var(--line); background: #15161b; }
:where(html.dark) .panel { box-shadow: var(--sh-2); }
:where(html.dark) .step-n { background: #343a4e; color: #fff; }
:where(html.dark) .or { color: var(--ink-3); }
:where(html.dark) .or::before, :where(html.dark) .or::after { background: var(--line); }
:where(html.dark) #f-link { border: 1px solid var(--line); background: var(--soft); }
:where(html.dark) .linkst { color: var(--ink-2); }
:where(html.dark) .linkst.ok { color: var(--ok); }
:where(html.dark) .qitem { border: 1px solid var(--line); background: var(--surface); }
:where(html.dark) .qitem.st-ok { border-color: var(--ok); background: color-mix(in srgb, var(--ok) 7%, var(--surface)); }
:where(html.dark) .qsub { color: var(--ink-2); }
:where(html.dark) .qdescr { color: var(--ink); }
:where(html.dark) .qdup { color: var(--blue); background: color-mix(in srgb, var(--blue) 10%, transparent); }
:where(html.dark) .qdone { color: var(--ok); }
:where(html.dark) .qno { color: var(--ink-3); }
:where(html.dark) .qfoot { border-top: 1px solid var(--line); }
:where(html.dark) .fld .auto { background: #161d2b; border-color: rgba(255,255,255,0.14); }
:where(html.dark) .posrow { color: var(--ink-2); }
:where(html.dark) .err { color: var(--danger); }
:where(html.dark) .mtabs { border-bottom: 1px solid var(--line); }
:where(html.dark) .mtab { border: 0; background: none; color: var(--ink-2); border-bottom: 2px solid transparent; }
:where(html.dark) .mtab.on { color: var(--ink); border-bottom-color: var(--ink); }
:where(html.dark) .mrow { background: var(--soft); }
:where(html.dark) .mrow input, :where(html.dark) .mrow select { border: 1px solid var(--line); background: #15161b; }
:where(html.dark) .m-n { color: var(--ink-3); }
:where(html.dark) .m-b { border: 1px solid var(--line); background: #fff; }
:where(html.dark) .m-move { color: var(--ink-2); }
:where(html.dark) .scrim { background: rgba(21,23,28,.35); }
:where(html.dark) .footside { color: var(--ink-3); }
@media (max-width: 980px) {
:where(html.dark) .listcol { border: 0; box-shadow: var(--sh-1); }
:where(html.dark) .side { box-shadow: var(--sh-2); }
:where(html.dark) #fcount { background: var(--accent); color: #fff; }
}
:where(html.dark) .link.pulse { background: var(--accent); color: #fff; }
:where(html.dark) .byline { color: var(--ink-3); }
:where(html.dark) .geobar { border: 1px solid var(--line); box-shadow: var(--sh-1); }
:where(html.dark) .gf { border-left: 1px solid var(--line); }
:where(html.dark) .gf:first-child { border-left: 0; }
:where(html.dark) .gf > span { color: var(--ink-3); }
:where(html.dark) .gf select { border: 0; background: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235d6370'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 4px center; outline: none; }
:where(html.dark) .gf select:disabled { color: var(--ink-3); }
:where(html.dark) .mapfab { border: 0; box-shadow: var(--sh-2); }
:where(html.dark) .mapfab:hover { background: var(--soft); }
:where(html.dark) .hdr { background: rgba(21,22,27,0.75); border-bottom-color: rgba(255,255,255,0.084); }
:where(html.dark) .side, :where(html.dark) .listcol { background: rgba(21,22,27,0.82); }
:where(html.dark) .side { border-right-color: rgba(255,255,255,0.084); }
:where(html.dark) .listcol { border-left-color: rgba(255,255,255,0.084); }
:where(html.dark) .geobar { border-color: rgba(255,255,255,0.084); }
:where(html.dark) body[data-cat="mangiare"] .catbtn.on, :where(html.dark) body[data-cat="mangiare"] .seg.cats .catbtn.on { background: #e8573f; border-color: #e8573f; }
:where(html.dark) .sec.on { border-color: var(--ink); }
:where(html.dark) .vside { background: rgba(21,22,27,0.82); border-right: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vs-country { color: var(--ink-2); }
:where(html.dark) .vwarn { background: #292315; color: #ffd052; }
:where(html.dark) .vbadge { background: rgba(255,255,255,0.091); color: var(--ink-2); }
:where(html.dark) .vbadge.demo { background: #2c2616; color: #ffd252; }
:where(html.dark) .vbadge.next { background: #192c24; color: #6de4b9; }
:where(html.dark) .vbadge.now { background: #1f8a65; color: #fff; }
:where(html.dark) .vbadge.past { background: #1d1930; color: #8d80cc; }
:where(html.dark) .vbadge.idea { background: #1b1f25; color: #a0a5b0; }
:where(html.dark) .vbadge.k { background: color-mix(in srgb, var(--c) 12%, #15161b); color: color-mix(in srgb, var(--c) 80%, #f5f5f5); }
:where(html.dark) .vbadge.ok { background: #192c24; color: #6de4b9; }
:where(html.dark) .vbadge.warn { background: #2d1816; color: #e5786c; }
:where(html.dark) .vbadge.prenotata { background: #20172e; color: #9873de; }
:where(html.dark) .vbadge.dafare { background: #2c2616; color: #ffd252; }
:where(html.dark) .vbadge.fatta { background: #192c24; color: #6de4b9; }
:where(html.dark) .vmap { background: #212327; }
:where(html.dark) .vhero p { color: var(--ink-2); }
:where(html.dark) .vback { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .vback:hover { color: var(--ink); }
:where(html.dark) .vh-cover { background: #15161b; box-shadow: var(--sh-2); }
:where(html.dark) .vh-meta { color: var(--ink-2); }
:where(html.dark) .vnote { background: #262213; border: 1px solid rgba(255,255,255,0.14); color: #e0c471; }
:where(html.dark) .vccard { border: 0; background: rgba(21,22,27,0.9); box-shadow: var(--sh-1); }
:where(html.dark) .vccard:hover { box-shadow: var(--sh-2); }
:where(html.dark) .vcc-b small { color: var(--ink-2); }
:where(html.dark) .vcc-cnt { color: var(--ink-3); }
:where(html.dark) .vtab { color: var(--ink-2); }
:where(html.dark) .vtab.on { background: var(--c); color: #fff; }
:where(html.dark) .vt-n { background: rgba(255,255,255,0.104); }
:where(html.dark) .vtab.on .vt-n { background: rgba(21,22,27,0.45); }
:where(html.dark) .vempty { color: var(--ink-2); background: rgba(21,22,27,0.7); border: 1px dashed rgba(255,255,255,0.16); }
:where(html.dark) .vitem { background: rgba(21,22,27,0.9); }
:where(html.dark) .vitem.clickable:hover { box-shadow: var(--sh-2); }
:where(html.dark) .vitem.flash, :where(html.dark) .vcheck.flash { box-shadow: 0 0 0 3px var(--c, #1f8a65), var(--sh-2); }
:where(html.dark) .vi-ic { background: color-mix(in srgb, var(--c) 12%, #15161b); }
:where(html.dark) .vi-meta { color: var(--ink-2); }
:where(html.dark) .vi-code { background: #1b152a; color: #8f74dc; }
:where(html.dark) .vw-l { color: var(--ink-2); }
:where(html.dark) .vw-t { color: var(--ink-2); }
:where(html.dark) .vchip { border: 1px solid rgba(255,255,255,0.14); background: #15161b; }
:where(html.dark) .vchip:hover { border-color: rgba(255,255,255,0.16); }
:where(html.dark) .vchip.on { background: #343a4e; color: #fff; border-color: #343a4e; }
:where(html.dark) .vpasto { border: 1px dashed rgba(255,255,255,0.16); background: none; color: var(--ink-3); }
:where(html.dark) .vpasto.on { border: 1px solid rgba(255,255,255,0.14); background: #2b1a16; color: #e3806e; }
:where(html.dark) .vrecipe { border: 1px solid rgba(255,255,255,0.14); }
:where(html.dark) .vcheck { background: rgba(21,22,27,0.9); box-shadow: var(--sh-1); }
:where(html.dark) .vc-t small { color: var(--ink-2); }
:where(html.dark) .vcheck.done b { color: var(--ink-3); }
:where(html.dark) .vsugg { background: rgba(21,22,27,0.75); }
:where(html.dark) .vs-sub { color: var(--ink-3); }
:where(html.dark) .vs-h { color: var(--ink-2); }
:where(html.dark) .vday { background: rgba(21,22,27,0.9); box-shadow: var(--sh-1); }
:where(html.dark) .vd-n { color: #fff; }
:where(html.dark) .vd-t span { color: var(--ink-2); }
:where(html.dark) .vtl { border-left: 2px solid rgba(255,255,255,0.14); }
:where(html.dark) .vtl-r::before { background: var(--c); border: 2px solid rgba(255,255,255,0.14); }
:where(html.dark) .vtl-r.clickable:hover { background: #16221c; }
:where(html.dark) .vtl-o { color: var(--ink-2); }
:where(html.dark) .vtl-t small { color: var(--ink-3); }
:where(html.dark) .vtl-empty { color: var(--ink-3); }
:where(html.dark) .vrefs { background: var(--soft); }
:where(html.dark) .hdr, :where(html.dark) .side, :where(html.dark) .listcol, :where(html.dark) .geobar, :where(html.dark) .sections, :where(html.dark) .card, :where(html.dark) .mapfab, :where(html.dark) .panel, :where(html.dark) .toast, :where(html.dark) .pickbar, :where(html.dark) .aichip, :where(html.dark) .vside, :where(html.dark) .vhero, :where(html.dark) .vitem, :where(html.dark) .vday, :where(html.dark) .vccard, :where(html.dark) .vcheck, :where(html.dark) .vsugg, :where(html.dark) .vempty, :where(html.dark) .vnote { background: var(--glass-hl), var(--glass); border: 1px solid var(--glass-edge); box-shadow: var(--glass-sh); }
:where(html.dark) .hdr { border-bottom: 1px solid var(--glass-edge); }
:where(html.dark) .omni { background: rgba(21,22,27,0.65); border: 1px solid rgba(255,255,255,0.12); box-shadow: inset 0 1px 2px rgba(0,0,0,0.128); }
:where(html.dark) .omni:focus-within { background: rgba(21,22,27,0.9); box-shadow: 0 0 0 4px rgba(31,111,235,.14), inset 0 1px 2px rgba(0,0,0,0.096); }
:where(html.dark) .mode.on { background: rgba(49,54,69,0.88); box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 4px 12px -4px rgba(0,0,0,0.56); }
:where(html.dark) .side { border-right: 1px solid var(--glass-edge); }
:where(html.dark) .listcol { border-left: 1px solid var(--glass-edge); }
:where(html.dark) .map { box-shadow: 0 0 0 1px rgba(255,255,255,0.09), 0 0 0 6px rgba(255,255,255,0.034), 0 20px 50px -20px rgba(0,0,0,0.56); }
:where(html.dark) .geobar { background: var(--glass-hl), rgba(21,22,27,0.7); }
:where(html.dark) .gf { border-left-color: rgba(255,255,255,0.112); }
:where(html.dark) .lhead { border-bottom-color: rgba(255,255,255,0.088); }
:where(html.dark) .sec { border: 0; background: none; box-shadow: none; color: var(--ink-2); }
:where(html.dark) .sec:not(.on):hover { background: rgba(21,22,27,0.65); }
:where(html.dark) .sec.on { background: rgba(21,22,27,0.92); color: var(--ink); box-shadow: 0 4px 14px -4px rgba(0,0,0,0.448), inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .x { background: rgba(21,22,27,0.75); border: 1px solid rgba(255,255,255,0.128); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .go { background: linear-gradient(180deg, #4e5363, #303340); box-shadow: inset 0 1px 0 rgba(255,255,255,0.03); }
:where(html.dark) .seg.cats .catbtn { background: rgba(21,22,27,0.65); border: 1px solid rgba(255,255,255,0.128); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 4px 14px -6px rgba(0,0,0,0.24); }
:where(html.dark) .seg.cats .catbtn:hover { background: rgba(21,22,27,0.9); }
:where(html.dark) body[data-cat="mangiare"] .seg.cats .catbtn.on { background: linear-gradient(150deg, rgba(255,140,105,.95), rgba(236,72,90,.92)); border-color: rgba(255,255,255,0.088); box-shadow: inset 0 1px 0 rgba(255,255,255,0.066), 0 12px 28px -10px rgba(236,72,90,.65); }
:where(html.dark) body[data-cat="visitare"] .seg.cats .catbtn.on { background: linear-gradient(150deg, rgba(56,201,150,.95), rgba(35,130,200,.92)); border-color: rgba(255,255,255,0.088); box-shadow: inset 0 1px 0 rgba(255,255,255,0.066), 0 12px 28px -10px rgba(35,130,200,.6); }
:where(html.dark) .tipo:hover { background: rgba(21,22,27,0.75); }
:where(html.dark) .tipo.on { background: rgba(21,22,27,0.9); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 8px -3px rgba(0,0,0,0.24); }
:where(html.dark) .tipo .ti, :where(html.dark) .i-ic, :where(html.dark) .card-ic, :where(html.dark) .vi-ic { box-shadow: inset 0 1px 0 rgba(255,255,255,0.108), 0 2px 6px -2px rgba(0,0,0,0.288); background: color-mix(in srgb, var(--c) 16%, rgba(21,22,27,0.9)); }
:where(html.dark) .item:hover, :where(html.dark) .item.hot { background: rgba(21,22,27,0.75); }
:where(html.dark) .item.sel { background: rgba(21,22,27,0.9); box-shadow: inset 3px 0 0 var(--c), 0 6px 18px -8px rgba(0,0,0,0.4); }
:where(html.dark) .mini-sel { background-color: rgba(21,22,27,0.75); border: 1px solid rgba(255,255,255,0.128); }
:where(html.dark) .ai { background: linear-gradient(180deg, rgba(33,25,49,0.85), rgba(21,22,27,0.4)); border-bottom-color: rgba(255,255,255,0.088); }
:where(html.dark) .msg.me { background: linear-gradient(180deg, #4e5363, #313645); }
:where(html.dark) .card { background: var(--glass-hl), rgba(21,22,27,0.9); }
:where(html.dark) .mapfab { background: var(--glass-hl), rgba(21,22,27,0.82); }
:where(html.dark) .panel { background: var(--glass-hl), rgba(21,22,27,0.9); }
:where(html.dark) .fld input, :where(html.dark) .fld select, :where(html.dark) .fld textarea, :where(html.dark) #f-link { background: rgba(21,22,27,0.8); border: 1px solid rgba(255,255,255,0.112); box-shadow: inset 0 1px 2px rgba(0,0,0,0.096); }
:where(html.dark) .fld input:focus, :where(html.dark) .fld select:focus, :where(html.dark) .fld textarea:focus, :where(html.dark) #f-link:focus { outline: none; background: #15161b; border-color: #9cc0fb; box-shadow: 0 0 0 4px rgba(31,111,235,.12); }
:where(html.dark) .toast { color: var(--ink); }
:where(html.dark) .pickbar { color: var(--ink); background: var(--glass-hl), rgba(21,22,27,0.9); }
:where(html.dark) .pickbar .btn.light { color: var(--ink); border-color: rgba(255,255,255,0.16); background: rgba(21,22,27,0.8); }
:where(html.dark) .aichip { color: #8f74dc; }
:where(html.dark) .clu { box-shadow: 0 0 0 5px rgba(255,255,255,0.054), 0 6px 16px rgba(0,0,0,0.448); }
:where(html.dark) .vmap { box-shadow: 0 0 0 1px rgba(255,255,255,0.09), 0 0 0 6px rgba(255,255,255,0.034), 0 20px 50px -20px rgba(0,0,0,0.56); }
:where(html.dark) .vcc-top { background: linear-gradient(135deg, hsl(var(--h) 50% 24% / .75), hsl(calc(var(--h) + 50) 50% 24% / .55)); border-bottom: 1px solid rgba(255,255,255,0.096); }
:where(html.dark) .vitem { border-left: 1px solid var(--glass-edge); box-shadow: inset 3px 0 0 var(--c), var(--glass-sh); }
:where(html.dark) .vtabs { background: none; }
:where(html.dark) .vtab { background: rgba(21,22,27,0.7); border: 1px solid rgba(255,255,255,0.128); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .vtab.on { background: linear-gradient(160deg, color-mix(in srgb, var(--c) 82%, #15161b), var(--c)); border-color: rgba(255,255,255,0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 8px 20px -8px var(--c); }
:where(html.dark) .vchip, :where(html.dark) .vpasto { background: rgba(21,22,27,0.8); }
:where(html.dark) .vrecipe { background: rgba(37,29,18,0.9); border-color: rgba(255,255,255,0.128); }
@media (max-width: 980px) {
:where(html.dark) .side { background: var(--glass-hl), rgba(21,22,27,0.9); }
}
:where(html.dark) .btn.recentbtn.on, :where(html.dark) .btn.recentbtn.on:hover { background: linear-gradient(150deg, rgba(123,77,240,.92), rgba(80,110,245,.92)); color: #fff; border-color: rgba(255,255,255,0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,0.054), 0 10px 24px -10px rgba(100,80,240,.7); }
:where(html.dark) .i-date { color: #8874dd; background: rgba(123,77,240,.1); }
:where(html.dark) .dest { background: rgba(255,255,255,0.078); box-shadow: inset 0 1px 2px rgba(0,0,0,0.128); }
:where(html.dark) .dest button { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .dest button.on { background: #15161b; color: var(--ink); box-shadow: 0 4px 12px -4px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .dest button[data-d="viaggio"].on { background: linear-gradient(150deg, #38c996, #2382c8); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.054), 0 8px 20px -8px rgba(35,130,200,.6); }
:where(html.dark) .desthint { color: #6fc2e2; background: rgba(35,130,200,.1); }
:where(html.dark) .tripbox { background: linear-gradient(150deg, rgba(56,201,150,.12), rgba(35,130,200,.1)); border: 1px solid rgba(35,130,200,.18); }
:where(html.dark) .vitem, :where(html.dark) .vday, :where(html.dark) .vccard, :where(html.dark) .vcheck { background: linear-gradient(160deg, rgba(21,22,27,0.9), rgba(21,22,27,0.9)); }
:where(html.dark) .vsugg, :where(html.dark) .vempty, :where(html.dark) .vnote { background: rgba(21,22,27,0.86); }
:where(html.dark) .card, :where(html.dark) .toast, :where(html.dark) .pickbar { background: rgba(21,22,27,0.94); }
:where(html.dark) .mapfab, :where(html.dark) .geobar, :where(html.dark) .sections { background: linear-gradient(160deg, rgba(21,22,27,0.9), rgba(21,22,27,0.9)); }
:where(html.dark) .btn.ghost, :where(html.dark) .vtab { background: rgba(21,22,27,0.9); }
:where(html.dark) .clu { background: rgba(49,54,69,0.88); }
:where(html.dark) .aichip { background: rgba(31,23,45,0.95); }
@media (max-width: 980px) {
:where(html.dark) .side, :where(html.dark) .panel { background: rgba(21,22,27,0.97); }
:where(html.dark) .listcol, :where(html.dark) .vhero { background: linear-gradient(160deg, rgba(21,22,27,0.9), rgba(21,22,27,0.9)); }
:where(html.dark) .sheet { background: rgba(30,24,40,.4); }
}
:where(html.dark) .gnear { border: 0; }
:where(html.dark) .gpsbtn { color: #6099f1; background: linear-gradient(160deg, rgba(21,22,27,0.95), rgba(21,22,27,0.9)); border: 1px solid rgba(255,255,255,0.14); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 6px 16px -8px rgba(0,0,0,0.56); }
:where(html.dark) .gpsbtn.on { background: linear-gradient(160deg, #3b8bff, #1f5fd6); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.054), 0 8px 18px -8px rgba(31,111,235,.7); }
:where(html.dark) .gnear .origin { background: rgba(31,111,235,.12); }
:where(html.dark) .mr-range select { border: 1px solid rgba(255,255,255,0.14); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235d6370'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; box-shadow: 0 4px 12px -8px rgba(0,0,0,0.48); }
:where(html.dark) gmp-place-autocomplete { background-color: transparent; border: none; }
:where(html.dark) gmp-place-autocomplete::part(input) { background: transparent; }
:where(html.dark) gmp-place-autocomplete::part(prediction-list) { box-shadow: 0 16px 40px -12px rgba(0,0,0,0.48); border: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) gmp-place-autocomplete::part(prediction-item-selected) { background: rgba(31,111,235,.08); }
:where(html.dark) .searchbox { border: 1.5px solid rgba(255,255,255,0.16); background: rgba(21,22,27,0.9); }
:where(html.dark) .searchbox:focus-within { border-color: #9cc0fb; box-shadow: 0 0 0 4px rgba(31,111,235,.12); }
:where(html.dark) .vf-toggle { background: rgba(255,255,255,0.052); }
:where(html.dark) .vf-toggle .sw { background: rgba(255,255,255,0.16); }
:where(html.dark) .vf-toggle input:checked + .sw { background: #34c759; }
:where(html.dark) .vf-toggle input:focus-visible + .sw { outline: 2px solid var(--blue); }
:where(html.dark) .vt-t small { color: var(--ink-2); }
:where(html.dark) .fld.dim input { background: rgba(255,255,255,0.156) !important; }
:where(html.dark) .vf-list { background: rgba(197,34,31,.06); }
:where(html.dark) .btn.danger.armed { background: #c5221f; color: #fff; border-color: #c5221f; }
:where(html.dark) .btn.vdel { color: var(--danger); }
:where(html.dark) gmp-place-autocomplete::part(input) { border: none; outline: none; }
@media (max-width: 980px) {
:where(html.dark) .omni { background: rgba(255,255,255,0.065); border: 1px solid rgba(255,255,255,0.084); }
}
:where(html.dark) .mr-range select { background-color: rgba(21,22,27,0.9); }
@media (max-width: 980px) {
:where(html.dark) .mr-tools:has(#rangebox:not([hidden])) .mr-range select { background-position: right 7px center; }
}
:where(html.dark) .gtitle { color: #fff; background: linear-gradient(135deg, #4c5366, #343949) !important; box-shadow: 0 8px 20px -10px rgba(0,0,0,0.7); }
:where(html.dark) body[data-cat="mangiare"] .gtitle { background: linear-gradient(135deg, #ef6b52, #d9435a) !important; }
:where(html.dark) body[data-cat="visitare"] .gtitle { background: linear-gradient(135deg, #2fb487, #2a7fc4) !important; }
:where(html.dark) .gt-c { background: rgba(21,22,27,0.45); }
:where(html.dark) .mapctl .gpsbtn { background: rgba(21,22,27,0.95); box-shadow: 0 6px 18px -6px rgba(0,0,0,0.56), inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .mapctl .gpsbtn.on { background: linear-gradient(160deg, #3b8bff, #1f5fd6); }
:where(html.dark) .mapsw { background: rgba(21,22,27,0.95); box-shadow: 0 6px 18px -6px rgba(0,0,0,0.56), inset 0 1px 0 rgba(255,255,255,0.12); color: var(--ink); }
:where(html.dark) .mapsw .ms-ic { border: 2px solid #b8bec9; }
:where(html.dark) .mapsw:has(input:checked) { background: linear-gradient(160deg, #3b8bff, #1f5fd6); color: #fff; }
:where(html.dark) .mapsw:has(input:checked) .ms-ic { border-color: rgba(255,255,255,0.14); background: #15161b; }
:where(html.dark) .mapsw:has(input:checked) .ms-ic::after { color: #6895e9; }
:where(html.dark) .mapsw:has(input:focus-visible) { outline: 2px solid var(--blue); }
:where(html.dark) .maprow .origin { background: rgba(31,111,235,.12); }
:where(html.dark) .vf-priv { color: #8276b3; }
:where(html.dark) .vpriv-date { color: var(--ink-3); }
:where(html.dark) .vpriv-note { background: rgba(107,92,165,.08); color: #8d80cc; }
:where(html.dark) .vd-date { color: var(--ink-3); }
:where(html.dark) .aiweb { border: 1px solid rgba(255,255,255,0.14); background: rgba(21,22,27,0.9); color: var(--ink-2); }
:where(html.dark) .aiweb.on { background: linear-gradient(150deg, #7b4df0, #5a67f2); color: #fff; border-color: transparent; }
:where(html.dark) .vatt { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.14); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 6px 18px -10px rgba(0,0,0,0.4); }
:where(html.dark) .va-lock { color: #8276b3; background: rgba(107,92,165,.1); }
:where(html.dark) .va-empty { color: var(--ink-2); }
:where(html.dark) .va-cat { color: var(--ink-3); }
:where(html.dark) .va-open { border: 0; background: rgba(21,22,27,0.9); }
:where(html.dark) .va-open:hover { background: #15161b; }
:where(html.dark) .va-t small { color: var(--ink-3); }
:where(html.dark) .va-del { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .va-del.armed { background: #c5221f; color: #fff; }
:where(html.dark) .vf-file { background: rgba(21,22,27,0.9) !important; }
:where(html.dark) .vv-pdf { border: 0; background: #15161b; }
:where(html.dark) .va-fchip { background: rgba(107,92,165,.08); border-color: rgba(107,92,165,.25); color: #8d80cc; }
:where(html.dark) .vmap .vgps { box-shadow: 0 6px 18px -6px rgba(0,0,0,0.56), inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .vmap .vgps.on { color: #fff; }
:where(html.dark) .vi-dist { color: #6099f1; background: rgba(31,111,235,.1); }
:where(html.dark) .vinfo { background: linear-gradient(150deg, rgba(56,201,150,.14), rgba(35,130,200,.12)); border: 1px solid rgba(35,130,200,.2); }
:where(html.dark) .vinfo ul { color: var(--ink-2); }
:where(html.dark) .vday-chip.on { background: var(--c); border-color: var(--c); color: #fff; }
:where(html.dark) .vday { border-top: 4px solid var(--dc, #1f8a65); }
:where(html.dark) .vd-n { background: var(--dc, #1f8a65); }
:where(html.dark) .vnum { background: #15161b; border: 3px solid var(--c); box-shadow: 0 4px 12px rgba(0,0,0,0.4); }
:where(html.dark) .vnum b { background: var(--c); color: #fff; }
:where(html.dark) .mioseg button { border: 1px solid rgba(255,255,255,0.128); background: rgba(21,22,27,0.7); color: var(--ink-2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .mioseg button.on { background: linear-gradient(150deg, #f5b301, #e8862b); color: #fff; border-color: transparent; box-shadow: 0 6px 16px -8px rgba(232,134,43,.8); }
:where(html.dark) .openrow .sw { background: rgba(255,255,255,0.16); }
:where(html.dark) .openrow input:checked + .sw { background: #34c759; }
:where(html.dark) .stars { color: #d6d9df; }
:where(html.dark) .stars .st.on { color: #f5b301; }
:where(html.dark) .stars.ed .st { border: 0; background: none; color: #d6d9df; }
:where(html.dark) .stars.ed .st.on { color: #f5b301; }
:where(html.dark) .pbadge.visto { background: #192c24; color: #6de4b9; }
:where(html.dark) .pbadge.provare { background: #2c2616; color: #ffd252; }
:where(html.dark) .obadge.open { color: #6de4b9; background: rgba(52,199,89,.12); }
:where(html.dark) .obadge.soon { color: #ffc352; background: rgba(245,179,1,.15); }
:where(html.dark) .obadge.closed { color: #e5786c; background: rgba(197,34,31,.08); }
:where(html.dark) .obadge.perm { color: #fff; background: #6b7280; }
:where(html.dark) .vdate { color: var(--ink-3); }
:where(html.dark) .hours { background: rgba(255,255,255,0.052); }
:where(html.dark) .hours ul { color: var(--ink-2); }
:where(html.dark) .hours li.today { color: var(--ink); }
:where(html.dark) .btn.vai { background: linear-gradient(120deg, #7b4df0, #ff5a7a); border-color: transparent; }
:where(html.dark) .vprog { background: rgba(21,22,27,0.9); box-shadow: inset 0 1px 2px rgba(0,0,0,0.128); }
:where(html.dark) .vprog-b { background: linear-gradient(90deg, #f0b45a, #e0862b); }
:where(html.dark) .vcsec { background: rgba(21,22,27,0.9); box-shadow: var(--sh-1); }
:where(html.dark) .vcitem:hover { background: rgba(255,255,255,0.052); }
:where(html.dark) .vcitem.done span { color: var(--ink-3); }
:where(html.dark) .vc-x { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .vc-add input { border: 1px dashed rgba(21,23,28,.18); background: none; }
:where(html.dark) .bkauto { border-top: 1px solid var(--line); }
:where(html.dark) .bk-seg { background: rgba(255,255,255,0.078); }
:where(html.dark) .bk-seg button { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .bk-seg button.on { background: #15161b; color: var(--ink); box-shadow: 0 3px 10px -4px rgba(0,0,0,0.48); }
:where(html.dark) .bkbanner { background: rgba(21,22,27,0.97); box-shadow: 0 12px 30px -10px rgba(0,0,0,0.56); }
:where(html.dark) .mio-stars select { border: 1px solid rgba(255,255,255,0.128); background: rgba(21,22,27,0.7); color: var(--ink-2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .mio-stars.on select { background: linear-gradient(150deg, #f5b301, #e8862b); color: #fff; border-color: transparent; box-shadow: 0 6px 16px -8px rgba(232,134,43,.8); }
:where(html.dark) .mio-stars select option { color: var(--ink); background: #15161b; }
:where(html.dark) .tpl-sec { border: 0; background: none; border-bottom: 1px dashed transparent; }
:where(html.dark) .tpl-sec:focus { outline: none; border-bottom-color: rgba(255,255,255,0.16); }
:where(html.dark) .tpl-new { border: 1.5px dashed rgba(255,255,255,0.16); background: rgba(21,22,27,0.7); }
:where(html.dark) .tpl-new input { border: 0; background: none; }
:where(html.dark) .vbk { background: rgba(255,255,255,0.052); }
:where(html.dark) .vbk-t small { color: var(--ink-2); }
:where(html.dark) .vsim { color: var(--ink-2); background: rgba(21,22,27,0.8); }
:where(html.dark) .vday.over { border-top-color: #e0862b !important; outline: 2px dashed rgba(224,134,43,.5); }
:where(html.dark) .vd-over { color: #a35b00; }
@media (max-width: 980px) {
:where(html.dark) body[data-vcity="1"] .vmap { box-shadow: 0 10px 24px -12px rgba(0,0,0,0.56), 0 0 0 1px rgba(255,255,255,0.096); }
}
:where(html.dark) .fxbar { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.14); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .fx-f { background: #15161b; border: 1px solid rgba(255,255,255,0.14); }
:where(html.dark) .fx-f input { border: 0; background: none; outline: none; }
:where(html.dark) .fx-c { color: var(--ink-2); }
:where(html.dark) .fx-sel { border: 0; background: rgba(255,255,255,0.078); }
:where(html.dark) .fx-swap { color: var(--ink-3); }
:where(html.dark) .fx-r { color: var(--ink-2); }
:where(html.dark) .vh-acts .btn.on { background: rgba(31,111,235,.12); border-color: rgba(31,111,235,.3); }
@media (max-width: 980px) {
:where(html.dark) body[data-section="luoghi"] .map { box-shadow: 0 12px 26px -12px rgba(0,0,0,0.64), 0 0 0 1px rgba(255,255,255,0.102); }
}
:where(html.dark) #app-luoghi .lpanel { border: 1px solid var(--glass-edge); }
:where(html.dark) #app-luoghi .mr-nav .sections { background: rgba(255,255,255,0.078); border: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,0.096); }
:where(html.dark) #app-luoghi .mr-nav .sec.on { background: #15161b; box-shadow: 0 2px 8px -2px rgba(0,0,0,0.4); }
:where(html.dark) #app-luoghi .cats-wrap { border: 0; }
:where(html.dark) #app-luoghi .seg.cats .catbtn .cb-n { background: rgba(255,255,255,0.091); color: var(--ink-2); }
:where(html.dark) #app-luoghi .seg.cats .catbtn.on .cb-n { background: rgba(21,22,27,0.48); color: #fff; }
:where(html.dark) .chip { border: 1px solid rgba(255,255,255,0.126); background: rgba(21,22,27,0.9); color: var(--ink); }
:where(html.dark) .chip:hover { background: #15161b; border-color: rgba(255,255,255,0.16); }
:where(html.dark) .chip.on { background: #343a4e; color: #fff; border-color: transparent; }
:where(html.dark) body[data-cat="mangiare"] .chip.on { background: #e5533f; }
:where(html.dark) body[data-cat="visitare"] .chip.on { background: #1f8a65; }
:where(html.dark) #app-luoghi .lhead { border-top: 1px solid rgba(255,255,255,0.084); border-bottom: 0; }
:where(html.dark) #side.side { background: rgba(21,22,27,0.97); box-shadow: 0 30px 60px -20px rgba(0,0,0,0.7); }
@media (max-width: 980px) {
:where(html.dark) #app-luoghi .lpanel { border-bottom: 0; }
:where(html.dark) .grab { border: 0; background: none; }
:where(html.dark) .grab span { background: rgba(255,255,255,0.16); }
}
:where(html.dark) .sections.tabbar { border: 0; border-top: 1px solid rgba(255,255,255,0.112); background: #15161b !important; box-shadow: 0 -6px 20px -12px rgba(0,0,0,0.4); }
:where(html.dark) .sections.tabbar .sec { color: var(--ink-3); background: none !important; box-shadow: none !important; }
:where(html.dark) .sections.tabbar .sec.on { color: var(--ink); }
:where(html.dark) #side .side-done { background: linear-gradient(180deg, rgba(21,22,27,0.2), #15161b 30%); }
:where(html.dark) .omni.zbar { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.112); box-shadow: inset 0 1px 2px rgba(0,0,0,0.08); }
:where(html.dark) .omni.zbar:focus-within { background: #15161b; box-shadow: 0 0 0 4px rgba(31,111,235,.12); border-color: #a9c6f5; }
:where(html.dark) .z-btn { border: 0; background: rgba(255,255,255,0.065); }
:where(html.dark) .z-btn:hover { background: rgba(255,255,255,0.117); }
:where(html.dark) .z-btn.on { background: rgba(31,111,235,.12); }
:where(html.dark) .z-l small { color: var(--ink-3); }
:where(html.dark) .z-btn.on .z-l b { color: #6895e9; }
:where(html.dark) .z-car { color: var(--ink-3); }
:where(html.dark) .z-form input { border: 0; background: none; outline: none; color: var(--ink); }
:where(html.dark) .z-pop { background: rgba(21,22,27,0.98); border: 1px solid rgba(255,255,255,0.112); box-shadow: 0 24px 50px -18px rgba(0,0,0,0.56); }
:where(html.dark) .zs-h { color: var(--ink-3); }
:where(html.dark) .zs-i { border: 0; background: none; }
:where(html.dark) .zs-i:hover, :where(html.dark) .zs-i.on { background: rgba(31,111,235,.08); }
:where(html.dark) .zs-ic { background: rgba(255,255,255,0.065); }
:where(html.dark) .zs-t small { color: var(--ink-3); }
:where(html.dark) .zp-hint { color: var(--ink-2); }
:where(html.dark) .z-zone .geobar { border: 0 !important; background: none !important; box-shadow: none !important; }
:where(html.dark) .z-zone .gf { border: 1px solid rgba(255,255,255,0.126) !important; background: rgba(255,255,255,0.039); }
:where(html.dark) .catpick { border: 1px solid rgba(255,255,255,0.126); background: rgba(21,22,27,0.9); }
:where(html.dark) .catpick:hover { background: #15161b; border-color: rgba(255,255,255,0.16); }
:where(html.dark) .catpick .cp-ic { background: rgba(255,255,255,0.065); }
:where(html.dark) .cp-t small { color: var(--ink-3); }
:where(html.dark) .cp-car { color: var(--ink-3); }
:where(html.dark) .catpick.on { border-color: currentColor; }
:where(html.dark) body[data-cat="mangiare"] .catpick.on { color: #e3756e; }
:where(html.dark) body[data-cat="visitare"] .catpick.on { color: #71dfb9; }
:where(html.dark) .catpick.on .cp-t b { color: inherit; }
:where(html.dark) .catpick.on .cp-t small, :where(html.dark) .catpick.on .cp-car { color: inherit; }
:where(html.dark) #side .fsec#sec-tipo { border-top: 0; }
:where(html.dark) .mapctl .chip.mchip { background: rgba(21,22,27,0.96); border-color: transparent; box-shadow: 0 6px 18px -6px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) .mapctl .chip.mchip.on { color: #fff; }
:where(html.dark) .mapctl .chip.mchip:nth-child(1).on { background: #1f9d55; }
:where(html.dark) .mapctl .chip.mchip:nth-child(2).on { background: #6a4be0; }
:where(html.dark) #app-luoghi .mapctl .gpsbtn { color: #6895e9; background: #15161b; border: 1.5px solid rgba(31,111,235,.35); box-shadow: 0 8px 20px -8px rgba(31,95,214,.55), inset 0 1px 0 rgba(255,255,255,0.12); }
:where(html.dark) #app-luoghi .mapctl .gpsbtn.on { background: linear-gradient(160deg, #3b8bff, #1f5fd6); color: #fff; border-color: transparent; }
:where(html.dark) .prow > .chip.ch-recent.on { background: #6a4be0; }
:where(html.dark) #app-luoghi .mapctl .mr-range select { border: 0; background-color: rgba(21,22,27,0.96); box-shadow: 0 6px 18px -6px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.12); color: var(--ink); }
:where(html.dark) #app-luoghi .mapctl .mr-range.on select { background-color: #1f5fd6; color: #fff; }
:where(html.dark) body[data-vcity="1"] .vside { background: rgba(22,23,29,0.98) !important; box-shadow: 0 30px 60px -20px rgba(0,0,0,0.64); }
:where(html.dark) body[data-vcity="1"][data-vlist="1"] .vscrim { background: rgba(30,24,20,.3); }
:where(html.dark) body[data-vcity="1"] .vlistbtn { border: 1px solid rgba(255,255,255,0.14); background: rgba(21,22,27,0.9); color: var(--ink-2); }
:where(html.dark) body[data-vcity="1"] .vlistbtn:hover { background: #15161b; color: var(--ink); }
@media (max-width: 980px) {
:where(html.dark) body[data-vcity="1"] .vmapcol { background: none !important; }
:where(html.dark) body[data-vcity="1"] .vmain { background: rgba(24,25,31,0.98); box-shadow: 0 -10px 34px -12px rgba(0,0,0,0.56); }
:where(html.dark) body[data-vcity="1"] .vgrab { background: rgba(24,25,31,0.98); }
}
:where(html.dark) .ai.aiwin { border: 1px solid rgba(255,255,255,0.112); background: linear-gradient(180deg, rgba(26,28,34,0.98), rgba(21,22,27,0.98) 140px) !important; box-shadow: 0 30px 70px -24px rgba(0,0,0,0.7); }
:where(html.dark) .aiwin .ai-head { border-bottom: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .aiwin .ai-follow { border-top: 1px solid rgba(255,255,255,0.084); background: rgba(21,22,27,0.9); }
:where(html.dark) .aibub { border: 0; background: linear-gradient(120deg, #7b4df0, #ff5a7a); color: #fff; box-shadow: 0 12px 28px -10px rgba(123,77,240,.7); }
:where(html.dark) .vside { border: 1px solid var(--glass-edge); }
:where(html.dark) .vside-nav .sections { background: rgba(255,255,255,0.078) !important; border: 0 !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.096) !important; }
:where(html.dark) .vside-nav .sec.on { background: #15161b; box-shadow: 0 2px 8px -2px rgba(0,0,0,0.4); }
:where(html.dark) .vtile { border: 1px solid rgba(255,255,255,0.128); background: rgba(21,22,27,0.9); box-shadow: 0 6px 16px -10px rgba(0,0,0,0.56); }
:where(html.dark) .vtile:hover { box-shadow: 0 14px 26px -14px rgba(0,0,0,0.7); }
:where(html.dark) .vtile.on { box-shadow: 0 0 0 2px var(--ink), 0 10px 22px -12px rgba(0,0,0,0.64); }
:where(html.dark) .vt-top { background: linear-gradient(135deg, hsl(var(--h) 38% 24%), hsl(calc(var(--h) + 45) 38% 24%)); }
:where(html.dark) .vt-b small { color: var(--ink-2); }
@media (max-width: 980px) {
:where(html.dark) body[data-section="viaggi"] .vmapcol { background: none !important; }
:where(html.dark) body[data-section="viaggi"]:not([data-vcity="1"]) .vside { background: rgba(24,25,31,0.98) !important; box-shadow: 0 -10px 34px -12px rgba(0,0,0,0.56); }
:where(html.dark) body[data-section="viaggi"]:not([data-vcity="1"]) .vsgrab { background: rgba(24,25,31,0.98); }
}
:where(html.dark) #app-luoghi .i-note { color: var(--ink-2); }
:where(html.dark) .vhero.city .vh-cover { box-shadow: 0 6px 14px -8px rgba(0,0,0,0.64); }
:where(html.dark) .vh-notes { color: var(--ink-2); }
:where(html.dark) .vatt-wrap .vatt { box-shadow: none; }
:where(html.dark) body[data-section="viaggi"] .vaibar { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.112); }
:where(html.dark) body[data-section="viaggi"] .vaibar:focus-within { background: #15161b; box-shadow: 0 0 0 4px rgba(123,77,240,.14); border-color: #c7b6f5; }
:where(html.dark) .vaibar input { border: 0; background: none; outline: none; }
:where(html.dark) .vaibar .go { background: linear-gradient(120deg, #7b4df0, #ff5a7a); }
:where(html.dark) .vai-ctx { color: var(--ink-2); background: rgba(255,255,255,0.065); }
:where(html.dark) .vp-t small { color: var(--ink-2); }
:where(html.dark) .vp-t small.vp-info { color: var(--ink-3); }
:where(html.dark) .vp-ok { border: 1px solid rgba(255,255,255,0.14); }
:where(html.dark) .vp-ok { background: #1f9d55; color: #fff; border-color: transparent; }
:where(html.dark) .btn.vai-sbtn { background: linear-gradient(120deg, rgba(123,77,240,.12), rgba(255,90,122,.1)) !important; border-color: rgba(123,77,240,.25) !important; }
:where(html.dark) .vlev { background: rgba(255,255,255,0.078); color: var(--ink-2); }
:where(html.dark) .vlev.imperdibile { background: #2a2515; color: #ffc352; }
:where(html.dark) .vlev.chicca { background: #1f1830; color: #8874dd; }
:where(html.dark) .vlev.insolito { background: #16222d; color: #6895e9; }
:where(html.dark) .vlev.autentico { background: #182b1f; color: #75dca0; }
:where(html.dark) .vlev.consigliato { background: #1c1f23; color: #acb2be; }
:where(html.dark) .cp-reset { border: 0; background: #e5533f; color: #fff; box-shadow: 0 6px 16px -8px rgba(229,83,63,.8); }
:where(html.dark) body[data-cat="visitare"] .cp-reset { background: #1f8a65; box-shadow: 0 6px 16px -8px rgba(31,138,101,.8); }
:where(html.dark) .vh-edit { border: 0; background: rgba(255,255,255,0.078); }
:where(html.dark) .vh-edit:hover { background: rgba(255,255,255,0.156); }
:where(html.dark) .vmap .vgmaps { color: var(--ink); background: #15161b; box-shadow: 0 8px 20px -8px rgba(0,0,0,0.56); }
:where(html.dark) .vpanel { background: rgba(30,24,40,.35); }
:where(html.dark) .vp-box { background: #16181d; box-shadow: 0 40px 90px -30px rgba(0,0,0,0.7); }
:where(html.dark) .vp-head { background: linear-gradient(120deg, rgba(123,77,240,.12), rgba(255,90,122,.1)); }
:where(html.dark) .vp-tabs { background: rgba(255,255,255,0.078); }
:where(html.dark) .vp-tab { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .vp-tab.on { background: #15161b; color: var(--ink); box-shadow: 0 3px 10px -4px rgba(0,0,0,0.48); }
:where(html.dark) .vp-l { color: var(--ink-3); }
:where(html.dark) .vp-tile { border: 2px solid transparent; background: #15161b; box-shadow: 0 4px 12px -8px rgba(0,0,0,0.56); }
:where(html.dark) .vp-tile small { color: var(--ink-3); }
:where(html.dark) .vp-tile.on { border-color: var(--c); background: color-mix(in srgb, var(--c) 9%, #15161b); }
:where(html.dark) .vp-blk { background: #15161b; box-shadow: inset 3px 0 0 var(--c), 0 4px 12px -8px rgba(0,0,0,0.48); }
:where(html.dark) .vp-n { color: var(--ink-2); }
:where(html.dark) .vpanel .chip.on { background: var(--c, #7b4df0) !important; color: #fff; border-color: transparent; }
:where(html.dark) .vp-go { background: linear-gradient(120deg, #7b4df0, #ff5a7a) !important; box-shadow: 0 10px 24px -10px rgba(123,77,240,.7); }
:where(html.dark) .vp-rtab { border: 1px solid rgba(255,255,255,0.14); background: #15161b; }
:where(html.dark) .vp-rtab.on { background: #343a4e; color: #fff; border-color: transparent; }
:where(html.dark) .vp-list { background: #15161b; box-shadow: 0 4px 12px -8px rgba(0,0,0,0.48); }
:where(html.dark) .vp-wait { color: var(--ink-2); }
:where(html.dark) .vp-row { border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vp-row:first-child { border-top: 0; }
:where(html.dark) .vp-hook { border: 0; background: #7b4df0; color: #fff; }
:where(html.dark) .vp-hook.ok { background: #182b1f; color: #75dca0; }
:where(html.dark) .vp-in { background: #16181d; border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vp-opt { border: 2px solid rgba(255,255,255,0.112); background: #15161b; }
:where(html.dark) .vp-opt small { color: var(--ink-3); }
:where(html.dark) .vp-opt.on { border-color: #7b4df0; background: rgba(123,77,240,.08); }
:where(html.dark) .vp-dsel { border: 1px solid rgba(255,255,255,0.16); background: #15161b; }
:where(html.dark) .vp-warn.ok { background: #17281e; color: #79d8a5; }
:where(html.dark) .vp-warn.warn { background: #282214; color: #ffc652; }
:where(html.dark) .vp-ta { border: 1px solid rgba(255,255,255,0.16); }
:where(html.dark) .vp-done { background: #15161b; box-shadow: 0 4px 12px -8px rgba(0,0,0,0.48); }
:where(html.dark) .vp-tip { color: #8874dd; }
:where(html.dark) .vai-card { color: #fff; background: linear-gradient(120deg, #6d4ae8 0%, #9b4fe0 45%, #ff5a7a 100%); box-shadow: 0 14px 30px -14px rgba(123,77,240,.75); }
:where(html.dark) .vai-card::after { background: radial-gradient(circle, rgba(21,22,27,0.48), transparent 70%); }
:where(html.dark) .vai-card:hover { box-shadow: 0 20px 36px -14px rgba(123,77,240,.85); }
:where(html.dark) .vai-card:focus-visible { outline: 3px solid rgba(255,255,255,0.14); }
:where(html.dark) .vc-ic { background: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.4); }
:where(html.dark) .vc-go { background: #fff; color: #6d4ae8; box-shadow: 0 6px 14px -6px rgba(0,0,0,.35); }
:where(html.dark) .vc-a { border: 1px solid rgba(255,255,255,.45); background: rgba(255,255,255,.16); color: #fff; }
:where(html.dark) .vc-a:hover { background: rgba(255,255,255,.3); }
:where(html.dark) .gico { background: url(icons/guida.svg) center / contain no-repeat; }
:where(html.dark) .gico.w { background-image: url(icons/guida-w.svg); }
:where(html.dark) .vp-go.flat { box-shadow: none; }
:where(html.dark) .vp-lhead { color: var(--ink-3); }
:where(html.dark) .vp-row:hover { background: rgba(123,77,240,.05); }
:where(html.dark) .vp-row.sel { background: rgba(123,77,240,.1); }
:where(html.dark) .vp-row.ok { background: rgba(31,157,85,.07); }
:where(html.dark) .vp-ck { border: 2px solid rgba(255,255,255,0.16); color: #fff; }
:where(html.dark) .vp-row.sel .vp-ck { background: #7b4df0; border-color: #7b4df0; }
:where(html.dark) .vp-row.ok .vp-ck { background: #1f9d55; border-color: #1f9d55; }
:where(html.dark) .vp-okt { color: #75dca0 !important; }
:where(html.dark) .vp-abar { background: rgba(22,24,29,0.97); border-top: 1px solid rgba(255,255,255,0.112); box-shadow: 0 -10px 24px -16px rgba(0,0,0,0.56); }
:where(html.dark) .vp-ab-b .btn.solid { background: linear-gradient(120deg, #7b4df0, #ff5a7a) !important; }
:where(html.dark) .vp-ab-n { color: var(--ink-3); }
:where(html.dark) .vp-vinfo { color: #75dca0; border-bottom: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vp-minr { color: var(--ink-3); }
:where(html.dark) .vpanel .vp-minr .chip.on { background: #f5a300 !important; }
:where(html.dark) .vrate { background: #282314; color: #ffc352; }
:where(html.dark) .vrate.top { background: #322c19; }
:where(html.dark) .vrate.low { background: #1c1d24; color: #9c9c9c; }
:where(html.dark) .vlev.temp { background: #2f1a18; color: #e6716a; }
:where(html.dark) .vp-hid { color: var(--ink-3); }
:where(html.dark) .landing { color: var(--ink); }
:where(html.dark) .ld-nav { border-bottom: 1px solid rgba(255,255,255,0.07); }
:where(html.dark) .ld-brand { color: var(--ink); }
:where(html.dark) .ld-link { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .ld-btn { border: 0; color: #fff; }
:where(html.dark) .ld-btn:hover { box-shadow: 0 18px 34px -12px rgba(123,77,240,.8); }
:where(html.dark) .ld-btn .g { background: #15161b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.5 0 6.6 1.2 9.1 3.6l6.8-6.8C35.8 2.4 30.3 0 24 0 14.6 0 6.6 5.4 2.7 13.3l7.9 6.1C12.5 13.6 17.8 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.1 24.5c0-1.6-.1-3.1-.4-4.5H24v9h12.4c-.5 2.9-2.2 5.4-4.7 7l7.6 5.9c4.4-4.1 6.8-10.1 6.8-17.4z'/%3E%3Cpath fill='%23FBBC05' d='M10.6 28.6A14.5 14.5 0 0 1 9.5 24c0-1.6.3-3.2.8-4.6l-7.9-6.1A24 24 0 0 0 0 24c0 3.9.9 7.5 2.6 10.7l8-6.1z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.5 0 11.9-2.1 15.9-5.8l-7.6-5.9c-2.1 1.4-4.9 2.3-8.3 2.3-6.2 0-11.5-4.1-13.4-9.9l-8 6.1C6.6 42.6 14.6 48 24 48z'/%3E%3C/svg%3E") center / 14px no-repeat; }
:where(html.dark) .ld-hero h1 em { background: linear-gradient(120deg, #6d4ae8, #ff5a7a); -webkit-background-clip: text; background-clip: text; color: transparent; }
:where(html.dark) .ld-hero p { color: var(--ink-2); }
:where(html.dark) .ld-note { color: var(--ink-3); }
:where(html.dark) .ld-me { background: #1f6feb; box-shadow: 0 0 0 6px rgba(31,111,235,.2); }
:where(html.dark) .ld-f { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 16px 34px -24px rgba(0,0,0,0.7); }
:where(html.dark) .ld-f > span { background: linear-gradient(135deg, #1d162d, #2b161b); }
:where(html.dark) .ld-f p { color: var(--ink-2); }
:where(html.dark) .ld-try-t p { color: var(--ink-2); }
:where(html.dark) .ld-demo { background: #15161b; box-shadow: 0 30px 60px -30px rgba(0,0,0,0.7); }
:where(html.dark) .ld-dh small { color: #75dca0; }
:where(html.dark) .ld-di { border: 0; background: none; }
:where(html.dark) .ld-di:hover { background: rgba(123,77,240,.05); }
:where(html.dark) .ld-di i { border: 2px solid rgba(255,255,255,0.16); color: #fff; }
:where(html.dark) .ld-di small { color: var(--ink-3); }
:where(html.dark) .ld-di.on { background: rgba(123,77,240,.1); }
:where(html.dark) .ld-di.on i { background: #7b4df0; border-color: #7b4df0; }
:where(html.dark) .ld-di.done { background: rgba(31,157,85,.08); }
:where(html.dark) .ld-di.done i { background: #1f9d55; border-color: #1f9d55; }
:where(html.dark) .ld-dbar { border-top: 1px solid rgba(255,255,255,0.112); }
:where(html.dark) .ld-st { background: rgba(21,22,27,0.8); }
:where(html.dark) .ld-st b { color: #fff; }
:where(html.dark) .ld-st p { color: var(--ink-2); }
:where(html.dark) .ld-final img { box-shadow: 0 20px 40px -18px rgba(123,77,240,.8); }
:where(html.dark) .ld-final p { color: var(--ink-2); }
:where(html.dark) .ld-foot { color: var(--ink-3); }
:where(html.dark) .ld-f > span.gi { background: url(icons/guida.svg) center / 30px no-repeat, linear-gradient(135deg, #1d162d, #2b161b); }
:where(html.dark) .migbar { background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-2); }
:where(html.dark) .migbar .mig-t span { color: var(--ink-2); }
:where(html.dark) .migbar .x { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .udlg-box { background: var(--surface); box-shadow: var(--sh-2); }
:where(html.dark) .udlg-box p { color: var(--ink-2); }
:where(html.dark) .udlg-in { border: 1.5px solid var(--line); background: var(--soft); }
:where(html.dark) .udlg-in:focus-within { border-color: var(--blue); background: var(--surface); }
:where(html.dark) .udlg-in span { color: var(--ink-3); }
:where(html.dark) .udlg-in input { border: 0; background: none; outline: none; }
:where(html.dark) .udlg-msg { color: var(--ink-3); }
:where(html.dark) .udlg-msg.err { color: var(--danger); }
:where(html.dark) .acc-me { background: var(--soft); }
:where(html.dark) .acc-inv { border: 1px solid var(--line); }
:where(html.dark) .acc-wr { border: 1px solid var(--line); }
:where(html.dark) .lockb { color: var(--ink-2); background: var(--soft); border: 1px solid var(--line); }
:where(html.dark) .vpub.off { color: var(--ink-2); }
:where(html.dark) .ld-wait { background: #262013; border-bottom: 1px solid rgba(255,255,255,0.14); }
:where(html.dark) .ld-wait-in p { color: var(--ink-2); }
:where(html.dark) .cons-l { color: var(--ink-2); }
:where(html.dark) .cons-ck { background: var(--soft); }
:where(html.dark) .ppl-h .x { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .ppl-row { border: 0; background: none; }
:where(html.dark) .ppl-row:hover { background: var(--soft); }
:where(html.dark) .ppl-av { color: #fff; background: linear-gradient(135deg, #7c3aed, #e8412c); }
:where(html.dark) .ppl-t small { color: var(--ink-3); }
:where(html.dark) .ppl-go { color: var(--ink-3); }
:where(html.dark) .profbar { background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-2); }
:where(html.dark) .pb-t small { color: var(--ink-3); }
:where(html.dark) .acc-me.lk span { color: var(--ink-2); }
:where(html.dark) .acc-me.danger { background: #291515; }
:where(html.dark) .footside .link.sm { color: var(--ink-3); }
:where(html.dark) .ld-legal { color: var(--ink-3, #9197a3); }
:where(html.dark) .ld-legal a, :where(html.dark) .ld-foot a { color: inherit; }
:where(html.dark) .adm { background: var(--bg); }
:where(html.dark) .adm-h { background: var(--surface); border-bottom: 1px solid var(--line); }
:where(html.dark) .adm-h .x { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .adm-tabs { background: var(--soft); }
:where(html.dark) .adm-tab { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .adm-tab.on { background: var(--surface); color: var(--ink); box-shadow: var(--sh-1); }
:where(html.dark) .adm-kpi { background: var(--surface); border: 1px solid var(--line); }
:where(html.dark) .ak-l { color: var(--ink-2); }
:where(html.dark) .adm-kpi small { color: var(--ink-3); }
:where(html.dark) .adm-card { background: var(--surface); border: 1px solid var(--line); }
:where(html.dark) .adm-sub { color: var(--ink-3); }
:where(html.dark) .adm-bars { border-bottom: 1px solid var(--line); }
:where(html.dark) .ab-b { background: var(--blue); }
:where(html.dark) .ab-c.on .ab-b, :where(html.dark) .ab-c:hover .ab-b { background: #1559c4; }
:where(html.dark) .ab-x { color: var(--ink-3); }
:where(html.dark) .ab-max { color: var(--ink-3); }
:where(html.dark) .adm-tip { background: #343a4e; color: #fff; }
:where(html.dark) .af-l { color: var(--ink-2); }
:where(html.dark) .af-t { background: var(--soft); }
:where(html.dark) .af-b { background: var(--blue); }
:where(html.dark) .af-b.g { background: #0e9f9a; }
:where(html.dark) .am { background: var(--soft); }
:where(html.dark) .am small { color: var(--ink-2); }
:where(html.dark) .adm-dev { color: var(--ink-2); }
:where(html.dark) .au-r { background: var(--surface); border: 1px solid var(--line); }
:where(html.dark) .au-r.ban { border-color: rgba(255,255,255,0.14); }
:where(html.dark) .au-t small { color: var(--ink-3); }
:where(html.dark) .au-t .au-n { color: var(--ink-2); }
:where(html.dark) .profbar.inhdr { box-shadow: none; background: var(--soft); }
:where(html.dark) .ld-src span { color: var(--ink-3); }
:where(html.dark) .ld-src i { background: rgba(21,22,27,0.9); border: 1px solid rgba(123,77,240,.18); box-shadow: 0 6px 16px -12px rgba(0,0,0,0.7); }
:where(html.dark) .ld-hero-t p b, :where(html.dark) .ld-f p b { color: var(--ink); }
:where(html.dark) .ld-exp-t p { color: var(--ink-2); }
:where(html.dark) .ld-pc { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 16px 34px -24px rgba(0,0,0,0.7); }
:where(html.dark) .ld-pa { color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,0.12), 0 0 0 5px rgba(123,77,240,.35); }
:where(html.dark) .ld-pa.a1 { background: linear-gradient(135deg, #ff6b8b, #ffb547); }
:where(html.dark) .ld-pa.a2 { background: linear-gradient(135deg, #7b4df0, #e8412c); }
:where(html.dark) .ld-pa.a3 { background: linear-gradient(135deg, #0e9f9a, #7c9a16); }
:where(html.dark) .ld-pc small { color: var(--ink-2); }
:where(html.dark) .ld-pt i { background: #1a152a; color: #8978d9; }
:where(html.dark) .ld-pb { border: 0; background: #343a4e; color: #fff; }
:where(html.dark) .ld-soon { color: var(--ink-2); }
:where(html.dark) .ld-soon b { background: #292315; color: #ffc352; }
:where(html.dark) .ob-dots i { background: var(--line); }
:where(html.dark) .ob-dots i.done { background: #b9a6f5; }
:where(html.dark) .ob-dots i.on { background: linear-gradient(90deg, #7b4df0, #e8412c); }
:where(html.dark) .ob-skip { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .ob-b p { color: var(--ink-2); }
:where(html.dark) .ob-ic { background: linear-gradient(135deg, #1d162d, #2b161b); }
:where(html.dark) .ob-n { background: var(--soft); }
:where(html.dark) .ob-ok { background: #17281d; color: #6de490; }
:where(html.dark) .ob-or { color: var(--ink-3) !important; }
:where(html.dark) .ob-fb { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .ob-again { color: var(--ink-3); }
:where(html.dark) .fbk-c { border: 1px solid var(--line); background: var(--surface); }
:where(html.dark) .fbk-c.on { background: #343a4e; color: #fff; border-color: #343a4e; }
:where(html.dark) .fbk-x { border: 1.5px solid var(--line); }
:where(html.dark) .fbk-x:focus { outline: none; border-color: var(--blue); }
:where(html.dark) .footside .link.sm { background: none; border: 0; }
:where(html.dark) .fb-h small { color: var(--ink-3); }
:where(html.dark) #tnav-slot .sections { background: rgba(255,255,255,0.078) !important; border: 0 !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.096) !important; }
:where(html.dark) .spsw { background: rgba(255,255,255,0.065); }
:where(html.dark) .sp-o { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .sp-o.on { background: var(--surface); color: var(--ink); box-shadow: var(--sh-1); }
:where(html.dark) .tside { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .tmapcol { box-shadow: var(--sh-2); }
:where(html.dark) .t-head p { color: var(--ink-2); }
:where(html.dark) .t-mode { border: 1.5px solid var(--line); background: var(--surface); }
:where(html.dark) .t-mode.on { border-color: #e8412c; background: #271714; color: #eb7565; }
:where(html.dark) .t-search input { border: 1.5px solid var(--line); }
:where(html.dark) .t-chip { border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); }
:where(html.dark) .t-chip.on { background: #343a4e; color: #fff; border-color: #343a4e; }
:where(html.dark) .t-status { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .t-sum { color: var(--ink-3); }
:where(html.dark) .t-row { background: var(--surface); border: 1px solid var(--line); }
:where(html.dark) .t-row:hover { box-shadow: var(--sh-2); }
:where(html.dark) .t-row.sel { border-color: #e8412c; box-shadow: 0 0 0 2px rgba(232,65,44,.18); }
:where(html.dark) .t-row.top1 { background: linear-gradient(135deg, #262113, #15161b); }
:where(html.dark) .t-row.top2 { background: linear-gradient(135deg, #1c1d21, #15161b); }
:where(html.dark) .t-row.top3 { background: linear-gradient(135deg, #2a1e15, #15161b); }
:where(html.dark) .t-rank { color: var(--ink-3); }
:where(html.dark) .t-ic { background: color-mix(in srgb, var(--c, #888) 14%, #15161b); }
:where(html.dark) .t-t small { color: var(--ink-3); }
:where(html.dark) .t-n, :where(html.dark) .t-hot { background: #291517; color: #e26e85; }
:where(html.dark) .t-hot { background: #2a2315; color: #ffb952; }
:where(html.dark) .t-have { color: #6de490; }
:where(html.dark) .t-empty { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .av-l { color: #fff; background: linear-gradient(135deg, #7c3aed, #e8412c); }
:where(html.dark) .av.mini { border: 2px solid var(--surface); }
:where(html.dark) .ppl-tabs { background: var(--soft); }
:where(html.dark) .ppl-tab { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .ppl-tab.on { color: var(--ink); box-shadow: var(--sh-1); }
:where(html.dark) .ppl-row .ppl-t { border: 0; background: none; }
:where(html.dark) .ppl-row .ppl-t small { color: var(--ink-3); }
:where(html.dark) .ppl-empty { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .feed-r { border-bottom: 1px solid var(--line); }
:where(html.dark) .feed-r:last-child { border-bottom: 0; }
:where(html.dark) .feed-t small { color: var(--ink-3); }
:where(html.dark) .pf { background: var(--surface); box-shadow: var(--sh-2); }
:where(html.dark) .pf-x, :where(html.dark) .pf-sh { border: 0; background: rgba(21,22,27,0.9); }
:where(html.dark) .pf-av { border: 5px solid var(--surface); box-shadow: 0 10px 30px -10px rgba(0,0,0,0.7); }
:where(html.dark) .pf-u { color: var(--ink-2); }
:where(html.dark) .pf-bio { color: var(--ink); }
:where(html.dark) .pf-bio.empty { color: var(--ink-3); }
:where(html.dark) .pf-note { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .pf-st small { color: var(--ink-2); }
:where(html.dark) .pf-st.lk:hover { background: #1c172d; }
:where(html.dark) .pf-card { border: 1px solid var(--line); }
:where(html.dark) .pf-sub { color: var(--ink-3); }
:where(html.dark) .pf-sp { color: #fff; }
:where(html.dark) .pf-sp.c0 { background: #e8412c; }
:where(html.dark) .pf-sp.c1 { background: #7b4df0; }
:where(html.dark) .pf-sp.c2 { background: #0e9f9a; }
:where(html.dark) .pf-bt { background: var(--soft); }
:where(html.dark) .pf-bb { background: linear-gradient(90deg, #ff8a5c, #e8412c); }
:where(html.dark) .pf-mini div { background: var(--soft); }
:where(html.dark) .pf-mini small { color: var(--ink-3); }
:where(html.dark) .pf-chips span { background: #1a152a; color: #8978d9; }
:where(html.dark) .pf-chips.fl span { background: #142029; color: #68b5e9; }
:where(html.dark) .pf-list { border: 1px solid var(--line); background: var(--surface); }
:where(html.dark) .pf-list:hover { box-shadow: var(--sh-2); }
:where(html.dark) .pl-ic { background: color-mix(in srgb, var(--c, #888) 15%, #15161b); }
:where(html.dark) .pl-t small { color: var(--ink-3); }
:where(html.dark) .pf-trip { border: 0; background: linear-gradient(160deg, #271d14, #1a152a); }
:where(html.dark) .pt-t small { color: var(--ink-2); }
:where(html.dark) .pf-pi { background: var(--soft); }
:where(html.dark) .pb-av { border: 0; background: none; }
:where(html.dark) .profbar .pb-t { border: 0; background: none; }
:where(html.dark) .profbar.shb { background: linear-gradient(135deg, #1a152a, #15161b); }
:where(html.dark) .sh-em { background: #15161b; box-shadow: var(--sh-1); }
:where(html.dark) .shm-p { color: var(--ink-2); }
:where(html.dark) .shm-new { border: 1.5px dashed #b9a6f5; background: #191a20; color: #8874dd; }
:where(html.dark) .shm-r { border: 1px solid var(--line); background: var(--surface); }
:where(html.dark) .shm-r.on { border-color: #7b4df0; }
:where(html.dark) .shm-t small { color: var(--ink-3); }
:where(html.dark) .emo { border: 1.5px solid var(--line); background: var(--surface); }
:where(html.dark) .emo.on { border-color: #7b4df0; background: #1a152a; }
:where(html.dark) .shn-n { border: 1.5px solid var(--line); }
:where(html.dark) .pk-o { border: 0; background: var(--soft); }
:where(html.dark) .pk-ch { background: #1a152a; }
:where(html.dark) .pk-ch button { border: 0; background: none; color: var(--ink-3); }
@media (min-width: 981px) {
:where(html.dark) #app-luoghi .lpanel { scrollbar-color: rgba(255,255,255,0.16) transparent; }
:where(html.dark) #app-luoghi .lpanel::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.16); }
:where(html.dark) #app-luoghi .lhead { background: rgba(23,24,30,0.94); }
:where(html.dark) .lp-more { background: linear-gradient(rgba(23,24,30,0.2), rgba(23,24,30,0.96) 60%); }
:where(html.dark) .lp-more button { border: 0; box-shadow: 0 6px 16px -8px rgba(0,0,0,0.7); }
:where(html.dark) .lpm-dn { background: #343a4e; color: #fff; }
:where(html.dark) .lpm-up { background: #15161b; color: var(--ink); }
:where(html.dark) .lp-more.end { background: none; }
}
@media (max-width: 980px) {
:where(html.dark) .hdr { background: #15161b !important; box-shadow: 0 8px 24px -16px rgba(0,0,0,0.56); border: 0 !important; }
}
@media (max-width: 980px) {
:where(html.dark) .hbub { border: 0; background: #15161b; box-shadow: 0 10px 26px -10px rgba(0,0,0,0.7), 0 0 0 3px rgba(123,77,240,.18); }
:where(html.dark) body.hmini .hbub::after { color: #fff; background: linear-gradient(135deg, #7b4df0, #e8412c); }
}
@media (max-width: 980px) {
:where(html.dark) body.hmini .hdr { box-shadow: none; }
}
@media (max-width: 980px) {
:where(html.dark) .sections.tabbar { background: rgba(21,22,27,0.78) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 10px 30px -14px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.108) !important; }
:where(html.dark) .mbar { border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .mb-b { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .mb-guida .mb-ic { background: linear-gradient(135deg, #7b4df0, #e8412c); }
:where(html.dark) .mb-guida .mb-l { color: #8874dd; }
:where(html.dark) .mb-av { box-shadow: 0 0 0 2px rgba(255,255,255,0.12), 0 0 0 3.5px rgba(0,0,0,0.24); }
:where(html.dark) #app-luoghi .mapctl .gpsbtn { border: 1px solid rgba(255,255,255,0.128) !important; }
:where(html.dark) .pfilt .chip, :where(html.dark) .pfilt .mapsw, :where(html.dark) .pfilt .mr-range select, :where(html.dark) .pfilt .mapchips .chip { box-shadow: none !important; border: 1px solid rgba(255,255,255,0.14) !important; background: #15161b; }
:where(html.dark) #side .side-head::before { background: rgba(255,255,255,0.16); }
:where(html.dark) #scrim { background: rgba(15,17,22,.35) !important; }
:where(html.dark) .bsh { background: rgba(255,255,255,0); }
:where(html.dark) .bsh.on { background: rgba(15,17,22,.35); }
:where(html.dark) .bsh-p { box-shadow: 0 -20px 40px -20px rgba(0,0,0,0.64); }
:where(html.dark) .bsh-grab { background: rgba(255,255,255,0.16); }
:where(html.dark) .bsh-h .x { border: 0; background: var(--soft); color: var(--ink-2); }
:where(html.dark) .gs-in { background: var(--soft); border: 1.5px solid transparent; }
:where(html.dark) .gs-in:focus-within { border-color: #7b4df0; background: #15161b; }
:where(html.dark) .gs-in input { border: 0; background: none; outline: none; }
:where(html.dark) .gs-go { border: 0; background: #343a4e; color: #fff; }
:where(html.dark) .gs-chip { border: 1px solid rgba(255,255,255,0.14); background: #15161b; }
:where(html.dark) .gs-chip.solid { background: #343a4e; color: #fff; border-color: #343a4e; }
:where(html.dark) .gs-hh { color: var(--ink-3); }
:where(html.dark) .gs-i, :where(html.dark) .gs-tip { border: 0; background: none; }
:where(html.dark) .gs-i:active, :where(html.dark) .gs-tip:active { background: var(--soft); }
:where(html.dark) .gs-i.gask { background: linear-gradient(135deg, #1a152a, #281714); }
:where(html.dark) .gs-ic { background: var(--soft); }
:where(html.dark) .gs-tx small { color: var(--ink-3); }
:where(html.dark) .gs-tip { color: var(--ink-2); }
}
:where(html.dark) .pf-menu { border: 1px solid var(--line); }
:where(html.dark) .pf-mi { border: 0; background: var(--surface); border-bottom: 1px solid var(--line); }
:where(html.dark) .pf-mi:last-child { border-bottom: 0; }
:where(html.dark) .pf-mi:active { background: var(--soft); }
:where(html.dark) .pm-ic { background: var(--soft); }
:where(html.dark) .pm-t small { color: var(--ink-3); }
:where(html.dark) .pm-go { color: var(--ink-3); }
:where(html.dark) .pf-mi.out b { color: var(--danger); }
:where(html.dark) .hdr, :where(html.dark) #app-luoghi .lpanel, :where(html.dark) .vside, :where(html.dark) .vmain, :where(html.dark) .tside, :where(html.dark) .card, :where(html.dark) .profbar, :where(html.dark) .udlg-box, :where(html.dark) .adm-h, :where(html.dark) .mpanel, :where(html.dark) #side { background: var(--glass) !important; border-color: var(--glass-b) !important; }
:where(html.dark) .udlg-box, :where(html.dark) .card, :where(html.dark) #side { background: var(--glass-hi) !important; }
:where(html.dark) .udlg { background: rgba(255,255,255,0.16); }
@media (max-width: 980px) {
:where(html.dark) .mbar { background: rgba(21,22,27,0.78) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 14px 36px -14px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.114) !important; }
:where(html.dark) .mb-b.on { background: rgba(21,22,27,0.9); box-shadow: 0 4px 14px -8px rgba(0,0,0,0.56); color: var(--ink); }
:where(html.dark) .mb-guida .mb-ic { box-shadow: 0 6px 14px -6px rgba(123,77,240,.8) !important; }
:where(html.dark) #app-luoghi .mapctl .mapsw, :where(html.dark) #app-luoghi .mapctl .chip.mchip { background: rgba(21,22,27,0.82) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 8px 20px -12px rgba(0,0,0,0.7) !important; color: var(--ink) !important; }
:where(html.dark) .pfilt .mr-range select { background-image: none !important; }
:where(html.dark) .bsh-p { background: rgba(21,22,27,0.9) !important; border: 1px solid rgba(255,255,255,0.128); }
}
:where(html.dark) ::selection { background: rgba(123,77,240,.22); }
:where(html.dark) * { scrollbar-color: rgba(255,255,255,0.16) transparent; }
:where(html.dark) *::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.16); }
:where(html.dark) :focus-visible { outline: none !important; box-shadow: var(--ring) !important; }
:where(html.dark) .btn.solid { background: linear-gradient(180deg, #23262f, #12141a); color: #fff; box-shadow: 0 8px 18px -10px rgba(18,20,26,.7), inset 0 1px 0 rgba(255,255,255,.14); }
:where(html.dark) .btn.solid:hover { box-shadow: 0 12px 24px -12px rgba(18,20,26,.75), inset 0 1px 0 rgba(255,255,255,.16); }
:where(html.dark) #add.btn.solid, :where(html.dark) #f-save.btn.solid, :where(html.dark) .btn.solid.vai, :where(html.dark) #m-save.btn.solid, :where(html.dark) .ob-big.btn.solid, :where(html.dark) .shm-new, :where(html.dark) .ld-btn:not(.ghost) { background: var(--au-grad) !important; color: #fff !important; border: 0 !important; box-shadow: 0 10px 24px -12px rgba(196,69,168,.75), inset 0 1px 0 rgba(255,255,255,.3) !important; }
:where(html.dark) .btn.ghost { background: rgba(21,22,27,0.9); border: 1px solid rgba(255,255,255,0.112); box-shadow: 0 4px 12px -8px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.108); }
:where(html.dark) .btn.ghost:hover { border-color: rgba(123,77,240,.25); }
:where(html.dark) .btn.danger { border-color: rgba(197,34,31,.2); }
:where(html.dark) .fld input, :where(html.dark) .fld select, :where(html.dark) .fld textarea, :where(html.dark) .udlg-in, :where(html.dark) .shn-n, :where(html.dark) .acc-inv, :where(html.dark) .fbk-x, :where(html.dark) .t-search input, :where(html.dark) .gs-in, :where(html.dark) .mini-sel { border: 1.5px solid rgba(255,255,255,0.112) !important; background-color: rgba(25,27,33,0.9) !important; }
:where(html.dark) .fld input:focus, :where(html.dark) .fld select:focus, :where(html.dark) .fld textarea:focus, :where(html.dark) .shn-n:focus, :where(html.dark) .acc-inv:focus, :where(html.dark) .fbk-x:focus, :where(html.dark) .t-search input:focus { border-color: rgba(123,77,240,.55) !important; box-shadow: var(--ring) !important; background-color: #15161b !important; outline: none; }
:where(html.dark) .fld > span, :where(html.dark) .flabel { color: var(--ink-2); }
:where(html.dark) .sheet { background: rgba(15,14,30,.32) !important; }
:where(html.dark) .panel, :where(html.dark) .udlg-box, :where(html.dark) .vpanel { background: rgba(21,22,27,0.9) !important; border: 1px solid rgba(255,255,255,0.128) !important; box-shadow: 0 30px 70px -30px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.114) !important; }
:where(html.dark) .p-head { background: linear-gradient(180deg, rgba(21,22,27,0.96), rgba(21,22,27,0.9)); border-bottom: 1px solid rgba(255,255,255,0.07); }
:where(html.dark) .p-foot { background: linear-gradient(0deg, rgba(21,22,27,0.98), rgba(21,22,27,0.9)); border-top: 1px solid rgba(255,255,255,0.07); }
:where(html.dark) .mtabs, :where(html.dark) .seg:not(.cats), :where(html.dark) .ppl-tabs, :where(html.dark) .adm-tabs, :where(html.dark) .spsw, :where(html.dark) .vtabs { background: rgba(255,255,255,0.065) !important; }
:where(html.dark) .mtab.on, :where(html.dark) .ppl-tab.on, :where(html.dark) .adm-tab.on, :where(html.dark) .sp-o.on, :where(html.dark) .vtab.on { background: #15161b !important; color: var(--ink) !important; box-shadow: 0 4px 12px -6px rgba(0,0,0,0.56) !important; }
:where(html.dark) .t-chip.on, :where(html.dark) .fbk-c.on { background: #343a4e !important; }
:where(html.dark) .adm-kpi, :where(html.dark) .adm-card, :where(html.dark) .pf-card, :where(html.dark) .t-row, :where(html.dark) .au-r, :where(html.dark) .shm-r, :where(html.dark) .pf-list { border-color: rgba(255,255,255,0.084) !important; box-shadow: 0 10px 28px -22px rgba(0,0,0,0.7) !important; }
:where(html.dark) .adm-kpi b, :where(html.dark) .pf-st b { background: var(--au-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
:where(html.dark) .pf-st { background: rgba(25,27,33,0.9) !important; border: 1px solid rgba(255,255,255,0.056); }
:where(html.dark) .toast { background: rgba(18,20,26,.82) !important; }
:where(html.dark) .card { box-shadow: 0 26px 60px -28px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.114) !important; }
:where(html.dark) .card-ic, :where(html.dark) .gs-ic, :where(html.dark) .pm-ic, :where(html.dark) .t-ic, :where(html.dark) .pl-ic { box-shadow: inset 0 1px 0 rgba(255,255,255,0.096); }
@media (min-width: 981px) {
:where(html.dark) .hdr { border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 14px 36px -22px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.114); }
:where(html.dark) #app-luoghi .lpanel, :where(html.dark) .vside, :where(html.dark) .vmain, :where(html.dark) .tside, :where(html.dark) .tmapcol, :where(html.dark) #app-luoghi .map, :where(html.dark) .vmap { box-shadow: 0 20px 50px -30px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.108) !important; }
}
:where(html.dark) .sections .sec.on::after { background: var(--au-grad); }
:where(html.dark) .bsh-p, :where(html.dark) .z-pop, :where(html.dark) .card, :where(html.dark) .panel, :where(html.dark) .udlg-box:not(.pf), :where(html.dark) .vpanel { background: var(--lg-sheen), var(--lg-thick) !important; border: 0 !important; box-shadow: var(--lg-rim), var(--lg-sh-lg) !important; }
:where(html.dark) .sheet, :where(html.dark) .udlg:not(.prof), :where(html.dark) #scrim, :where(html.dark) .bsh.on { background: rgba(255,255,255,0.16) !important; }
:where(html.dark) .pf-card, :where(html.dark) .vitem, :where(html.dark) .vday, :where(html.dark) .vccard, :where(html.dark) .vcheck, :where(html.dark) .t-row, :where(html.dark) .adm-kpi, :where(html.dark) .adm-card { background: var(--card) !important; border: 0 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.4) !important; }
:where(html.dark) .vhero { background: var(--fill-3) !important; box-shadow: none !important; }
:where(html.dark) .vhero.city { background: linear-gradient(135deg, hsl(var(--h) 85% 60% / .16), hsl(var(--h) 85% 60% / .04) 70%) !important; }
:where(html.dark) .btn.ghost, :where(html.dark) .gs-chip:not(.solid), :where(html.dark) .t-mode, :where(html.dark) .vchip, :where(html.dark) .pf-acts .btn.ghost { background: var(--fill-2) !important; border: 0 !important; box-shadow: none !important; color: var(--ink) !important; }
:where(html.dark) .btn.ghost:hover { background: var(--fill-1) !important; }
:where(html.dark) .btn.ghost.on, :where(html.dark) .vpub:not(.off) { background: var(--tint-soft) !important; color: var(--tint) !important; }
:where(html.dark) .btn.solid, :where(html.dark) .gs-chip.solid, :where(html.dark) .gs-go, :where(html.dark) .vs-add { background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 60%), var(--tint) !important; color: #fff !important; border: 0 !important; box-shadow: 0 8px 20px -10px rgba(86,52,214,.75), inset 0 1px 0 rgba(255,255,255,.28) !important; }
:where(html.dark) .btn.solid:hover { background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 60%), var(--tint-2) !important; }
:where(html.dark) .btn.danger { background: rgba(255,59,48,.1) !important; color: #e96f68 !important; border: 0 !important; }
:where(html.dark) .x, :where(html.dark) .bsh-h .x, :where(html.dark) .pf-x { border: 0 !important; background: var(--fill-2) !important; color: var(--ink-2) !important; }
:where(html.dark) .lg-lit::before { background: radial-gradient(closest-side, rgba(255,255,255,.75), rgba(255,255,255,.25) 55%, rgba(255,255,255,0)); }
:where(html.dark) .btn.solid .lg-lit::before, :where(html.dark) .gs-go .lg-lit::before { background: radial-gradient(closest-side, rgba(255,255,255,.4), rgba(255,255,255,0)); }
:where(html.dark) .fld input, :where(html.dark) .fld select, :where(html.dark) .fld textarea, :where(html.dark) .udlg-in, :where(html.dark) .shn-n, :where(html.dark) .acc-inv, :where(html.dark) .fbk-x, :where(html.dark) .t-search input, :where(html.dark) .mini-sel, :where(html.dark) #f-link, :where(html.dark) .mrow input, :where(html.dark) .mrow select { background-color: var(--fill-3) !important; border: 1.5px solid transparent !important; box-shadow: none !important; }
:where(html.dark) .fld input:focus, :where(html.dark) .fld select:focus, :where(html.dark) .fld textarea:focus, :where(html.dark) .udlg-in:focus, :where(html.dark) .shn-n:focus, :where(html.dark) .fbk-x:focus, :where(html.dark) .t-search input:focus, :where(html.dark) #f-link:focus { background-color: var(--card) !important; border-color: var(--tint) !important; box-shadow: 0 0 0 4px var(--tint-soft) !important; }
:where(html.dark) .gs-in { background: var(--fill-2) !important; border: 1.5px solid transparent !important; }
:where(html.dark) .gs-in:focus-within { background: var(--card) !important; border-color: var(--tint) !important; box-shadow: 0 0 0 4px var(--tint-soft) !important; }
:where(html.dark) .gs-in input:focus, :where(html.dark) .gs-in input:focus-visible { box-shadow: none !important; outline: none !important; }
:where(html.dark) .mtabs, :where(html.dark) .seg:not(.cats), :where(html.dark) .ppl-tabs, :where(html.dark) .adm-tabs, :where(html.dark) .spsw, :where(html.dark) .vtabs, :where(html.dark) .dest, :where(html.dark) .mioseg, :where(html.dark) .vp-seg { background: var(--fill-3) !important; border: 0 !important; }
:where(html.dark) .mtab.on, :where(html.dark) .ppl-tab.on, :where(html.dark) .adm-tab.on, :where(html.dark) .sp-o.on, :where(html.dark) .vtab.on, :where(html.dark) .dest button.on, :where(html.dark) .mioseg button.on { background: var(--card) !important; color: var(--ink) !important; box-shadow: 0 3px 10px -4px rgba(0,0,0,0.352), 0 0 0 .5px rgba(0,0,0,0.064) !important; }
:where(html.dark) .chip, :where(html.dark) .t-chip, :where(html.dark) .fbk-c, :where(html.dark) .pk-o { background: var(--fill-2) !important; border: 0 !important; box-shadow: none !important; color: var(--ink) !important; }
:where(html.dark) .chip.on, :where(html.dark) .t-chip.on, :where(html.dark) .fbk-c.on, :where(html.dark) .pk-o.on { background: var(--tint) !important; color: #fff !important; }
:where(html.dark) .i-ic, :where(html.dark) .tipo .ti, :where(html.dark) .card-ic, :where(html.dark) .t-ic, :where(html.dark) .pl-ic, :where(html.dark) .pf-pi { background: linear-gradient(180deg, color-mix(in srgb, var(--c, #8e8e93) 78%, #15161b), var(--c, #8e8e93)) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.042), 0 3px 8px -4px color-mix(in srgb, var(--c, #8e8e93) 70%, transparent) !important; border: 0 !important; }
:where(html.dark) .pf-list .pl-ic { background: linear-gradient(180deg, color-mix(in srgb, var(--c) 78%, #15161b), var(--c)) !important; }
:where(html.dark) .toast { border: 0 !important; box-shadow: inset 0 0 0 .5px rgba(255,255,255,0.022), 0 18px 40px -18px rgba(0,0,0,0.7) !important; }
:where(html.dark) .skel-card .sk-r { background: var(--card); }
:where(html.dark) .skel-stat .sk-r { background: var(--fill-3); }
:where(html.dark) .sk-c, :where(html.dark) .sk-b { background: linear-gradient(90deg, var(--fill-2) 0%, var(--fill-3) 40%, var(--fill-2) 80%); background-size: 300% 100%; }
@media (max-width: 980px) {
:where(html.dark) .sections.tabbar .sec { color: var(--ink-2) !important; }
:where(html.dark) .sections.tabbar .sec.on { background: rgba(21,22,27,0.9) !important; color: var(--ink) !important; box-shadow: 0 2px 10px -3px rgba(0,0,0,0.288), inset 0 0 0 .5px rgba(0,0,0,0.064) !important; }
:where(html.dark) .mbar .mb-b { color: var(--ink) !important; }
:where(html.dark) .mbar .mb-b.on { background: var(--fill-2) !important; box-shadow: none !important; color: var(--tint) !important; }
:where(html.dark) .msearch { border: 0; }
:where(html.dark) .msearch .mb-ic { background: none !important; box-shadow: none !important; }
:where(html.dark) .msearch.on { box-shadow: var(--lg-rim), 0 0 0 2px var(--tint), var(--lg-sh) !important; }
:where(html.dark) #app-luoghi .mapctl .gpsbtn.on { background: var(--tint) !important; color: #fff !important; }
:where(html.dark) #app-luoghi .mapctl .chip.mchip.on { background: #1f9d55 !important; color: #fff !important; box-shadow: var(--lg-sh) !important; }
:where(html.dark) #app-luoghi .lpanel { background: var(--lg-solid) !important; box-shadow: inset 0 0 0 .5px rgba(0,0,0,0.08), 0 -12px 40px -18px rgba(0,0,0,0.48) !important; border: 0 !important; }
:where(html.dark) #app-luoghi .grab span { background: var(--fill-1) !important; }
:where(html.dark) .pfilt .chip, :where(html.dark) .pfilt .cp-reset, :where(html.dark) .pfilt .mr-range select { background: var(--fill-3) !important; border: 0 !important; color: var(--ink) !important; }
:where(html.dark) .pfilt .chip.on { background: var(--tint) !important; color: #fff !important; }
:where(html.dark) .pfilt .cp-reset { color: #e96f68 !important; }
:where(html.dark) #app-luoghi .item.sel { background: var(--tint-soft) !important; box-shadow: none !important; }
:where(html.dark) #side { background: var(--lg-sheen), var(--lg-thick) !important; box-shadow: var(--lg-rim), var(--lg-sh-lg) !important; }
:where(html.dark) .udlg.prof { background: var(--page) !important; }
:where(html.dark) .udlg.prof::before { background: linear-gradient(180deg, var(--page) 0%, color-mix(in srgb, var(--page) 70%, transparent) 45%, transparent 100%); }
:where(html.dark) body[data-section="viaggi"] .vmain, :where(html.dark) body[data-section="viaggi"] .vside { background: var(--lg-solid) !important; border: 0 !important; box-shadow: 0 -12px 40px -18px rgba(0,0,0,0.48) !important; }
}
@media (min-width: 981px) {
:where(html.dark) #app-luoghi .lpanel, :where(html.dark) .vside, :where(html.dark) .tside { background: var(--lg-sheen), var(--lg-thick) !important; border: 0 !important; box-shadow: var(--lg-rim), var(--lg-sh) !important; }
:where(html.dark) .vmain { background: var(--card) !important; border: 0 !important; }
:where(html.dark) .sections:not(.tabbar) { background: var(--fill-3) !important; }
:where(html.dark) .sections:not(.tabbar) .sec.on { background: var(--card) !important; box-shadow: 0 3px 10px -4px rgba(0,0,0,0.32) !important; }
}
@media (min-width: 981px) {
:root:where(.dark)[data-season] body:not([data-section="viaggi"])::before { background: radial-gradient(900px 600px at 0% 0%, color-mix(in srgb, var(--s1) 55%, transparent), transparent 60%), radial-gradient(900px 700px at 100% 0%, color-mix(in srgb, var(--s4) 50%, transparent), transparent 60%), radial-gradient(1000px 700px at 50% 110%, color-mix(in srgb, var(--s3) 40%, transparent), transparent 60%), linear-gradient(180deg, #17181e, #18191f) !important; }
}
@media (prefers-contrast: more) {
:where(html.dark) .btn.ghost, :where(html.dark) .chip { box-shadow: inset 0 0 0 1.5px currentColor !important; }
}
:where(html.dark) .rq { background: var(--page); }
:where(html.dark) .pp-cov { color: #f3dfa2; background: radial-gradient(120% 90% at 50% 0%, #4a1f3a 0%, #2a1023 60%, #1d0b18 100%); box-shadow: 0 24px 50px -28px rgba(42,16,35,.9), inset 0 1px 0 rgba(255,255,255,.12); }
:where(html.dark) .pp-cov::before { background: repeating-radial-gradient(circle at 50% 120%, transparent 0 9px, rgba(243,223,162,.35) 9px 10px); }
:where(html.dark) .pp-emb { border: 2px solid currentColor; box-shadow: inset 0 0 0 5px rgba(243,223,162,.15); }
:where(html.dark) .pp-who b { color: #fff; }
:where(html.dark) .pp-st div { background: rgba(243,223,162,.1); }
:where(html.dark) .pp-st b { color: #fff; }
:where(html.dark) .pp-page { background: radial-gradient(circle at 20% 10%, rgba(255,255,255,.7), transparent 40%), repeating-linear-gradient(135deg, rgba(120,90,40,.035) 0 2px, transparent 2px 7px), #f7f0df; box-shadow: inset 0 0 0 1px rgba(120,90,40,.12), 0 14px 30px -24px rgba(60,40,10,.6); }
:where(html.dark) .pp-stamp { border: 0; background: none; color: #5b4a2a; }
:where(html.dark) .pp-empty { color: #5b4a2a; }
:where(html.dark) .pe-sub { color: var(--ink-2); }
:where(html.dark) .pe-srch { background: var(--fill-2); color: var(--ink-3); }
:where(html.dark) .pe-srch input { border: 0; background: none; outline: none; color: var(--ink); }
:where(html.dark) .pe-srch:focus-within { background: var(--card); box-shadow: 0 0 0 2px var(--tint), 0 0 0 6px var(--tint-soft); }
:where(html.dark) .pe-hh { color: var(--ink-3); }
:where(html.dark) .pe-c { border: 0; background: var(--fill-2); color: var(--ink); }
:where(html.dark) .pe-c.on { background: var(--tint); color: #fff; }
:where(html.dark) .pe-empty { color: var(--ink-3); }
:where(html.dark) .pe-r { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.4); }
:where(html.dark) .pe-y { border: 0; background: var(--fill-2); color: var(--ink); }
:where(html.dark) .pe-x { border: 0; background: var(--fill-2); color: var(--ink-2); }
:where(html.dark) .pe-ct { border: 0; background: var(--tint-soft); color: var(--tint); }
:where(html.dark) .pe-ci { border: 0; background: var(--fill-3); color: var(--ink); outline: none; }
:where(html.dark) .pe-ci:focus { box-shadow: 0 0 0 2px var(--tint); background: var(--card); }
:where(html.dark) .pe-foot { background: var(--lg-sheen), var(--lg-thick); box-shadow: var(--lg-rim); }
:where(html.dark) .pe-cnt { color: var(--ink-2); }
:where(html.dark) .pf-pass { border: 0; color: #f3dfa2; background: radial-gradient(120% 140% at 0% 0%, #4a1f3a, #22091b); box-shadow: 0 16px 34px -24px rgba(42,16,35,.9), inset 0 1px 0 rgba(255,255,255,.12); }
:where(html.dark) .pfp-s { background: #f7f0df; }
:where(html.dark) .pfp-t b { color: #fff; }
:where(html.dark) .vcover { background: linear-gradient(135deg, hsl(var(--h) 70% 62%), hsl(calc(var(--h) + 40) 70% 52%)); }
:where(html.dark) .vc-img { background-size: cover; background-position: center; }
:where(html.dark) .vcover::after { background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.35)); }
:where(html.dark) .vc-cr { color: rgba(255,255,255,.8); }
:where(html.dark) .vtile.ph .vt-top { background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,0) 45%), var(--ph) center / cover no-repeat !important; }
:where(html.dark) .rc-invite { background: var(--lg-sheen), var(--lg-thick); box-shadow: var(--lg-rim), var(--lg-sh-lg); }
:where(html.dark) .rci-t small { color: var(--ink-2); }
:where(html.dark) .rc-btn.solid, :where(html.dark) .btn.rc-btn { background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 60%), var(--au-grad) !important; }
:where(html.dark) .rc { background: #000; }
:where(html.dark) .rc-fr { color: #fff; }
@media (min-width: 600px) {
:where(html.dark) .rc-fr { box-shadow: 0 40px 80px -30px rgba(0,0,0,.8); }
}
:where(html.dark) .rc-bg { background: radial-gradient(120% 80% at 30% 10%, hsl(var(--h) 80% 55%), hsl(calc(var(--h) + 50) 70% 22%) 70%); background-size: cover; background-position: center; }
:where(html.dark) .rc-bg::after { background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.05) 30%, hsl(var(--h) 60% 10% / .55) 62%, hsl(var(--h) 60% 8% / .92) 100%); }
:where(html.dark) .rc-prog i { background: rgba(255,255,255,.35); }
:where(html.dark) .rc-prog i span { background: #fff; }
:where(html.dark) .rc-x { border: 0; color: #fff; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.4); }
:where(html.dark) .rc-pill { background: rgba(255,255,255,.2); }
:where(html.dark) .rc-num { background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.3); }
:where(html.dark) .rc-ni { background: rgba(255,255,255,.18); }
:where(html.dark) .rc-map { background: rgba(0,0,0,.25); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.25); }
:where(html.dark) .rc-li { background: rgba(255,255,255,.14); }
:where(html.dark) .rc-li span { background: rgba(255,255,255,.18); }
:where(html.dark) .rc-stamp { background: #f7f0df; box-shadow: 0 20px 50px -20px rgba(0,0,0,.7); }
:where(html.dark) .rc-btn { border: 0; color: #fff; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.35); }
:where(html.dark) .rc-btn.pri { background: #fff; color: #111; }
:where(html.dark) .landing { background: var(--page); }
:where(html.dark) .ld-nav { background: transparent !important; border: 0 !important; }
:where(html.dark) .ld-nav .ld-wrap { background: var(--lg-sheen), var(--lg) !important; box-shadow: var(--lg-rim), var(--lg-sh); }
:where(html.dark) .ld-btn { background: linear-gradient(180deg, rgba(21,22,27,0.4), rgba(21,22,27,0.2) 60%), var(--au-grad) !important; box-shadow: 0 12px 26px -12px rgba(123,77,240,.75), inset 0 1px 0 rgba(255,255,255,0.036) !important; }
:where(html.dark) .ld-btn.ghost { background: var(--fill-2) !important; color: var(--ink) !important; box-shadow: none !important; }
:where(html.dark) .ld-eyebrow { background: var(--tint-soft) !important; color: var(--tint) !important; }
:where(html.dark) .ld-f, :where(html.dark) .ld-st, :where(html.dark) .ld-pc, :where(html.dark) .ld-demo { background: var(--card) !important; border: 0 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 18px 40px -28px rgba(0,0,0,0.64) !important; }
:where(html.dark) .ld-st b { background: var(--tint) !important; }
:where(html.dark) .ld-world-t p { color: var(--ink-2); }
:where(html.dark) .ld-pts li .glyph { color: #fff; background: var(--tint); }
:where(html.dark) .pe-srch input:focus, :where(html.dark) .pe-srch input:focus-visible, :where(html.dark) .pe-ci:focus-visible { box-shadow: none !important; outline: none !important; }
:where(html.dark) .pe-ci:focus-visible { box-shadow: 0 0 0 2px var(--tint) !important; }
@media (max-width: 980px) {
:where(html.dark) .udlg.prof .pf { background: radial-gradient(140% 260px at 50% 0%, color-mix(in srgb, var(--s1, #45232f) 22%, transparent), transparent 70%) !important; }
}
:where(html.dark) input, :where(html.dark) textarea, :where(html.dark) select { color: var(--ink); -webkit-text-fill-color: currentColor; caret-color: var(--tint); }
:where(html.dark) input::placeholder, :where(html.dark) textarea::placeholder { color: var(--ink-3); -webkit-text-fill-color: var(--ink-3); }
:where(html.dark) input:-webkit-autofill, :where(html.dark) textarea:-webkit-autofill, :where(html.dark) select:-webkit-autofill { -webkit-text-fill-color: var(--ink) !important; }
:where(html.dark) select option { color: var(--ink); background: var(--card); }
:where(html.dark) .ld-b { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 18px 40px -28px rgba(0,0,0,0.64); }
:where(html.dark) .ld-b .glyph { color: #fff; background: linear-gradient(180deg, color-mix(in srgb, var(--c) 75%, #15161b), var(--c)); box-shadow: 0 8px 18px -10px var(--c); }
:where(html.dark) .ld-b p { color: var(--ink-2); }
:where(html.dark) .ld-b.big { background: radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--c) 18%, transparent), transparent 60%), var(--card); }
:where(html.dark) .ld-av i { color: #fff; border: 2px solid var(--card); background: var(--au-grad); }
:where(html.dark) .ld-av i:nth-child(2) { background: linear-gradient(135deg, #2f7cf6, #1f9d6b); }
:where(html.dark) .ld-av i:nth-child(3) { background: linear-gradient(135deg, #ff8a1f, #e8412c); }
:where(html.dark) .ld-av span { color: var(--tint); }
:where(html.dark) .pf-sgt { background: color-mix(in srgb, var(--k) 12%, transparent); }
:where(html.dark) .pf-sgi { background: var(--k); box-shadow: 0 6px 14px -8px var(--k); }
:where(html.dark) .pf-sgx b { color: var(--k); }
:where(html.dark) .pf-sgx small { color: var(--ink); }
:where(html.dark) .pf-sgx em { color: var(--ink-3); }
:where(html.dark) .pf-split2 i.c0 { background: #e8412c; }
:where(html.dark) .pf-split2 i.c1 { background: #7b4df0; }
:where(html.dark) .pf-split2 i.c2 { background: #0e9f9a; }
:where(html.dark) .pp-how { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px -18px rgba(0,0,0,.25); }
:where(html.dark) .pp-how summary { color: var(--ink); }
:where(html.dark) .pp-how summary::before { color: #fff; background: var(--tint); }
:where(html.dark) .pp-how summary::after { color: var(--ink-3); }
:where(html.dark) .pp-hr small { color: var(--ink-2); }
:where(html.dark) .pp-hi { color: #fff; background: #1f9d55; }
:where(html.dark) .pp-hr.d .pp-hi { background: #a08a5c; }
:where(html.dark) .pp-hn { color: var(--ink-3); }
:where(html.dark) .pp-fc { border: 0; background: var(--fill-2); color: var(--ink); }
:where(html.dark) .pp-fc i { background: var(--fill-2); }
:where(html.dark) .pp-fc.on { background: var(--tint); color: #fff; }
:where(html.dark) .pp-fc.on i { background: rgba(255,255,255,.25); }
:where(html.dark) .pp-ph { color: #5b4a2a; }
:where(html.dark) .pp-stamp.ver .pp-cap { color: #1f7a45; }
:where(html.dark) .pp-vb { border: 0; color: #fff; background: var(--tint); box-shadow: 0 6px 14px -8px var(--tint); }
:where(html.dark) .pp-hr.h .pp-hi { background: #2f7cf6; }
:where(html.dark) .vf-st { background: #f7f0df; box-shadow: 0 16px 34px -20px rgba(60,40,10,.6); }
:where(html.dark) .vf-l { color: var(--ink-2); }
:where(html.dark) .vf-p { color: var(--ink-3); background: var(--fill-3); }
:where(html.dark) .vf-out.wait { background: var(--tint-soft); color: var(--tint); }
:where(html.dark) .vf-out.ok { background: rgba(31,157,85,.12); color: #6de4a0; }
:where(html.dark) .vf-out.ko { background: rgba(224,53,43,.1); color: #e1766f; }
:where(html.dark) .vf-sp { border: 2.5px solid currentColor; border-right-color: transparent; }
:where(html.dark) .pe-casa { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.4); }
:where(html.dark) .pe-casa small { color: var(--ink-3); }
@media (max-width: 980px) {
:where(html.dark) #app-luoghi .mapctl .mr-range select { border: 0 !important; color: var(--ink) !important; background-color: var(--lg) !important; box-shadow: var(--lg-rim), var(--lg-sh) !important; }
}
:where(html.dark) .imp-hero { color: #fff; background: radial-gradient(120% 140% at 0% 0%, #34a853, #1a73e8 70%); box-shadow: 0 16px 34px -22px #1a73e8; }
:where(html.dark) .imp-hero .glyph { background: rgba(255,255,255,.22); }
:where(html.dark) .imp-steps li { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.4); color: var(--ink-2); }
:where(html.dark) .imp-steps b { color: var(--ink); }
:where(html.dark) .imp-n { color: #fff; background: var(--tint); }
:where(html.dark) .imp-in input { border: 1.5px solid transparent; background: var(--fill-2); outline: none; }
:where(html.dark) .imp-in input:focus { border-color: var(--tint); background: var(--card); box-shadow: 0 0 0 4px var(--tint-soft); }
:where(html.dark) .imp-hd small { color: var(--ink-3); }
:where(html.dark) .imp-bulk > span { color: var(--ink-2); }
:where(html.dark) .imp-r { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -20px rgba(0,0,0,0.4); }
:where(html.dark) .imp-ck { border: 2px solid var(--fill-1); background: none; color: #fff; }
:where(html.dark) .imp-ck.on { background: var(--tint); border-color: var(--tint); }
:where(html.dark) .imp-b > small { color: var(--ink-3); }
:where(html.dark) .imp-b > em { color: var(--ink-2); }
:where(html.dark) .imp-dup { background: var(--fill-2); color: var(--ink-2); }
:where(html.dark) .imp-tipo { background: var(--fill-2); }
:where(html.dark) .imp-ti { color: #fff; background: var(--tint); }
:where(html.dark) .imp-tipo select { border: 0; background: none; color: var(--ink); outline: none; }
:where(html.dark) .imp-st { background: var(--fill-3); }
:where(html.dark) .imp-st button { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .imp-st button.on { background: var(--card); color: var(--ink); box-shadow: 0 2px 8px -3px rgba(0,0,0,0.4); }
:where(html.dark) .imp-done small { color: var(--ink-2); }
:where(html.dark) .act-hero { background: radial-gradient(120% 140% at 0% 0%, #ff8a1f, #c445a8 75%) !important; box-shadow: 0 16px 34px -22px #c445a8 !important; }
:where(html.dark) .act-card { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 14px 30px -22px rgba(0,0,0,0.56); }
:where(html.dark) .act-img { background: var(--fill-2) center / cover no-repeat; }
:where(html.dark) .act-site { background: var(--tint-soft); color: var(--tint); }
:where(html.dark) .act-ti { border: 0; background: none; color: var(--ink); outline: none; box-shadow: none !important; -webkit-text-fill-color: var(--ink); }
:where(html.dark) .act-ti:focus { background: var(--fill-3); }
:where(html.dark) .act-where, :where(html.dark) .act-price { color: var(--ink-2); }
:where(html.dark) .act-hint { color: var(--ink-3); }
:where(html.dark) .act-q { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.4); }
:where(html.dark) .act-q > small { color: var(--ink-2); }
:where(html.dark) .act-code input { border: 0; background: var(--fill-2); outline: none; }
:where(html.dark) .lg-tip { background: linear-gradient(135deg, color-mix(in srgb, var(--tint) 12%, var(--card)), var(--card)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tint) 18%, transparent); }
:where(html.dark) .lg-tip-ic { background: var(--card); box-shadow: 0 4px 10px -6px rgba(0,0,0,0.48); }
:where(html.dark) .lg-tip-t { color: var(--ink-2); }
:where(html.dark) .lg-tip-t b { color: var(--ink); }
:where(html.dark) .lg-tip-a { border: 0; color: #fff; background: var(--tint); }
:where(html.dark) .lg-tip-x { border: 0; background: var(--fill-2); color: var(--ink-2); }
:where(html.dark) .ld-links-t p { color: var(--ink-2); }
:where(html.dark) .ld-logos i { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.08), 0 6px 14px -10px rgba(0,0,0,0.48); color: var(--ink-2); }
:where(html.dark) .ld-flow { background: radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, #ff8a1f 22%, transparent), transparent 60%), radial-gradient(120% 120% at 100% 100%, color-mix(in srgb, #c445a8 22%, transparent), transparent 60%), var(--card); box-shadow: 0 30px 60px -36px rgba(0,0,0,0.7); }
:where(html.dark) .ld-fl { background: var(--lg-sheen), var(--lg-thick); box-shadow: var(--lg-rim), var(--lg-sh); }
:where(html.dark) .ld-fl > span { background: var(--tint-soft); }
:where(html.dark) .ld-fl small { color: var(--ink-3); }
:where(html.dark) .ld-fl.s3 small { color: #6ee2a0; }
@media (max-width: 980px) {
:where(html.dark) #app-luoghi .map { box-shadow: none !important; }
:where(html.dark) .sbfade { background: linear-gradient(180deg,
      color-mix(in srgb, var(--page) 92%, transparent) 0%,
      color-mix(in srgb, var(--page) 78%, transparent) calc(env(safe-area-inset-top, 0px) * .9),
      color-mix(in srgb, var(--page) 45%, transparent) calc(env(safe-area-inset-top, 0px) + 26px),
      color-mix(in srgb, var(--page) 14%, transparent) calc(env(safe-area-inset-top, 0px) + 54px),
      transparent 100%); }
}
@media (max-width: 980px) {
:where(html.dark) #side .side-head { background: linear-gradient(180deg, var(--sbg) 0%, var(--sbg) 72%, transparent 100%) !important; }
:where(html.dark) #side .side-done { background: linear-gradient(0deg, var(--sbg) 0%, var(--sbg) 45%, transparent 100%) !important; border: 0 !important; box-shadow: none !important; }
:where(html.dark) #side .side-done .btn { box-shadow: 0 14px 30px -12px rgba(86,52,214,.8), inset 0 1px 0 rgba(255,255,255,0.034) !important; }
}
:where(html.dark) .gs-sub { color: var(--ink-2); }
:where(html.dark) .gs-act { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .gs-act:first-child { background: var(--tint-soft); }
:where(html.dark) .gs-ai { background: var(--card); box-shadow: 0 4px 10px -6px rgba(0,0,0,0.48); }
:where(html.dark) .gs-act:first-child .gs-ai { background: var(--tint); color: #fff; }
:where(html.dark) .gs-at small { color: var(--ink-3); }
:where(html.dark) .gs-tip { background: var(--fill-3) !important; color: var(--ink) !important; }
:where(html.dark) .ppl-sub { color: var(--ink-2); }
:where(html.dark) .ppl-desc { color: var(--ink-3); }
:where(html.dark) .ppl .udlg-in { background: var(--fill-2) !important; border: 1.5px solid transparent !important; }
:where(html.dark) .ppl .udlg-in:focus-within { border-color: var(--tint) !important; background: var(--card) !important; box-shadow: 0 0 0 4px var(--tint-soft) !important; }
:where(html.dark) .ppl .udlg-in input { border: 0 !important; background: none !important; outline: none !important; box-shadow: none !important; }
:where(html.dark) .ppl-hw { background: var(--fill-3); }
:where(html.dark) .ppl-hw small { color: var(--ink-3); }
:where(html.dark) .ppl-note { color: var(--ink-3); }
:where(html.dark) .ppl-me { border: 0 !important; background: var(--tint-soft) !important; color: var(--ink) !important; }
:where(html.dark) .ppl-mi { background: var(--tint); }
:where(html.dark) .ppl-mt small { color: var(--ink-2); }
:where(html.dark) .ppl-mg { color: var(--ink-3); }
:where(html.dark) .ppl-tab.on { background: var(--card) !important; }
html:where(.dark).dark .ppl-tab.on, html:where(.dark).dark .mtab.on, html:where(.dark).dark .adm-tab.on, html:where(.dark).dark .sp-o.on, html:where(.dark).dark .vtab.on { background: rgba(21,22,27,0.36) !important; color: #fff !important; }
@media (max-width: 980px) {
:where(html.dark) #app-luoghi .mapctl .gpsbtn { background: var(--tint) !important; color: #fff !important; box-shadow: 0 10px 22px -10px rgba(86,52,214,.8), inset 0 1px 0 rgba(255,255,255,0.036) !important; }
}
:where(html.dark) .udlg-box.ppl { background: var(--lg-solid, var(--card)) !important; }
:where(html.dark) .flab { color: var(--ink-3); }
:where(html.dark) .mb-ppl .ic-ppl circle[stroke], :where(html.dark) .mb-ppl .ic-ppl path[stroke] { stroke: rgba(255,255,255,.9); }
html:where(.dark).dark .mb-ppl .ic-ppl circle[stroke], html:where(.dark).dark .mb-ppl .ic-ppl path[stroke] { stroke: #d0d0d4; }
:where(html.dark) .add-acts .gs-act .gs-car { color: var(--ink-3); }
:where(html.dark) .add-acts .gs-act.main { background: var(--tint-soft); }
:where(html.dark) .add-acts .gs-act.main .gs-ai { background: var(--tint); }
:where(html.dark) .mb-add .mb-l { color: inherit !important; }
@media (max-width: 760px) {
:where(html.dark) body.mob #app-luoghi .card::before { background: var(--fill-1, rgba(120,120,128,.3)); }
}
@media (max-width: 760px) {
:where(html.dark) body.mob #app-luoghi .mapctl .mapreset:not([hidden]) { border: 0; background: #e5484d; color: #fff; box-shadow: 0 8px 20px -8px rgba(229,72,77,.75), inset 0 1px 0 rgba(255,255,255,0.036); }
}
:where(html.dark) .cn-b { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .cn-b.on { background: var(--tint-soft); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--tint) 45%, transparent); }
:where(html.dark) .cn-t small { color: var(--ink-3); }
:where(html.dark) .cn-b.on .cn-t b { color: var(--tint); }
:where(html.dark) .cn-x { border: 0; background: #e5484d; color: #fff; }
:where(html.dark) .mb-cat.has::after { background: var(--tint); color: #fff; box-shadow: 0 0 0 2px var(--card); }
:where(html.dark) .db-b { border: 0; background: color-mix(in srgb, #ffb547 18%, var(--card)); color: var(--ink); }
:where(html.dark) .db-t small { color: var(--ink-3); }
:where(html.dark) .db-x { border: 0; background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .dup-g { background: var(--fill-3); }
:where(html.dark) .dup-t small { color: var(--ink-3); }
:where(html.dark) .dup-t .dup-ex { color: var(--ink-2); }
:where(html.dark) .cn-z { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .cn-z small { color: var(--ink-3); }
:where(html.dark) .cn-z.on { background: var(--tint); color: #fff; }
:where(html.dark) .cn-z.on small { color: rgba(255,255,255,.8); }
:where(html.dark) .zsh-p .geobar { background: none !important; border: 0 !important; box-shadow: none !important; }
:where(html.dark) .zsh-p .gf { background: var(--fill-3); border: 0 !important; }
:where(html.dark) .zsh-p .gf > span { color: var(--ink-3); }
:where(html.dark) .zsh-p .gf select { color: var(--ink) !important; -webkit-text-fill-color: var(--ink); background-color: transparent; }
:where(html.dark) .msearch::after, :where(html.dark) .hbub::after { color: #fff; background: linear-gradient(135deg, #7b4df0, #c445a8); box-shadow: 0 0 0 1.5px var(--card, rgba(255,255,255,0.12)), 0 2px 6px -2px rgba(123,77,240,.7); }
:where(html.dark) .info-i { border: 0; color: #fff; background: linear-gradient(140deg, #8f6bff, #6a45e8 55%, #c445a8); box-shadow: 0 6px 16px -6px rgba(106,69,232,.75), inset 0 1px 0 rgba(255,255,255,.35); }
:where(html.dark) .info-i.new::before { border: 2px solid #ffb547; }
:where(html.dark) .info-i.new::after { background: #ff5f57; box-shadow: 0 0 0 2px var(--card, #fff); }
:where(html.dark) .st-ov { color: #fff; background: radial-gradient(120% 80% at 80% 0%, var(--g3, #c445a8) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, var(--g2, #6a45e8) 0%, transparent 60%), var(--g1, #1b1446); }
:where(html.dark) .st-bars i { background: rgba(255,255,255,.3); }
:where(html.dark) .st-bars i b { background: #fff; }
:where(html.dark) .st-x { border: 0; background: rgba(255,255,255,.18); color: #fff; }
:where(html.dark) .st-ic { background: rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 20px 40px -18px rgba(0,0,0,.55); }
:where(html.dark) .st-ic .glyph { color: #fff; stroke: #fff; }
:where(html.dark) .st-ui span { background: rgba(255,255,255,.95); color: #1b1446; box-shadow: 0 10px 22px -12px rgba(0,0,0,.6); }
:where(html.dark) .st-act { border: 0; color: #1b1446; background: #fff; box-shadow: 0 14px 30px -14px rgba(0,0,0,.6); }
:where(html.dark) .st-nav { border: 0; background: none; }
@media (min-width: 761px) {
:where(html.dark) .st-ov { box-shadow: 0 0 0 100vmax rgba(12,10,30,.62), 0 40px 80px -30px rgba(0,0,0,.7); }
}
:where(html.dark) .linkst.busy { color: var(--tint); }
:where(html.dark) .linkst.busy::before { border: 2px solid currentColor; border-right-color: transparent; }
:where(html.dark) .post-ic { box-shadow: 0 2px 6px -2px rgba(0,0,0,.4); }
:where(html.dark) .post-ic.big { color: #fff; }
:where(html.dark) .soc-ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
:where(html.dark) .soc-tt { background: #111; box-shadow: -1.5px -1px 0 #25f4ee inset, 1.5px 1px 0 #fe2c55 inset, 0 2px 6px -2px rgba(0,0,0,.4); }
:where(html.dark) .soc-yt { background: #ff0033; }
:where(html.dark) .soc-fb { background: #1877f2; }
:where(html.dark) .soc-th { background: #101010; }
:where(html.dark) .soc-pin { background: #e60023; }
:where(html.dark) .soc-x { background: #000; }
html:where(.dark).dark .soc-tt, html:where(.dark).dark .soc-th, html:where(.dark).dark .soc-x { box-shadow: 0 0 0 1px rgba(255,255,255,.25), 0 2px 6px -2px rgba(0,0,0,.4); }
:where(html.dark) button.pf-bar { border: 0; background: none; color: inherit; }
:where(html.dark) button.pf-bar:active { background: var(--fill-3); }
:where(html.dark) button.pf-bar .pf-bb { background: var(--c, var(--tint)) !important; }
:where(html.dark) button.pf-sgt { border: 0; color: inherit; }
:where(html.dark) button.pf-sgt.on { box-shadow: inset 0 0 0 2px var(--k); }
:where(html.dark) .stb { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .stb.is-p small { color: #d9822b; }
:where(html.dark) .stb.is-v small { color: #159a5b; }
html:where(.dark).dark .stb.is-p small { color: #ffb547; }
html:where(.dark).dark .stb.is-v small { color: #4fd98a; }
:where(html.dark) .rate-sub { color: var(--ink-3); }
:where(html.dark) .rate-stars .rs { border: 0; background: var(--fill-3); color: var(--ink-3); }
:where(html.dark) .rate-stars .rs.on { background: color-mix(in srgb, #ffb547 22%, transparent); color: #ffb000; }
:where(html.dark) .rate-lab { color: var(--ink-2); }
:where(html.dark) .rate-f > span { color: var(--ink-3); }
:where(html.dark) .rate-f textarea, :where(html.dark) .rate-f input { border: 0; background: var(--fill-3); color: var(--ink); -webkit-text-fill-color: var(--ink); }
:where(html.dark) .rate-f textarea:focus { outline: none; box-shadow: 0 0 0 2px var(--tint) !important; }
:where(html.dark) .vmap .vgps, :where(html.dark) .vmap .vgmaps, :where(html.dark) .vmap #v-fit { border: 0; color: var(--ink) !important; background: var(--lg, rgba(21,22,27,0.9)) !important; box-shadow: var(--lg-sh, 0 8px 20px -10px rgba(0,0,0,0.56)), inset 0 1px 0 rgba(255,255,255,0.06) !important; }
:where(html.dark) .vmap .vgps { color: #fff !important; background: var(--tint) !important; }
:where(html.dark) .vmap .vgps.on { background: var(--tint) !important; box-shadow: 0 0 0 3px var(--tint-soft), var(--lg-sh) !important; }
:where(html.dark) .vi-acts .vi-mb.on { background: var(--tint-soft) !important; color: var(--tint) !important; }
:where(html.dark) .vi-more { background: var(--fill-3); }
:where(html.dark) .vprice.free { background: color-mix(in srgb, #1fa463 18%, transparent); color: #128a4f; }
:where(html.dark) .vprice.p1 { background: color-mix(in srgb, #2f7de0 15%, transparent); color: #2160b8; }
:where(html.dark) .vprice.p2 { background: color-mix(in srgb, #e0a020 18%, transparent); color: #a86d00; }
:where(html.dark) .vprice.p3 { background: color-mix(in srgb, #e5484d 16%, transparent); color: #c22f35; }
html:where(.dark).dark .vprice.free { color: #4fd98a; }
html:where(.dark).dark .vprice.p1 { color: #7fb2ff; }
html:where(.dark).dark .vprice.p2 { color: #ffc861; }
html:where(.dark).dark .vprice.p3 { color: #ff8a8e; }
:where(html.dark) .vp-base, :where(html.dark) .vbase { background: var(--tint-soft); }
:where(html.dark) .vbase.hint { background: color-mix(in srgb, #ffb547 16%, var(--card)); }
:where(html.dark) .vp-bt small, :where(html.dark) .vb-t small { color: var(--ink-3); }
:where(html.dark) .vb-t > span { color: var(--ink-2); }
:where(html.dark) .vp-bf input { border: 0; background: var(--fill-3); color: var(--ink); -webkit-text-fill-color: var(--ink); }
:where(html.dark) .vp-bmsg { color: var(--ink-3); }
:where(html.dark) .vp-note { color: var(--ink-3); }
:where(html.dark) .vd-mezzi { background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .vtl-go { color: var(--ink-3); border-left: 2px dashed color-mix(in srgb, var(--dc, var(--tint)) 50%, transparent); }
:where(html.dark) .vbasepin { background: var(--tint); border: 3px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
:where(html.dark) .vmap.picking { box-shadow: inset 0 0 0 3px var(--tint) !important; }
:where(html.dark) .vavviso { background: color-mix(in srgb, #ffb547 18%, var(--card)); color: var(--ink-2); }
:where(html.dark) .vavviso b { color: var(--ink); }
:where(html.dark) .ob-sa { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .ob-sd i { background: var(--fill-1, rgba(120,120,128,.35)); }
:where(html.dark) .ob-sd i.on { background: var(--tint); }
:where(html.dark) .ob-cap { color: var(--ink-2); }
:where(html.dark) .ob-cap > b:first-child { background: var(--tint); color: #fff; }
:where(html.dark) .m-phone { background: #111; box-shadow: 0 18px 40px -18px rgba(0,0,0,.6), inset 0 0 0 2px #333; }
:where(html.dark) .m-scr { background: #f2f2f7; color: #111; }
:where(html.dark) .m-page { background: linear-gradient(180deg, #ece8ff, #fff); }
:where(html.dark) .m-page i { background: #d9d4f5; }
:where(html.dark) .m-page.map { background: repeating-linear-gradient(35deg, #e3ecd9 0 18px, #d5e3c7 18px 20px), #e3ecd9; }
:where(html.dark) .m-safari { background: rgba(250,250,252,.96); border-top: .5px solid #ccc; color: #1f6feb; }
:where(html.dark) .m-sheet { background: #fff; box-shadow: 0 -6px 18px rgba(0,0,0,.12); }
:where(html.dark) .m-row { background: #f2f2f7; }
:where(html.dark) .m-row.small { color: #1f6feb; background: none; }
:where(html.dark) .m-cap { color: #8a8a8e; }
:where(html.dark) .m-plus { background: #34c759; color: #fff; }
:where(html.dark) .m-grab { color: #aaa; }
:where(html.dark) .m-apps i, :where(html.dark) .m-grid i { background: #eee; }
:where(html.dark) .m-grid.lab span { color: #555; }
:where(html.dark) .m-dlg { background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
:where(html.dark) .m-dh { color: #1f6feb; }
:where(html.dark) .m-dh b { color: #111; }
:where(html.dark) .m-homeicons i, :where(html.dark) .m-homeicons img { background: #d8d8de; }
:where(html.dark) .m-sc { background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.12); }
:where(html.dark) .m-sci { background: linear-gradient(135deg, #ff6a4d, #c445a8); }
:where(html.dark) .m-sc small { color: #8a8a8e; }
:where(html.dark) .m-btn { background: #1f6feb; color: #fff; }
:where(html.dark) .m-alert { background: rgba(250,250,252,.98); box-shadow: 0 10px 26px rgba(0,0,0,.2); }
:where(html.dark) .m-ab { border-top: .5px solid #ddd; color: #1f6feb; }
:where(html.dark) .m-chrome { background: #fff; border-bottom: .5px solid #ddd; }
:where(html.dark) .m-url { color: #555; background: #f1f3f4; }
:where(html.dark) .m-menu { background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.2); }
:where(html.dark) .m-menu .m-row { background: none; }
:where(html.dark) .m-scr .hl { color: #fff !important; background: var(--tint, #6a45e8) !important; box-shadow: 0 0 0 3px rgba(106,69,232,.25); }
:where(html.dark) .ob-qr { background: #fff; box-shadow: 0 10px 24px -12px rgba(0,0,0,.4); }
:where(html.dark) .ob-url { color: var(--tint); }
:where(html.dark) .ob-warn { background: color-mix(in srgb, #ffb547 18%, var(--card)); }
:where(html.dark) .udlg.onb .udlg-acts { border-top: 1px solid var(--line, rgba(255,255,255,0.084)); }
html:where(.dark) body nav.sections, html:where(.dark) body nav.sections.tabbar { background: none !important; box-shadow: none !important; border: 0 !important; }
html:where(.dark) body nav.sections .sec-pill { background: var(--fill-3); }
html:where(.dark) body nav.sections.tabbar .sec-pill { background: var(--lg, rgba(21,22,27,0.9)); box-shadow: var(--lg-sh, 0 10px 26px -12px rgba(0,0,0,0.56)), inset 0 1px 0 rgba(255,255,255,0.066); }
html:where(.dark) body nav.sections .sec-pill .sec.on { background: var(--card) !important; color: var(--ink) !important; box-shadow: 0 3px 10px -4px rgba(0,0,0,.22) !important; }
html:where(.dark).dark body nav.sections .sec-pill .sec.on { background: rgba(255,255,255,.16) !important; color: #fff !important; }
html:where(.dark) body nav.sections .sec.sec-fire { background: var(--fill-3) !important; box-shadow: none !important; }
html:where(.dark) body nav.sections.tabbar .sec.sec-fire { background: var(--lg, rgba(255,255,255,.72)) !important; box-shadow: var(--lg-sh, 0 10px 26px -12px rgba(0,0,0,.35)), inset 0 1px 0 rgba(255,255,255,.55) !important; }
html:where(.dark) body nav.sections .sec.sec-fire.on { color: #fff !important; background: linear-gradient(135deg, #ff8a3d, #e8412c) !important; box-shadow: 0 8px 20px -8px rgba(232,65,44,.7) !important; }
:where(html.dark) #app-luoghi .mr-nav nav.sections, :where(html.dark) #tnav-slot nav.sections, :where(html.dark) #vside-nav nav.sections, :where(html.dark) #vnav-slot nav.sections, :where(html.dark) body #sez-viaggi .vside-nav nav.sections { background: none !important; box-shadow: none !important; border: 0 !important; }
html:where(.dark).dark body nav.sections .sec.sec-fire.on, html:where(.dark) body nav.sections.tabbar .sec.sec-fire.on, :where(html.dark) #app-luoghi nav.sections .sec.sec-fire.on, :where(html.dark) #tnav-slot nav.sections .sec.sec-fire.on { color: #fff !important; background: linear-gradient(135deg, #ff8a3d, #e8412c) !important; }
html:where(.dark).dark .sp-o { color: rgba(255,255,255,.72) !important; }
html:where(.dark).dark .sp-o.on { color: #fff !important; }
@media (min-width: 981px) {
html:where(.dark) body #people.btn.ghost { background: linear-gradient(135deg, rgba(124,58,237,.14), rgba(232,65,44,.10)) !important; box-shadow: inset 0 0 0 1px rgba(124,58,237,.18), 0 4px 12px -8px rgba(124,58,237,.6) !important; color: #afa0da !important; }
html:where(.dark) body #people.btn.ghost:hover { background: linear-gradient(135deg, rgba(124,58,237,.22), rgba(232,65,44,.16)) !important; }
}
@media (min-width: 981px) {
html:where(.dark).dark body #people.btn.ghost { background: linear-gradient(135deg, rgba(150,110,255,.24), rgba(255,110,90,.14)) !important; box-shadow: inset 0 0 0 1px rgba(170,140,255,.3) !important; color: #ece4ff !important; }
}
:where(html.dark) .t-how { border: 0; background: rgba(232,65,44,.1); color: #c2410c; }
:where(html.dark) .t-how:hover { background: rgba(232,65,44,.18); }
html:where(.dark).dark .t-how { background: rgba(255,138,61,.16); color: #ffb084; }
:where(html.dark) .vbud-chip { border: 0; background: rgba(15,157,119,.12); color: #0b7a5c; }
:where(html.dark) .vbud-chip:hover { background: rgba(15,157,119,.2); }
:where(html.dark) .vbud-chip.over { background: rgba(208,36,58,.12); color: #b4202f; }
:where(html.dark) .bg-hero { color: #fff; background: radial-gradient(120% 140% at 0% 0%, #19b88b 0%, #0f9d77 38%, #0b6f6a 100%); box-shadow: 0 18px 36px -22px rgba(11,111,106,.8), inset 0 1px 0 rgba(255,255,255,.25); }
:where(html.dark) .bg-hero::after { background: radial-gradient(circle, rgba(255,255,255,.22), transparent 70%); }
:where(html.dark) .bg-bar { background: rgba(255,255,255,.22); }
:where(html.dark) .bg-b1 { background: #fff; }
:where(html.dark) .bg-b2 { background: repeating-linear-gradient(45deg, rgba(255,255,255,.65) 0 4px, rgba(255,255,255,.3) 4px 8px); }
:where(html.dark) .bg-bar.over .bg-b1 { background: #ffd36b; }
:where(html.dark) .bg-st { background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
:where(html.dark) .bg-hero .bg-acts .btn.solid { background: #fff !important; color: #0b6f5a !important; box-shadow: 0 8px 18px -10px rgba(0,0,0,.45) !important; }
:where(html.dark) .bg-hero .bg-acts .btn.ghost { background: rgba(255,255,255,.18) !important; color: #fff !important; }
:where(html.dark) .bg-seg { background: var(--fill-3); }
:where(html.dark) .bg-sg { border: 0; background: transparent; color: var(--ink-2); }
:where(html.dark) .bg-sg.on { background: var(--card); color: var(--ink); box-shadow: 0 2px 8px -3px rgba(0,0,0,.18); }
:where(html.dark) .bg-cbar { background: var(--fill-3); }
:where(html.dark) .bg-lg { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .bg-lg::before { background: var(--c); }
:where(html.dark) .bg-lg.on { background: color-mix(in srgb, var(--c) 16%, transparent); box-shadow: inset 0 0 0 1.5px var(--c); }
:where(html.dark) .bg-day { background: var(--card); box-shadow: var(--lg-sh); }
:where(html.dark) .bg-dh span { color: var(--ink-2); }
:where(html.dark) .bg-row { border: 0; background: transparent; color: var(--ink); }
:where(html.dark) .bg-row:hover { background: var(--fill-3); }
:where(html.dark) .bg-row + .bg-row::before { background: var(--sep); }
:where(html.dark) .bg-ic { background: color-mix(in srgb, var(--c) 15%, transparent); }
:where(html.dark) .bg-t small { color: var(--ink-2); }
:where(html.dark) .bg-amt small { color: var(--ink-3); }
:where(html.dark) .bg-amt .bg-pv { color: #b5651d; }
:where(html.dark) .bg-row.prev .bg-ic { background: transparent; outline: 1.5px dashed color-mix(in srgb, var(--c) 60%, transparent); }
:where(html.dark) .bg-row.prev .bg-amt b { color: var(--ink-2); }
:where(html.dark) .bg-okb { background: rgba(15,157,119,.12); color: #0b7a5c; }
:where(html.dark) .bg-okb:hover { background: rgba(15,157,119,.22); }
:where(html.dark) .bg-empty b { color: var(--ink); }
:where(html.dark) .bg-p { background: var(--card); box-shadow: var(--lg-sh); }
:where(html.dark) .bg-av { color: #fff; background: linear-gradient(135deg, #7c3aed, #e8412c); }
:where(html.dark) .bg-pt small { color: var(--ink-2); }
:where(html.dark) .bg-p.pos .bg-net { color: #0b8a63; }
:where(html.dark) .bg-p.neg .bg-net { color: #c2322a; }
:where(html.dark) .bg-p.zero .bg-net { color: var(--ink-3); }
:where(html.dark) .bg-tx-ar { color: var(--ink-3); }
:where(html.dark) .bg-tx-i { color: #0b7a5c; }
:where(html.dark) .bg-tx.done .bg-tx-i { color: var(--ink-2); }
:where(html.dark) .bg-saldi summary { color: var(--ink-2); }
:where(html.dark) .bg-sim { background: var(--card); box-shadow: var(--lg-sh); }
:where(html.dark) .bg-sim-tot > small:first-child { color: var(--ink-2); }
:where(html.dark) .bg-sim-tot b { background: linear-gradient(120deg, #0f9d77, #6a45e8); -webkit-background-clip: text; background-clip: text; color: transparent; }
:where(html.dark) .bg-sim-tot .bg-of { color: var(--ink-2); }
:where(html.dark) .bg-lv { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .bg-lv.on { background: rgba(15,157,119,.14); color: #0b7a5c; box-shadow: inset 0 0 0 1.5px rgba(15,157,119,.55); }
:where(html.dark) .bg-f { background: var(--fill-3); }
:where(html.dark) .bg-f > span { color: var(--ink-2); }
:where(html.dark) .bg-fi input { border: 0; background: transparent; color: var(--ink); outline: none; }
:where(html.dark) .bg-fi input:focus { color: #0b7a5c; }
:where(html.dark) .bg-fi em { color: var(--ink-3); }
:where(html.dark) .bg-cmp-h small { color: var(--ink-3); }
:where(html.dark) .bg-cr summary:hover { background: var(--fill-3); }
:where(html.dark) .bg-cr-s { color: var(--ink-2); }
:where(html.dark) .bg-cr-s.over { color: #c2322a; }
:where(html.dark) .bg-cr-bar { background: color-mix(in srgb, var(--c) 18%, transparent); }
:where(html.dark) .bg-cr-bar i { background: var(--c); }
:where(html.dark) .bg-cr-d li { color: var(--ink-2); border-bottom: 1px solid var(--sep); }
:where(html.dark) .bg-cr-d li:last-child { border-bottom: 0; }
:where(html.dark) .bg-cr-d b { color: var(--ink); }
:where(html.dark) .bg-notes { background: rgba(255,181,71,.12); }
:where(html.dark) .bg-notes p { color: var(--ink-2); }
:where(html.dark) .shtr-e { background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .shtr-r { background: var(--fill-3); }
:where(html.dark) .shtr-alt { border: 0; background: none; color: var(--tint); }
:where(html.dark) .perm-pre { background: var(--fill-2); }
:where(html.dark) .perm-p { border: 0; background: transparent; color: var(--ink-2); }
:where(html.dark) .perm-p.on { background: var(--card); color: var(--ink); box-shadow: 0 2px 6px -2px rgba(0,0,0,.2); }
:where(html.dark) .perm-t { border: 0; background: var(--card); color: var(--ink-3); box-shadow: inset 0 0 0 1px var(--sep); }
:where(html.dark) .perm-t.on { background: rgba(15,157,119,.12); color: #0b7a5c; box-shadow: inset 0 0 0 1.5px rgba(15,157,119,.5); }
:where(html.dark) .perm-d summary { color: var(--ink-2); }
:where(html.dark) .perm-d .perm-ed { background: var(--fill-3); }
html:where(.dark).dark .vbud-chip { background: rgba(60,210,160,.16); color: #7fe3c0; }
html:where(.dark).dark .bg-okb, html:where(.dark).dark .bg-lv.on, html:where(.dark).dark .perm-t.on { background: rgba(60,210,160,.16); color: #7fe3c0; }
html:where(.dark).dark .bg-amt .bg-pv { color: #ffb36b; }
html:where(.dark).dark .bg-p.pos .bg-net, html:where(.dark).dark .bg-tx-i { color: #5fe0b0; }
html:where(.dark).dark .bg-p.neg .bg-net, html:where(.dark).dark .bg-cr-s.over { color: #ff8a80; }
html:where(.dark).dark .bg-sim-tot b { background: linear-gradient(120deg, #5fe0b0, #a98bff); -webkit-background-clip: text; background-clip: text; }
html:where(.dark).dark .bg-notes { background: rgba(255,181,71,.1); }
:where(html.dark) .vdock { box-shadow: var(--lg-rim), 0 18px 40px -16px rgba(20,16,40,.45), 0 2px 6px rgba(0,0,0,.06); }
:where(html.dark) .vd-b { border: 0; background: transparent; color: var(--ink); }
:where(html.dark) .vd-b:hover { background: var(--fill-3); }
:where(html.dark) .vd-b.on { background: var(--card); box-shadow: 0 4px 14px -6px rgba(0,0,0,.28); }
:where(html.dark) .vd-ic { box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 8px 16px -8px var(--vsh); }
:where(html.dark) .vd-budget .vd-ic { background: linear-gradient(140deg, #3ddcaa, #12a57c 55%, #0b6f6a); }
:where(html.dark) .vd-valigia .vd-ic { background: linear-gradient(140deg, #ffd27a, #f4a646 50%, #d6701d); }
:where(html.dark) .vd-t small { color: var(--ink-2); }
html:where(.dark).dark .vdock { background: rgba(30,30,38,.78); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.12), 0 18px 40px -16px rgba(0,0,0,.7); }
html:where(.dark).dark .vd-b.on { background: rgba(255,255,255,.12); }
:where(html.dark) .vtm-ic.vtm-budget { background: linear-gradient(140deg, #3ddcaa, #0f9d77); }
:where(html.dark) .vtm-ic.vtm-valigia { background: linear-gradient(140deg, #ffd27a, #e08a2c); }
:where(html.dark) .vtm-tpl { border: 0; background: linear-gradient(135deg, rgba(244,166,70,.16), rgba(214,112,29,.08)); box-shadow: inset 0 0 0 1px rgba(214,112,29,.22); color: var(--ink); }
:where(html.dark) .vtm-tic { background: var(--card); box-shadow: 0 4px 10px -6px rgba(0,0,0,.3); }
:where(html.dark) .vtm-go { color: #b55d12; }
:where(html.dark) .vtm-now { color: #fff; background: linear-gradient(135deg, #12a57c, #0b6f6a); box-shadow: 0 12px 24px -16px rgba(11,111,106,.9); }
:where(html.dark) .vtm-now.vtm-valigia { background: linear-gradient(135deg, #f4a646, #c9611a); box-shadow: 0 12px 24px -16px rgba(201,97,26,.9); }
:where(html.dark) .vtm-now .btn.solid { background: #fff !important; color: #0b6f5a !important; box-shadow: none !important; }
:where(html.dark) .vtm-now.vtm-valigia .btn.solid { color: #a8500f !important; }
:where(html.dark) .vtm-lab { color: var(--ink-3); }
:where(html.dark) .vtm-r { border: 0; background: transparent; color: var(--ink); }
:where(html.dark) .vtm-r:hover, :where(html.dark) .vtm-r.on { background: var(--fill-3); }
:where(html.dark) .vtm-cv { background: hsl(var(--h, 220) 70% 92%); }
html:where(.dark).dark .vtm-cv { background: hsl(var(--h, 220) 35% 24%); }
:where(html.dark) .vtm-tt small { color: var(--ink-2); }
:where(html.dark) .vtm-m { color: #0b7a5c; }
:where(html.dark) .vtm-m.no { color: var(--ink-3); }
:where(html.dark) .vtm-m.sh { color: var(--ink-2); }
:where(html.dark) .vtm-ring { background: conic-gradient(#f0a040 calc(var(--p) * 1%), var(--fill-2) 0); }
:where(html.dark) .vtm-ring::before { background: var(--card); }
:where(html.dark) .vtm-ring b { color: var(--ink-2); }
:where(html.dark) .vtm-ring.full { background: conic-gradient(#12a57c 100%, transparent 0); }
:where(html.dark) .vtm-ring.full b { color: #0b7a5c; }
:where(html.dark) .vtm-chev { color: var(--ink-3); }
html:where(.dark).dark .vtm-m { color: #5fe0b0; }
html:where(.dark).dark .vtm-go { color: #ffb46b; }
html:where(.dark).dark .vtm-ring.full b { color: #5fe0b0; }
:where(html.dark) .vtool-h { background: var(--card); box-shadow: var(--lg-sh); }
:where(html.dark) .vtool-sw { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .vtool-sw:hover { background: var(--fill-2); }
:where(html.dark) .vt-budget .vtool-ic { background: linear-gradient(140deg, #3ddcaa, #12a57c 55%, #0b6f6a); box-shadow: 0 10px 20px -10px rgba(15,157,119,.9); }
:where(html.dark) .vt-valigia .vtool-ic { background: linear-gradient(140deg, #ffd27a, #f4a646 50%, #d6701d); box-shadow: 0 10px 20px -10px rgba(214,112,29,.9); }
:where(html.dark) .vtool-t small { color: var(--ink-2); }
:where(html.dark) .vbadge.sh { background: rgba(106,69,232,.14); color: #5634d6; }
html:where(.dark).dark .vbadge.sh { background: rgba(160,130,255,.2); color: #cbb8ff; }
:where(html.dark) .t-kind { background: var(--fill-3); }
:where(html.dark) .t-k { border: 0; background: transparent; color: var(--ink-2); }
:where(html.dark) .t-k.on { background: var(--card); color: var(--ink); box-shadow: 0 3px 10px -4px rgba(0,0,0,.22); }
:where(html.dark) .tv-status { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .tv-flag { background: var(--fill-3); }
:where(html.dark) .tv-c.v { background: rgba(31,164,99,.13); color: #13703f; }
:where(html.dark) .tv-c.s { background: rgba(244,166,70,.18); color: #8a4b0b; }
:where(html.dark) .tv-c.d { background: rgba(106,69,232,.12); color: #5634d6; }
:where(html.dark) .tvpin { background: #fff; box-shadow: 0 4px 12px -4px rgba(0,0,0,.35); border: 2px solid #fff; color: #12141a; }
:where(html.dark) .tvpin b { background: #12141a; color: #fff; }
:where(html.dark) .tvpin.top b { background: linear-gradient(135deg, #ffb547, #e8412c); }
:where(html.dark) .tvpin.sel { border-color: #e8412c; }
html:where(.dark).dark .tv-c.v { background: rgba(60,210,140,.16); color: #7fe3b0; }
html:where(.dark).dark .tv-c.s { background: rgba(255,180,90,.16); color: #ffc58a; }
html:where(.dark).dark .tv-c.d { background: rgba(160,130,255,.18); color: #cbb8ff; }
html:where(.dark).dark .tvpin { background: #22232b; border-color: #22232b; color: #fff; }
html:where(.dark).dark .tvpin b { background: #fff; color: #12141a; }
:where(html.dark) .vdock { background: rgba(255,255,255,.9); }
@media (min-width: 981px) {
:where(html.dark) .bsh { background: rgba(255,255,255,0); }
:where(html.dark) .bsh.on { background: rgba(255,255,255,0.16); }
:where(html.dark) .bsh-p { background: var(--card); box-shadow: var(--lg-sh-lg), inset 0 0 0 .5px rgba(0,0,0,0.08); }
:where(html.dark) .bsh-h .x { border: 0; background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .gs-sub { color: var(--ink-2); }
:where(html.dark) #vtoolsh.on { background: rgba(255,255,255,0.156); }
}
html:where(.dark).dark .bsh-p { background: #3f4150; }
@media (min-width: 981px) {
:where(html.dark) .bsh .bsh-p { background: rgba(21,22,27,0.95) !important; }
html:where(.dark).dark .bsh .bsh-p { background: rgba(63,65,80,0.95) !important; }
}
html:where(.dark).dark #app-luoghi .mapctl .gpsbtn:not(.on), html:where(.dark).dark #app-luoghi .mapctl .chip.mchip:not(.on), html:where(.dark).dark #app-luoghi .mapctl #f-dist, html:where(.dark).dark #app-luoghi .mapctl .mapsw, html:where(.dark).dark .vmap .mapfab, html:where(.dark).dark .vmap .vgmaps, html:where(.dark).dark .tmapcol .mapfab, html:where(.dark).dark #app-luoghi .mapctl .mapfab { background: rgba(60,64,85,0.9) !important; color: #eef0f6 !important; box-shadow: inset 0 0 0 .5px rgba(255,255,255,0.017), 0 8px 20px -10px rgba(0,0,0,0.7) !important; }
html:where(.dark).dark #app-luoghi .mapctl .gpsbtn:not(.on) .gps-l, html:where(.dark).dark #app-luoghi .mapctl .gpsbtn:not(.on) svg { color: #eef0f6 !important; }
:where(html.dark) .btn.vseen { background: var(--card) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1.5px var(--sep), 0 2px 6px -4px rgba(0,0,0,.2) !important; }
:where(html.dark) .btn.vseen:hover { box-shadow: inset 0 0 0 1.5px #1fa463 !important; color: #13703f !important; }
:where(html.dark) .btn.vseen.on { background: linear-gradient(140deg, #34c77b, #1f9d5c) !important; color: #fff !important; box-shadow: 0 6px 14px -8px rgba(31,157,92,.9) !important; }
html:where(.dark).dark .btn.vseen:not(.on) { background: rgba(255,255,255,.08) !important; color: #eef0f6 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important; }
:where(html.dark) .vtm-add { color: #fff; background: linear-gradient(140deg, #3ddcaa, #0f9d77); box-shadow: 0 6px 14px -8px rgba(15,157,119,.9); }
:where(html.dark) .vtm-del { border: 0; background: var(--fill-3); color: var(--ink-3); }
:where(html.dark) .vtm-del:hover { background: rgba(208,36,58,.12); color: #c2322a; }
:where(html.dark) .vtm-del.arm { background: #d93636; color: #fff; }
html:where(.dark).dark .vtm-del { background: rgba(255,255,255,.08); color: rgba(255,255,255,.6); }
html:where(.dark).dark .vtm-del:hover { color: #ff8a80; }
html:where(.dark).dark .vtm-del.arm { background: #e04848; color: #fff; }
:where(html.dark) .vtm-r.empty .vtm-tt small { color: var(--ink-3); }
:where(html.dark) .vpk-h span { background: var(--fill-2); color: var(--ink-2); }
:where(html.dark) .vpk-e { color: var(--ink-3); }
:where(html.dark) .vpk-o { border: 0; background: var(--fill-3); color: var(--ink); box-shadow: inset 0 0 0 1.5px transparent; }
:where(html.dark) .vpk-o:hover { background: var(--fill-2); }
:where(html.dark) .vpk-o.on { background: rgba(106,69,232,.12); box-shadow: inset 0 0 0 2px var(--tint, #6a45e8); }
:where(html.dark) .vpk-t small { color: var(--ink-3); }
html:where(.dark).dark .vpk-o.on { background: rgba(160,130,255,.2); }
:where(html.dark) .vp-go:not(.flat) { box-shadow: 0 -18px 18px 2px #fdfcfa, 0 12px 0 12px #fdfcfa, 0 10px 24px -10px rgba(123,77,240,.7) !important; }
html:where(.dark).dark .vp-go:not(.flat) { box-shadow: 0 -18px 18px 2px #16181d, 0 12px 0 12px #16181d, 0 10px 24px -10px rgba(123,77,240,.7) !important; }
@media (max-width: 980px) {
:where(html.dark) body.mob .mbar::after { background: linear-gradient(0deg, color-mix(in srgb, var(--page) 96%, transparent) 0%, color-mix(in srgb, var(--page) 78%, transparent) 45%, transparent 100%); }
}
html:where(.dark) body .sheet .panel { background: rgba(21,22,27,0.97) !important; }
html:where(.dark).dark body .sheet .panel { background: rgba(59,61,77,0.97) !important; }
@media (max-width: 980px) {
:where(html.dark) .mbar .mb-bud .mb-ic, :where(html.dark) .mbar .mb-val .mb-ic { box-shadow: inset 0 1px 0 rgba(255,255,255,0.048), 0 6px 12px -6px var(--vsh); }
:where(html.dark) .mbar .mb-bud .mb-ic { background: linear-gradient(140deg, #3ddcaa, #12a57c 55%, #0b6f6a); }
:where(html.dark) .mbar .mb-val .mb-ic { background: linear-gradient(140deg, #3f3420, #f4a646 50%, #d6701d); }
:where(html.dark) body.mob.mbcol .mbar > .mb-more { color: var(--tint) !important; }
}
html:where(.dark).dark body.mob.mbcol .mbar > .mb-more { color: #c8b8ff !important; }
@media (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
:where(html.dark) #ruota { color: #fff; background: radial-gradient(120% 120% at 20% 0%, #6a45e8, #1b1446 70%); }
}
:where(html.dark) .bg-sugg { background: linear-gradient(135deg, rgba(139,63,217,.10), rgba(15,157,119,.08)); box-shadow: inset 0 0 0 1px rgba(139,63,217,.18); }
:where(html.dark) .bg-sg-h small { color: var(--ink-2); }
:where(html.dark) .bg-sg-r { border-top: 1px solid var(--sep); }
:where(html.dark) .bg-sg-r:first-of-type { border-top: 0; }
:where(html.dark) .bg-amt .bg-oc { color: var(--ink-3); }
html:where(.dark).dark .bg-sugg { background: linear-gradient(135deg, rgba(160,110,255,.14), rgba(60,210,160,.08)); box-shadow: inset 0 0 0 1px rgba(170,140,255,.22); }
:where(html.dark) .sh-ren input { border: 0; background: var(--fill-3); color: var(--ink); }
@media (max-width: 980px) {
html:where(.dark) body.mob nav.sections.tabbar .sec-pill .sec:not(.on) { background: transparent !important; box-shadow: none !important; }
html:where(.dark) body.mob nav.sections.tabbar .sec-pill .sec.on { background: #fff !important; color: #12141a !important; box-shadow: 0 4px 14px -4px rgba(0,0,0,.28), inset 0 0 0 .5px rgba(0,0,0,.06) !important; }
html:where(.dark).dark body.mob nav.sections.tabbar .sec-pill .sec.on { background: rgba(255,255,255,.95) !important; color: #12141a !important; box-shadow: 0 4px 16px -4px rgba(0,0,0,.6) !important; }
html:where(.dark).dark body.mob nav.sections.tabbar .sec-pill .sec:not(.on) { color: rgba(255,255,255,.85) !important; }
}
:where(html.dark) .vs-p { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .vs-p small { background: var(--fill-2); color: var(--ink-2); }
:where(html.dark) .vs-p.on { background: #343a4e; color: var(--card); }
:where(html.dark) .vs-p.on small { background: rgba(255,255,255,.22); color: inherit; }
html:where(.dark).dark .vs-p.on { background: #fff; color: #12141a; }
html:where(.dark).dark .vs-p.on small { background: rgba(0,0,0,.1); }
:where(html.dark) button.vs-country { border: 0; background: none; }
:where(html.dark) button.vs-country:hover { color: var(--ink); }
:where(html.dark) .tg-sfida { color: #fff; background: linear-gradient(135deg, #7b4df0, #c445a8 60%, #ff6a4d); box-shadow: 0 12px 26px -16px rgba(123,77,240,.9); }
:where(html.dark) .tg-sfida.done { background: linear-gradient(135deg, #12a57c, #0b6f6a); box-shadow: 0 12px 26px -16px rgba(11,111,106,.9); }
:where(html.dark) .tg-si { background: rgba(255,255,255,.18); }
:where(html.dark) .tg-bar { background: rgba(255,255,255,.25); }
:where(html.dark) .tg-bar i { background: #fff; }
:where(html.dark) .tg-b { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .tg-ic { background: conic-gradient(var(--tint, #6a45e8) calc(var(--p) * 1%), var(--fill-2) 0); }
:where(html.dark) .tg-ic::before { background: var(--card); }
:where(html.dark) .tg-b.on .tg-ic { background: radial-gradient(circle at 30% 25%, #fff8, transparent 60%), var(--tc); box-shadow: 0 6px 14px -6px var(--tc); }
:where(html.dark) .tg-b.on .tg-ic::before { background: var(--card); }
:where(html.dark) .tg-b small { color: var(--ink-3); }
:where(html.dark) .tg-b.on small { color: var(--ink-2); }
:where(html.dark) .tg-b.sel { box-shadow: inset 0 0 0 2px var(--tint, #6a45e8); }
:where(html.dark) .pb-poll { border: 0; background: var(--fill-2); }
:where(html.dark) .pb-poll.new { background: linear-gradient(135deg, #7b4df0, #c445a8); box-shadow: 0 6px 14px -6px rgba(123,77,240,.9); }
:where(html.dark) .pb-poll i { background: #ff5f57; color: #fff; box-shadow: 0 0 0 2px var(--card); }
:where(html.dark) .poll { background: var(--fill-3); }
:where(html.dark) .poll-h small { color: var(--ink-2); }
:where(html.dark) .poll-o { border: 0; background: var(--card); color: var(--ink); box-shadow: inset 0 0 0 1px var(--sep); }
:where(html.dark) .poll-bar { background: rgba(123,77,240,.12); }
:where(html.dark) .poll-o.lead .poll-bar { background: linear-gradient(90deg, rgba(123,77,240,.2), rgba(196,69,168,.16)); }
:where(html.dark) .poll-o.on { box-shadow: inset 0 0 0 2px #7b4df0; }
:where(html.dark) .poll-ck { box-shadow: inset 0 0 0 2px var(--sep); color: #fff; }
:where(html.dark) .poll-o.on .poll-ck, :where(html.dark) .poll-pi.on .poll-ck { background: #7b4df0; box-shadow: none; }
:where(html.dark) .poll-t small { color: var(--ink-2); }
:where(html.dark) .poll-av .av { box-shadow: 0 0 0 2px var(--card); }
:where(html.dark) .poll-win { color: #fff; background: linear-gradient(135deg, #12a57c, #0b6f6a); }
:where(html.dark) .poll-win .btn.solid { background: #fff !important; color: #0b6f5a !important; box-shadow: none !important; }
:where(html.dark) .poll-win .btn.ghost { background: rgba(255,255,255,.2) !important; color: #fff !important; }
:where(html.dark) .poll-q { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .poll-pi { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .poll-pi.on { background: rgba(123,77,240,.12); }
:where(html.dark) .poll-pg { background: var(--c, #888); color: #fff; }
html:where(.dark).dark .poll-o { background: rgba(255,255,255,.06); }
html:where(.dark).dark .poll-bar { background: rgba(160,130,255,.18); }
:where(html.dark) .lsortp { background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .lsortp:hover { background: var(--fill-2); color: var(--ink); }
html:where(.dark).dark .lsortp { background: rgba(255,255,255,.08); color: rgba(255,255,255,.82); }
:where(html.dark) .gbadge { background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .gbadge .g-g { background: #fff; color: #4285f4; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
:where(html.dark) .gbadge b { color: var(--ink); }
:where(html.dark) .gbadge .g-st { color: #fbbc04; }
:where(html.dark) .gbadge .g-n { color: var(--ink-3); }
:where(html.dark) .cx-vote small { color: var(--ink-3); }
html:where(.dark).dark .gbadge { background: rgba(255,255,255,.08); color: rgba(255,255,255,.75); }
html:where(.dark).dark .gbadge b { color: #fff; }
:where(html.dark) .mb-trip { background: var(--card, #fff); box-shadow: 0 2px 6px -1px rgba(0,0,0,.35), 0 0 0 1.5px var(--card, #fff); }
:where(html.dark) .mbar .mb-b.intrip .mb-l { color: var(--ink) !important; }
html:where(.dark).dark .mb-trip { background: #22232b; box-shadow: 0 2px 6px -1px rgba(0,0,0,.6), 0 0 0 1.5px #22232b; }
:where(html.dark) .vdock.intrip .vd-t small { color: var(--ink); }
@media (max-width: 980px) {
:where(html.dark) .udlg.prof .pf-back { border: 0; color: #fff; background: rgba(20,20,30,.55); box-shadow: 0 6px 18px -8px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.03); }
}
:where(html.dark) .tg-intro { color: var(--ink-2); }
:where(html.dark) .tg-b .tg-lv { color: var(--ink-3); }
:where(html.dark) .tg-b.on .tg-lv { color: var(--tc); }
:where(html.dark) .tg-b .tg-pr { background: var(--fill-2); }
:where(html.dark) .tg-b .tg-pr i { background: var(--tint, #6a45e8); }
:where(html.dark) .tg-b .tg-nx { color: var(--ink-2) !important; }
:where(html.dark) .tg-pop { background: rgba(10,10,20,.42); }
:where(html.dark) .tg-pc { background: var(--card, #fff); color: var(--ink); box-shadow: 0 -10px 40px -12px rgba(0,0,0,.35); }
:where(html.dark) .tg-pi { background: radial-gradient(circle at 30% 25%, #fff8, transparent 60%), var(--tc); box-shadow: 0 8px 22px -10px var(--tc); }
:where(html.dark) .tg-pi span { background: var(--card, #fff); }
:where(html.dark) .tg-pl { color: var(--ink-2); }
:where(html.dark) .tg-pbar { background: var(--fill-2); }
:where(html.dark) .tg-pbar i { background: linear-gradient(90deg, var(--tint, #6a45e8), #ff6a4d); }
:where(html.dark) .tg-phow { background: var(--fill-3); }
:where(html.dark) .tg-phow b { color: var(--ink-2); }
:where(html.dark) .tg-plr { background: var(--fill-3); }
:where(html.dark) .tg-plr i { color: var(--ink-2); }
:where(html.dark) .tg-plr.ok i { color: #0f9d77; }
:where(html.dark) .vmini { background: var(--card, #fff); box-shadow: 0 10px 22px -16px rgba(0,0,0,.55); }
:where(html.dark) .vm-b { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .vm-t { border: 0; background: transparent; color: var(--ink); }
:where(html.dark) .vm-t small { color: var(--ink-2); }
@media (max-width: 980px) {
:where(html.dark) .udlg.prof.lg-out { box-shadow: -10px 0 30px -12px rgba(0,0,0,0.4); }
}
:where(html.dark) .offpill { background: rgba(63,63,76,0.86); color: #fff; box-shadow: 0 8px 22px -10px rgba(0,0,0,0.7); }
:where(html.dark) .offpill::before { background: #ffb547; }
:where(html.dark) .mapoff { background: var(--fill-3, #1e1c24); color: var(--ink, #dee1e7); }
:where(html.dark) .mapoff small { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .sd-card { border: 0; color: #fff; background: linear-gradient(135deg, #1f1b4d, #4b2fa8 55%, #c445a8); box-shadow: 0 12px 26px -16px rgba(0,0,0,0.7); }
:where(html.dark) .sd-card .sd-ic { background: rgba(21,22,27,0.36); }
:where(html.dark) .sd-card .gs-car { color: #fff; }
:where(html.dark) #app-luoghi .mapctl .chip.mchip.sd-chip, :where(html.dark) .chip.sd-chip { background: linear-gradient(135deg, #2a2266, #5b3bc4) !important; color: #fff !important; border: 0 !important; -webkit-text-fill-color: #fff; }
:where(html.dark) .sd-r { background: var(--card, #15161b); box-shadow: 0 10px 24px -20px rgba(0,0,0,0.7); }
:where(html.dark) .sd-pi { background: var(--c, #7b4df0); color: #fff; }
:where(html.dark) .sd-x small { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .sd-why { background: var(--fill-3, #1e1c24); }
:where(html.dark) .obadge.unk { color: var(--ink-2, #a8a9b1); background: var(--fill-3, #1e1c24); }
:where(html.dark) .sd-empty { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .fstrip .fs-c { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .fstrip .fs-t, :where(html.dark) .fstrip .fs-add { border: 0; }
:where(html.dark) .fstrip .fs-t.busy { background: linear-gradient(90deg, var(--fill-3, #1d1f26) 0%, var(--fill-2, #24242b) 50%, var(--fill-3, #1d1f26) 100%); background-size: 200% 100%; }
:where(html.dark) .fstrip .fs-add { background: var(--fill-3, #1e1c24); color: var(--tint, #8365ec); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--tint, #6a45e8) 35%, transparent); }
:where(html.dark) .fstrip .fs-hint { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .udlg.fviewer { background: rgba(38,38,38,0.92) !important; }
:where(html.dark) .fv-bar { background: linear-gradient(0deg, rgba(0,0,0,.7), transparent); }
:where(html.dark) .fv-n { color: rgba(255,255,255,.85); }
:where(html.dark) .fv-bar .btn.ghost { background: rgba(21,22,27,0.36) !important; color: #fff !important; border: 0 !important; }
:where(html.dark) .fv-nav { border: 0; background: rgba(21,22,27,0.36); color: #fff; }
@media (max-width: 980px) {
:where(html.dark) .mbar .mb-fx .mb-ic { background: linear-gradient(140deg, #8fc8ff, #3a8af0 55%, #2456c4); box-shadow: inset 0 1px 0 rgba(255,255,255,0.048), 0 6px 12px -6px rgba(36,86,196,.9); }
}
:where(html.dark) .vfx-row small { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .vfx-in { background: var(--fill-3, #1e1c24); }
:where(html.dark) .vfx-in input { border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--ink); outline: none; }
:where(html.dark) .vfx-sel { border: 0; background: var(--card, #15161b); color: var(--ink); }
:where(html.dark) .vfx-sw { background: var(--fill-2, #222129); color: var(--ink); }
:where(html.dark) .vfx-info { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .vfx-info.same { background: rgba(52,199,89,.12); color: #6de4b9; }
:where(html.dark) .vfx-tr { background: var(--card, #15161b); box-shadow: 0 6px 16px -14px rgba(0,0,0,0.7); }
:where(html.dark) .vfx-tr span { color: var(--ink-2, #a8a9b1); }
@media (max-width: 980px) {
:where(html.dark) .vdbar:not([hidden]) { background: var(--lg-thick, rgba(21,22,27,0.9)); box-shadow: 0 10px 26px -14px rgba(0,0,0,0.7); }
:where(html.dark) .vdb-c { border: 0; background: transparent; color: var(--ink); }
:where(html.dark) .vdb-c small { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .vdb-c[style*="--c"] b { color: var(--c); }
:where(html.dark) .vdb-c.on { background: var(--c, #343a4e); }
:where(html.dark) .vdb-c.on b, :where(html.dark) .vdb-c.on small { color: #fff !important; }
}
html:where(.dark).dark .vdbar:not([hidden]) { background: rgba(30,30,38,.82); }
@media (max-width: 980px) {
:where(html.dark) .vmapback:not([hidden]) { border: 0; color: #fff; background: var(--ink, #414146); box-shadow: 0 8px 20px -10px rgba(0,0,0,0.7); }
html:where(.dark).dark .vmapback:not([hidden]) { background: #1b1b23; color: #e8e8e8; }
}
html:where(.dark).dark .vchip.on { background: var(--tint, #7b4df0) !important; border-color: var(--tint, #7b4df0) !important; color: #fff !important; }
html:where(.dark).dark .vday-chip.on { background: var(--c) !important; border-color: var(--c) !important; color: #fff !important; }
html:where(.dark).dark .mtab.on, html:where(.dark).dark .ppl-tab.on, html:where(.dark).dark .adm-tab.on, html:where(.dark).dark .sp-o.on, html:where(.dark).dark .vtab.on, html:where(.dark).dark .mioseg button.on, html:where(.dark).dark .dest button.on, html:where(.dark).dark .t-mode.on, html:where(.dark).dark .bg-sg.on, html:where(.dark).dark .vp-tab.on, html:where(.dark).dark .t-k.on { background: #f2f2f7 !important; color: #111 !important; box-shadow: 0 4px 12px -6px rgba(0,0,0,.6) !important; }
html:where(.dark).dark .vtab.on .vt-n { background: rgba(255,255,255,0.156) !important; color: #e8e8e8 !important; }
:where(html.dark) .vm-t.on { background: var(--c) !important; box-shadow: 0 4px 10px -6px var(--c) !important; }
:where(html.dark) .vm-t.on small { color: #fff !important; }
:where(html.dark) .vday-chip.on { box-shadow: 0 6px 14px -8px var(--c); }
html:where(.dark).dark .vp-rtab.on, html:where(.dark).dark .vs-p.on { background: var(--tint, #7b4df0) !important; color: #fff !important; border-color: transparent !important; }
:where(html.dark) .zs-i.on { background: rgba(31,111,235,.16) !important; box-shadow: inset 3px 0 0 #1f6feb; }
html:where(.dark).dark .zs-i.on { background: rgba(31,111,235,.26) !important; }
:where(html.dark) .vd-valuta .vd-ic { background: linear-gradient(140deg, #8fc8ff, #3a8af0 55%, #2456c4); }
@media (min-width: 981px) {
:where(html.dark) .vdbar:not([hidden]) { background: var(--lg-thick, rgba(21,22,27,0.9)); box-shadow: 0 10px 26px -14px rgba(0,0,0,0.7); }
:where(html.dark) .vdb-c { border: 0; background: transparent; color: var(--ink); }
:where(html.dark) .vdb-c:hover { background: var(--fill-3, rgba(255,255,255,0.065)); }
:where(html.dark) .vdb-c small { color: var(--ink-2, #a8a9b1); }
:where(html.dark) .vdb-c[style*="--c"] b { color: var(--c); }
:where(html.dark) .vdb-c.on { background: var(--c, #343a4e); }
:where(html.dark) .vdb-c.on b, :where(html.dark) .vdb-c.on small { color: #fff !important; }
}
html:where(.dark).dark .vdb-c.on:not([style*="--c"]) { background: #1b1b23 !important; }
html:where(.dark).dark .vdb-c.on:not([style*="--c"]) b, html:where(.dark).dark .vdb-c.on:not([style*="--c"]) small { color: #e8e8e8 !important; }
:where(html.dark) .sg-hero { color: #fff; background: radial-gradient(130% 150% at 0% 0%, #9b6bff, #7b4df0 45%, #ff5a7a 110%); box-shadow: 0 16px 34px -22px #7b4df0; }
:where(html.dark) .sg-hi { background: rgba(21,22,27,0.42); }
:where(html.dark) .sg-l { color: var(--ink-3); }
:where(html.dark) .sg-seg { background: var(--fill-3); }
:where(html.dark) .sg-seg button { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .sg-seg button.on { background: var(--tint); color: #fff; box-shadow: 0 4px 12px -6px var(--tint); }
:where(html.dark) .sg-kind { border: 0; background: var(--card); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.48); }
:where(html.dark) .sg-kind.on { background: var(--tint); color: #fff; box-shadow: 0 10px 22px -12px var(--tint); }
:where(html.dark) .sg-t { border: 0; background: var(--card); color: var(--ink); box-shadow: inset 0 0 0 1px var(--fill-2), 0 4px 12px -10px rgba(0,0,0,0.64); }
:where(html.dark) .sg-ti { color: #fff; background: var(--c, var(--tint)); }
:where(html.dark) .sg-t.on { background: var(--c, var(--tint)); color: #fff; box-shadow: 0 6px 14px -8px var(--c, var(--tint)); }
:where(html.dark) .sg-t.on .sg-ti { background: rgba(21,22,27,0.45); }
:where(html.dark) .sg-t:first-child.on { background: var(--tint); }
:where(html.dark) .sg-hint { color: var(--ink-3); }
:where(html.dark) .sg-box { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.48); }
:where(html.dark) .sg-row + .sg-row { border-top: 1px solid var(--fill-3); }
:where(html.dark) .sg-rl { color: var(--ink-2); }
:where(html.dark) .sg-c.on, html:where(.dark).dark .sg-c.on { background: var(--tint) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 4px 12px -6px var(--tint) !important; }
:where(html.dark) .sg-og { background: var(--card); box-shadow: inset 3px 0 0 var(--c, var(--tint)), 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.48); }
:where(html.dark) .sg-ogh { color: var(--ink); }
:where(html.dark) .sg-ogg { color: var(--ink-2); }
:where(html.dark) .sg-pos { color: var(--ink-2); }
:where(html.dark) .sg-dots i { background: var(--fill-2); }
:where(html.dark) .sg-dots i.cur { background: var(--tint); }
:where(html.dark) .sg-dots i.y { background: #34c759; }
:where(html.dark) .sg-dots i.n { background: #ff3b30; }
:where(html.dark) .sg-card { background: var(--card); box-shadow: 0 2px 4px rgba(0,0,0,0.064), 0 22px 44px -26px rgba(0,0,0,0.7); }
:where(html.dark) .sg-ch { background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--c, var(--tint)) 70%, #15161b), var(--c, var(--tint)) 75%); }
:where(html.dark) .sg-cic { color: #fff; background: rgba(21,22,27,0.42); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.036); }
:where(html.dark) .sg-ctipo { background: rgba(255,255,255,0.16); color: #fff; }
:where(html.dark) .sg-ctipo select { border: 0; background: none; color: #fff; -webkit-text-fill-color: #fff; outline: none; }
:where(html.dark) .sg-ca { color: var(--ink-3); }
:where(html.dark) .sg-m { background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .sg-r { background: rgba(255,170,0,.16); color: #ffb752; }
:where(html.dark) .sg-r.top { background: #f5a300; color: #fff; }
:where(html.dark) .sg-op { background: rgba(52,199,89,.14); color: #73de8b; }
:where(html.dark) .sg-cl { background: rgba(255,59,48,.12); color: #e76b69; }
html:where(.dark).dark .sg-r:not(.top) { color: #ffc34d; }
html:where(.dark).dark .sg-op { color: #5fe08a; }
html:where(.dark).dark .sg-cl { color: #ff8a80; }
:where(html.dark) .sg-why { background: color-mix(in srgb, var(--tint) 9%, transparent); color: var(--ink); }
:where(html.dark) .sg-maps { color: var(--tint); }
:where(html.dark) .sg-stamp { border: 3px solid currentColor; background: rgba(21,22,27,0.92); }
:where(html.dark) .sg-stamp.yes { color: #6de493; }
:where(html.dark) .sg-stamp.no { color: #ec6c65; }
:where(html.dark) .sg-b { border: 0; background: var(--card); box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 14px 28px -16px rgba(0,0,0,0.7); }
:where(html.dark) .sg-b.no { color: #ff5b52; }
:where(html.dark) .sg-b.yes { color: #fff; background: #34c759; box-shadow: 0 14px 28px -12px rgba(52,199,89,.8); }
:where(html.dark) .sg-b.un { color: var(--ink-2); }
:where(html.dark) .sg-ring::before { background: conic-gradient(from 0deg, #7b4df0, #ff5a7a, #ffb547, #7b4df0); }
:where(html.dark) .sg-ring::after { background: radial-gradient(circle, color-mix(in srgb, var(--tint) 18%, transparent), transparent 70%); }
:where(html.dark) .sg-eta { color: var(--ink-2); }
:where(html.dark) .sg-bar { background: var(--fill-2); }
:where(html.dark) .sg-bar i { background: linear-gradient(90deg, #7b4df0, #ff5a7a); background-size: 200% 100%; }
:where(html.dark) .sg-steps { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.48); }
:where(html.dark) .sg-steps li { color: var(--ink-3); }
:where(html.dark) .sg-steps li + li { border-top: 1px solid var(--fill-3); }
:where(html.dark) .sg-si { background: var(--fill-3); }
:where(html.dark) .sg-sk { color: #fff; }
:where(html.dark) .sg-steps li.now { color: var(--ink); }
:where(html.dark) .sg-steps li.now .sg-si { background: color-mix(in srgb, var(--tint) 16%, transparent); }
:where(html.dark) .sg-steps li.now .sg-sk { border: 2.5px solid var(--fill-2); border-top-color: var(--tint); }
:where(html.dark) .sg-steps li.ok { color: var(--ink-2); }
:where(html.dark) .sg-steps li.ok .sg-sk { background: #34c759; }
:where(html.dark) .sg-tip { background: color-mix(in srgb, var(--tint) 8%, transparent); color: var(--ink-2); }
:where(html.dark) .sg-ch.ph { background: #3f3f4c; }
:where(html.dark) .sg-ch.ph::after { background: linear-gradient(transparent, rgba(0,0,0,.55)); }
:where(html.dark) .sg-ch.ph .sg-ctipo { background: rgba(0,0,0,.45); }
:where(html.dark) .sg-cred { color: rgba(255,255,255,.92); }
:where(html.dark) .sg-cred a { color: inherit; }
:where(html.dark) .sg-phn { background: rgba(0,0,0,.45); color: #fff; }
:where(html.dark) .sg-pha { border: 0; background: rgba(0,0,0,.42); color: #fff; }
:where(html.dark) .sg-pha:active { background: rgba(0,0,0,.6); }
:where(html.dark) .sg-phtip { background: rgba(0,0,0,.62); color: #fff; }
:where(html.dark) .sg-phx { color: rgba(255,255,255,.9); }
:where(html.dark) .sg-tried { background: var(--fill-3); }
:where(html.dark) .sg-tried.on { background: color-mix(in srgb, #34c759 12%, transparent); }
:where(html.dark) .sg-trb { border: 0; background: none; color: var(--ink); }
:where(html.dark) .sg-trc { border: 2px solid var(--fill-1, rgba(255,255,255,0.16)); color: #fff; }
:where(html.dark) .sg-tried.on .sg-trc { background: #34c759; border-color: #34c759; }
:where(html.dark) .sg-trt small { color: var(--ink-3); }
:where(html.dark) .sg-star { border: 0; background: none; color: var(--fill-1, rgba(245,245,245,0.18)); }
:where(html.dark) .sg-star.on { color: #ffb400; }
:where(html.dark) .sg-rev { border: 1.5px solid transparent; background: var(--card); outline: none; }
:where(html.dark) .sg-rev:focus { border-color: var(--tint); box-shadow: 0 0 0 4px var(--tint-soft, rgba(123,77,240,.15)); }
:where(html.dark) .sg-ft { border: 0; background: var(--fill-2); }
:where(html.dark) .sg-ftx { background: rgba(0,0,0,.6); color: #fff; }
:where(html.dark) .sg-fadd { border: 1.5px dashed var(--fill-1, rgba(255,255,255,0.16)); background: var(--card); color: var(--ink-2); }
:where(html.dark) .sg-rtr { background: color-mix(in srgb, #34c759 14%, transparent); color: #73de8b; }
html:where(.dark).dark .sg-rtr { color: #5fe08a; }
:where(html.dark) .ld-trust { color: var(--ink-2); }
:where(html.dark) .ld-sw-c { background: var(--card); box-shadow: 0 2px 4px rgba(0,0,0,0.064), 0 26px 50px -28px rgba(0,0,0,0.7); }
:where(html.dark) .ld-sw-h { color: #fff; background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--c) 65%, #15161b), var(--c) 75%); }
:where(html.dark) .ld-sw-h svg { background: rgba(21,22,27,0.42); }
:where(html.dark) .ld-sw-st { border: 3px solid currentColor; background: rgba(21,22,27,0.92); }
:where(html.dark) .ld-sw-st.y { color: #6de493; }
:where(html.dark) .ld-sw-st.n { color: #ec6c65; }
:where(html.dark) .ld-sw-t small { color: var(--ink-2); }
:where(html.dark) .ld-sw-t p { background: color-mix(in srgb, var(--tint) 9%, transparent); color: var(--ink); }
:where(html.dark) .ld-sw-end { background: var(--card); box-shadow: 0 26px 50px -28px rgba(0,0,0,0.7); }
:where(html.dark) .ld-sw-end small { color: var(--ink-2); }
:where(html.dark) .ld-sw-n { color: var(--ink-2); }
:where(html.dark) .ld-sw-b { border: 0; background: var(--card); box-shadow: 0 14px 28px -16px rgba(0,0,0,0.7); }
:where(html.dark) .ld-sw-b.no { color: #ff5b52; }
:where(html.dark) .ld-sw-b.yes { color: #fff; background: #34c759; box-shadow: 0 14px 28px -12px rgba(52,199,89,.8); }
:where(html.dark) .ld-faq details { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 12px 30px -24px rgba(0,0,0,0.64); }
:where(html.dark) .ld-faq summary::after { background: var(--tint-soft); color: var(--tint); }
:where(html.dark) .ld-faq details p { color: var(--ink-2); }
:where(html.dark) .info-i.ctx:not(.new)::before { border: 2px solid #5ad1ff; }
:where(html.dark) .ih-tip { border: 0; background: #3b375e; color: #fff; box-shadow: 0 14px 30px -12px rgba(0,0,0,0.7); }
:where(html.dark) .ih-tip::before { background: inherit; }
:where(html.dark) .udlg-box.ih-box { background: var(--lg-solid, var(--card)) !important; }
:where(html.dark) .ih-h small { color: var(--ink-3); }
:where(html.dark) .ih-r { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .ih-r.ctx { background: linear-gradient(120deg, color-mix(in srgb, var(--tint) 16%, transparent), color-mix(in srgb, #5ad1ff 14%, transparent)); }
:where(html.dark) .ih-ic { color: #fff; background: linear-gradient(140deg, #8f6bff, #6a45e8 60%, #c445a8); }
:where(html.dark) .ih-r.ctx .ih-ic { background: linear-gradient(140deg, #5ad1ff, #2f7de0 60%, #6a45e8); }
:where(html.dark) .ih-t small { color: var(--ink-3); }
:where(html.dark) .ih-badge { background: #ff5f57; color: #fff; }
:where(html.dark) .ih-car { color: var(--ink-3); }
:where(html.dark) .udlg-box.hp-box { background: var(--lg-solid, var(--card)) !important; }
:where(html.dark) .hp-h small { color: var(--ink-3); }
:where(html.dark) .hp-tabs { background: var(--fill-3); }
:where(html.dark) .hp-tab { border: 0; background: none; color: var(--ink-2); }
:where(html.dark) .hp-tab.on { background: var(--tint); color: #fff; box-shadow: 0 4px 12px -6px var(--tint); }
:where(html.dark) .hp-search { background: var(--fill-2); }
:where(html.dark) .hp-search input { border: 0; background: none; outline: none; }
:where(html.dark) .hp-g { color: var(--ink-3); }
:where(html.dark) .hp-q { background: var(--fill-3); }
:where(html.dark) .hp-q summary::after { background: var(--tint-soft); color: var(--tint); }
:where(html.dark) .hp-a p { color: var(--ink-2); }
:where(html.dark) .hp-none { background: var(--fill-3); color: var(--ink-2); }
:where(html.dark) .hp-more { background: color-mix(in srgb, var(--tint) 10%, transparent); }
:where(html.dark) .hp-me { background: color-mix(in srgb, var(--tint) 10%, transparent); }
:where(html.dark) .hp-av { background: var(--card); }
:where(html.dark) .hp-me small { color: var(--ink-2); }
:where(html.dark) .hp-k.on, html:where(.dark).dark .hp-k.on { background: var(--tint) !important; color: #fff !important; border-color: transparent !important; }
:where(html.dark) .hp-x { border: 1.5px solid transparent; background: var(--fill-2); outline: none; }
:where(html.dark) .hp-x:focus { border-color: var(--tint); background: var(--card); box-shadow: 0 0 0 4px var(--tint-soft); }
:where(html.dark) .hp-cnt { color: var(--ink-3); }
:where(html.dark) .hp-info { color: var(--ink-3); }
:where(html.dark) .hp-p { color: var(--ink-2); }
:where(html.dark) .hp-done small { color: var(--ink-2); }
:where(html.dark) .vclock { border: 0; background: color-mix(in srgb, #2f7de0 14%, transparent); color: var(--ink); }
:where(html.dark) .vclock .vck-t { color: var(--ink-2); }
:where(html.dark) .ppl-n { background: #ff3b30; color: #fff; }
:where(html.dark) .mb-b.sr-new::after { background: #ff3b30; color: #fff; box-shadow: 0 0 0 2px var(--card, rgba(255,255,255,0.12)); }
html:where(.dark) body .udlg-box.sr-box { background: var(--page, var(--card)) !important; }
:where(html.dark) .sr-h small { color: var(--ink-3); }
:where(html.dark) .sr-l { color: var(--ink-3); }
:where(html.dark) .sr-hint { color: var(--ink-3); }
:where(html.dark) .sr-c.on, html:where(.dark).dark .sr-c.on { background: var(--tint) !important; color: #fff !important; border-color: transparent !important; }
:where(html.dark) .sr-name { border: 1.5px solid transparent; background: var(--fill-2); outline: none; }
:where(html.dark) .sr-name:focus { border-color: var(--tint); background: var(--card); box-shadow: 0 0 0 4px var(--tint-soft); }
:where(html.dark) .sr-emo { border: 0; background: var(--fill-3); }
:where(html.dark) .sr-emo.on { background: var(--tint); box-shadow: 0 6px 14px -8px var(--tint); }
:where(html.dark) .sr-day { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .sr-day small { color: var(--ink-3); }
:where(html.dark) .sr-day.we { background: color-mix(in srgb, var(--tint) 8%, var(--fill-3)); }
:where(html.dark) .sr-day.on { background: var(--tint); color: #fff; box-shadow: 0 8px 16px -10px var(--tint); }
:where(html.dark) .sr-day.on small { color: rgba(255,255,255,.85); }
:where(html.dark) .sr-chip { border: 0; background: var(--tint); color: #fff; }
:where(html.dark) .sr-pr, :where(html.dark) .sr-pp { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .sr-pr.on { background: color-mix(in srgb, var(--tint) 14%, transparent); }
:where(html.dark) .sr-pt small { color: var(--ink-3); }
:where(html.dark) .sr-pk { color: var(--tint); }
:where(html.dark) .sr-pi { color: #fff; }
:where(html.dark) .sr-av { background: linear-gradient(140deg, #8f6bff, #c445a8); color: #fff; box-shadow: 0 0 0 2px var(--card, rgba(255,255,255,0.12)); }
:where(html.dark) .sr-free { background: color-mix(in srgb, var(--tint) 8%, transparent); }
:where(html.dark) .sr-free small { color: var(--ink-2); }
:where(html.dark) .sr-free input { border: 0; background: var(--card); outline: none; }
:where(html.dark) .sr-mini { background: var(--fill-3); }
:where(html.dark) .sr-foot { background: var(--lg-sheen), var(--lg-thick); box-shadow: var(--lg-rim); }
:where(html.dark) .sr-fi { color: var(--ink-2); }
:where(html.dark) .sr-hero { color: #fff; background: radial-gradient(130% 150% at 0% 0%, #ff8a5c, #ff5a7a 45%, #7b4df0 110%); box-shadow: 0 14px 30px -20px #ff5a7a; }
:where(html.dark) .sr-hi { background: rgba(21,22,27,0.42); }
:where(html.dark) .sr-hero .btn { background: #15161b !important; color: #ec659a !important; box-shadow: none !important; }
:where(html.dark) .sr-inv { background: color-mix(in srgb, #ff5a7a 10%, var(--card)); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, #ff5a7a 35%, transparent); }
:where(html.dark) .sr-it small { color: var(--ink-2); }
:where(html.dark) .sr-em { background: var(--fill-3); }
:where(html.dark) .sr-row { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .sr-rt small { color: var(--ink-3); }
:where(html.dark) .sr-step { background: var(--fill-3); }
:where(html.dark) .sr-step small { color: var(--ink-2); }
:where(html.dark) .sr-n { background: var(--tint); color: #fff; }
:where(html.dark) .sr-lead { background: color-mix(in srgb, #f5a300 14%, transparent); }
:where(html.dark) .sr-win { color: #fff; background: radial-gradient(130% 150% at 0% 0%, #3ccf7a, #1f9d6b 55%, #0f6e8a 120%); box-shadow: 0 14px 30px -20px #1f9d6b; }
:where(html.dark) .sr-win .btn.ghost { background: rgba(21,22,27,0.4) !important; color: #fff !important; }
:where(html.dark) .sr-win .btn.solid { background: #fff !important; color: #0f6e5a !important; box-shadow: none !important; }
:where(html.dark) .sr-pc { border: 0; background: none; color: var(--ink); }
:where(html.dark) .sr-pc small { color: var(--ink-2); }
:where(html.dark) .sr-pc.add .sr-av { background: var(--fill-2); color: var(--tint); box-shadow: inset 0 0 0 1.5px var(--tint); }
:where(html.dark) .sr-date { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .sr-date.on { background: color-mix(in srgb, var(--tint) 14%, var(--fill-3)); }
:where(html.dark) .sr-dc { border: 2px solid var(--fill-1, rgba(255,255,255,0.16)); color: #fff; }
:where(html.dark) .sr-date.on .sr-dc { background: var(--tint); border-color: var(--tint); }
:where(html.dark) .sr-dt small { color: var(--ink-3); }
:where(html.dark) .sr-bar { background: transparent; }
:where(html.dark) .sr-bar i { background: var(--tint); }
:where(html.dark) .sr-prop { background: var(--card); box-shadow: 0 1px 2px rgba(0,0,0,0.064), 0 8px 24px -18px rgba(0,0,0,0.48); }
:where(html.dark) .sr-prop.first { box-shadow: inset 0 0 0 2px #f5a300, 0 8px 24px -18px rgba(0,0,0,0.48); }
:where(html.dark) .sr-prop.won { box-shadow: inset 0 0 0 2px #1f9d6b, 0 8px 24px -18px rgba(0,0,0,0.48); }
:where(html.dark) .sr-vbar { background: var(--fill-3); }
:where(html.dark) .sr-vbar i { background: linear-gradient(90deg, #ff8a5c, #ff5a7a); }
:where(html.dark) .sr-map { color: var(--tint); }
:where(html.dark) .sr-del { border: 0; background: none; color: var(--ink-3); }
:where(html.dark) .sr-vote { border: 0; background: var(--fill-3); color: var(--ink); }
:where(html.dark) .sr-vote.on { background: linear-gradient(120deg, #ff8a5c, #ff5a7a); color: #fff; box-shadow: 0 8px 16px -10px #ff5a7a; }
:where(html.dark) .btn.danger { color: #ec6c65 !important; }
html:where(.dark) body .udlg-box.cons { background: var(--page, var(--card)) !important; }
:where(html.dark) .cons-u18 { color: var(--ink-2); background: none; border: 0; }
:where(html.dark) .cons-ab { border: 1.5px solid var(--line, rgba(255,255,255,0.16)); background: var(--soft); color: var(--ink); }
:where(html.dark) .cons-ab.on { background: #343a4e; color: var(--page, #fff); border-color: #343a4e; }
:where(html.dark) .cons-ai { color: var(--ink-2); }
:where(html.dark) .sg-phfs { border: 0; color: #fff; background: rgba(0,0,0,.5); }
:where(html.dark) .sg-dish small { color: var(--ink-3, var(--ink-2)); }
:where(html.dark) .sg-dc { color: var(--ink); background: color-mix(in srgb, var(--c, var(--tint)) 16%, var(--card, #15161b)); border: 1px solid color-mix(in srgb, var(--c, var(--tint)) 30%, transparent); }
:where(html.dark) .sg-view { background: rgba(38,38,38,0.94); }
:where(html.dark) .sg-vcap { color: rgba(255,255,255,.85); }
:where(html.dark) .sg-vx { border: 0; background: rgba(21,22,27,0.36); color: #fff; }
:where(html.dark) .sg-va { border: 0; background: rgba(21,22,27,0.36); color: #fff; }
:where(html.dark) .sr-codein { background: var(--soft); border: 1.5px dashed color-mix(in srgb, var(--tint) 40%, transparent); }
:where(html.dark) .sr-codein input { border: 0; background: transparent; color: var(--ink); outline: none; }
:where(html.dark) .sr-codein input::placeholder { color: var(--ink-3, var(--ink-2)); }
:where(html.dark) .sr-codeinfo { background: color-mix(in srgb, var(--tint) 10%, var(--card, #15161b)); }
:where(html.dark) .sr-big { border: 2px dashed color-mix(in srgb, var(--tint) 55%, transparent); background: color-mix(in srgb, var(--tint) 8%, var(--card, #15161b)); color: var(--ink); }
:where(html.dark) .sr-jc { background: var(--soft); }
:where(html.dark) .sr-jc small { color: var(--ink-2); }
:where(html.dark) .sr-cbox { background: color-mix(in srgb, var(--tint) 9%, var(--card, #15161b)); border: 1.5px dashed color-mix(in srgb, var(--tint) 45%, transparent); }
:where(html.dark) .sr-cbox small { color: var(--ink-2); }
:where(html.dark) .sr-tabs { background: var(--fill-3, var(--soft)); }
:where(html.dark) .sr-tab { border: 0; background: transparent; color: var(--ink-2); }
:where(html.dark) .sr-tab.on { background: var(--card, #15161b); color: var(--ink); box-shadow: 0 2px 8px -3px rgba(0,0,0,0.4); }
:where(html.dark) .sr-mday { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .sr-bub { background: var(--soft); }
:where(html.dark) .sr-msg.me .sr-bub { background: linear-gradient(120deg, #8a5cff, #ff5a7a); color: #fff; }
:where(html.dark) .sr-bub b { color: var(--tint); }
:where(html.dark) .sr-mm { border: 0; background: transparent; color: var(--ink-3, var(--ink-2)); }
:where(html.dark) .sr-mm:hover, :where(html.dark) .sr-mm:focus-visible { background: var(--soft); }
:where(html.dark) .sr-send textarea { border: 1.5px solid var(--line, rgba(255,255,255,0.16)); background: var(--card, #15161b); color: var(--ink); }
:where(html.dark) .sr-count { background: color-mix(in srgb, #ffb547 18%, var(--card, #15161b)); }
:where(html.dark) .sr-pren { background: var(--soft); }
:where(html.dark) .sr-mrow { border: 0; background: var(--soft); color: var(--ink); }
:where(html.dark) .sr-mrow small { color: var(--ink-2); }
:where(html.dark) button.sr-pc { border: 0; background: transparent; color: inherit; }
:where(html.dark) .sgn-box { background: var(--page, var(--card)) !important; }
:where(html.dark) .sgn-h small { color: var(--ink-2); }
:where(html.dark) .sgn-sub { color: var(--ink-2); }
:where(html.dark) .sgn-m { border: 1.5px solid transparent; background: var(--soft); color: var(--ink); }
:where(html.dark) .sgn-m.on { border-color: #e5352b; background: color-mix(in srgb, #e5352b 10%, var(--card, #15161b)); }
:where(html.dark) .sgn-t { border: 1.5px solid var(--line, rgba(255,255,255,0.16)); background: var(--card, #15161b); color: var(--ink); }
:where(html.dark) .pf-blk { background: var(--soft); color: var(--ink-2); }
:where(html.dark) .adm-q { border: 1.5px solid var(--line, rgba(255,255,255,0.16)); background: var(--card, #15161b); color: var(--ink); }
:where(html.dark) .adm-so { border: 1.5px solid var(--line, rgba(255,255,255,0.16)); background: var(--card, #15161b); color: var(--ink); }
html:where(.dark) body .udlg-box.sgn-box { background: var(--page, var(--card)) !important; }
:where(html.dark) .adm-chip { border: 1.5px solid var(--line, rgba(255,255,255,0.16)); background: var(--card, #15161b); color: var(--ink); }
:where(html.dark) .adm-chip.on { background: #343a4e; color: var(--page, #fff); border-color: #343a4e; }
:where(html.dark) .sg-phtap { border: 0; background: rgba(0,0,0,.45); color: #fff; }
:where(html.dark) .feed-l { color: var(--ink-2); }
@media (min-width: 981px) {
html:where(.dark) body .logo .bb-slogan { color: var(--ink-3, var(--ink-2)); }
}
@media (max-width: 980px) {
:where(html.dark) body.mob .bb-bar { color: var(--ink); }
:where(html.dark) body.mob .bb-bar b { background: linear-gradient(90deg, #4b2bd6, #c0459a); -webkit-background-clip: text; background-clip: text; color: transparent; }
:where(html.dark) body.mob .bb-bar span { color: var(--ink-2); }
:where(html.dark) body.mob .bb-bar span::before { color: var(--ink-3, var(--ink-2)); }
}
html:where(.dark).dark body.mob .bb-bar b { background: linear-gradient(90deg, #a98bff, #ff8fb0); -webkit-background-clip: text; background-clip: text; }
:where(html.dark) .vp-newc { color: var(--ink-3); }
:where(html.dark) .vp-msgs .msg a { color: #8365ec; }
:where(html.dark) .vp-pick { background: rgba(123,77,240,.08); border: 1px solid rgba(123,77,240,.18); }
:where(html.dark) .vp-pk-t { color: var(--ink-2); }
:where(html.dark) .vpanel .chip.vp-pk.ok { background: #182b1f !important; color: #75dca0; border-color: transparent; }
:where(html.dark) .vpanel .chip.vp-pknew { color: #8365ec; }
:where(html.dark) .vp-bub { background: linear-gradient(120deg, #7b4df0, #ff5a7a); color: #fff; box-shadow: 0 14px 30px -10px rgba(123,77,240,.75), inset 0 1px 0 rgba(255,255,255,0.042); }
:where(html.dark) .vp-bo { border: 0; background: none; color: inherit; }
:where(html.dark) .vp-bx { border: 0; background: rgba(21,22,27,0.42); color: #fff; }
:where(html.dark) .vp-bx:hover { background: rgba(21,22,27,0.54); }
:where(html.dark) .vbadge.mtb { background: linear-gradient(120deg, rgba(123,77,240,.16), rgba(255,90,122,.14)); color: #8874dd; }
:where(html.dark) .vbadge.mt { background: rgba(123,77,240,.1); color: #8874dd; }
:where(html.dark) .vt-b .vt-mt { color: #8874dd; }
:where(html.dark) .mt-bar { background: linear-gradient(135deg, rgba(123,77,240,.09), rgba(255,90,122,.07)); border: 1px solid rgba(123,77,240,.16); }
:where(html.dark) .mt-ht small { color: var(--ink-2); }
:where(html.dark) .mt-all, :where(html.dark) .mt-t { border: 1.5px solid rgba(255,255,255,0.112); background: var(--card, #15161b); color: var(--ink); }
:where(html.dark) .mt-all small { color: var(--ink-3); }
:where(html.dark) .mt-t small { color: var(--ink-2); }
:where(html.dark) .mt-t .mt-k { color: var(--ink-3); }
:where(html.dark) .mt-n { background: hsl(var(--h, 260) 70% 52%); color: #fff; }
:where(html.dark) .mt-all.on, :where(html.dark) .mt-t.on { background: #6a45e8; border-color: #6a45e8; color: #fff; }
:where(html.dark) .mt-t.on small, :where(html.dark) .mt-t.on .mt-k, :where(html.dark) .mt-all.on small { color: rgba(255,255,255,.85); }
:where(html.dark) .mt-t.on .mt-n { background: #15161b; color: #8365ec; }
:where(html.dark) .mt-go { color: #8365ec; }
:where(html.dark) .mt-go small { color: var(--ink-3); }
:where(html.dark) a.mt-go:hover { background: rgba(123,77,240,.1); }
:where(html.dark) .mt-warn { color: #ffc652; background: #282214; }
:where(html.dark) .mt-on { color: #8874dd; }
:where(html.dark) .vh-acts .mt-more { color: #8874dd; }
:where(html.dark) .mt-dsep { background: linear-gradient(120deg, hsl(var(--h, 260) 80% 96%), rgba(21,22,27,0.2)); border-left: 4px solid hsl(var(--h, 260) 70% 52%); }
:where(html.dark) .mt-dt small { color: var(--ink-2); }
:where(html.dark) .mt-tr, :where(html.dark) .mt-hint { color: var(--ink-2); }
:where(html.dark) .mt-hint small { color: var(--ink-3); }
:where(html.dark) .mt-hint b { color: var(--ink); }
:where(html.dark) .vd-tp { color: #5b3fd0; }
:where(html.dark) .mt-empty { background: var(--fill-3, rgba(255,255,255,0.052)); color: var(--ink-2); }
:where(html.dark) .mt-r { background: var(--card, #15161b); border: 1.5px solid rgba(255,255,255,0.112); }
:where(html.dark) .mt-rt small { color: var(--ink-3); }
:where(html.dark) .mt-sb, :where(html.dark) .mt-ib { border: 1px solid rgba(255,255,255,0.16); background: var(--surface, #15161b); color: var(--ink); }
:where(html.dark) .mt-ib.del.arm { background: #e5484d; border-color: #e5484d; color: #fff; }
:where(html.dark) .mt-gita { border: 1.5px dashed rgba(123,77,240,.4); background: none; color: #8874dd; }
:where(html.dark) .mt-gita.on { background: #6a45e8; border: 1.5px solid #6a45e8; color: #fff; }
:where(html.dark) .mt-add { background: rgba(123,77,240,.07); }
:where(html.dark) .mt-al { color: #8874dd; }
:where(html.dark) .mt-ast { color: var(--ink-3); }
:where(html.dark) .mt-man input { border: 1px solid rgba(255,255,255,0.16); background: var(--surface, #15161b); color: var(--ink); }
:where(html.dark) .mt-sum { color: var(--ink-2); }
:where(html.dark) .mt-sum b { color: var(--ink); }
:where(html.dark) .mt-fit { color: #ffc652; }
:where(html.dark) .mt-ft { background: var(--surface, #15161b); border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .mt-one { color: #e36e73; }
:where(html.dark) .mt-plr small { color: var(--ink-3); }
:where(html.dark) .mt-pin { background: #15161b; color: #d4cde9; box-shadow: 0 6px 16px -4px rgba(0,0,0,0.7), 0 0 0 2px hsl(var(--h, 260) 70% 52%); }
:where(html.dark) .mt-pin b { background: hsl(var(--h, 260) 70% 52%); color: #fff; }
:where(html.dark) .mt-pin.gita { box-shadow: 0 6px 16px -4px rgba(0,0,0,0.7), 0 0 0 2px hsl(var(--h, 260) 70% 52%), 0 0 0 4px rgba(255,255,255,0.12); }
:where(html.dark) .vp-menu { background: var(--surface, #15161b); box-shadow: 0 24px 60px -18px rgba(0,0,0,0.7), 0 0 0 1px rgba(0,0,0,0.096); }
:where(html.dark) .vp-mi { border: 0; background: none; color: var(--ink); }
:where(html.dark) .vp-mi:hover, :where(html.dark) .vp-mi:focus-visible { background: rgba(123,77,240,.08); }
:where(html.dark) .vp-mic { background: rgba(123,77,240,.1); color: #8874dd; }
:where(html.dark) .vp-mit small { color: var(--ink-3); }
:where(html.dark) .vp-ctxl { background: rgba(123,77,240,.08); color: #8874dd; }
:where(html.dark) .vp-smart { border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vp-sml { color: var(--ink-3); }
:where(html.dark) .vpanel .vp-smc .chip.vp-act { background: linear-gradient(120deg, #7b4df0, #ff5a7a) !important; color: #fff; border-color: transparent; }
:where(html.dark) .vp-chatb .vp-smart + .vp-in { border-top: 0; }
:where(html.dark) .vp-bo2 { border: 2px solid rgba(255,255,255,0.112); background: var(--card, #15161b); color: var(--ink); }
:where(html.dark) .vp-bo2 small { color: var(--ink-3); }
:where(html.dark) .vp-bo2.on { border-color: #6a45e8; background: rgba(106,69,232,.1); }
:where(html.dark) .vp-bft { background: #16181d; }
:where(html.dark) .udlg-box.mt-ed, :where(html.dark) .udlg-box.vp-bsb { background: #16181d !important; }
:where(html.dark) .udlg.mt-dlg, :where(html.dark) .udlg.vp-bset { background: rgba(20,14,40,.32); }
:where(html.dark) .vp-dbg { color: var(--ink-3); }
:where(html.dark) .vp-mic { border: 1px solid rgba(123,77,240,.25); background: rgba(123,77,240,.08); color: #8874dd; }
:where(html.dark) .vp-mic.on { background: #e5484d; border-color: #e5484d; color: #fff; }
:where(html.dark) .vp-in.vp-rec input { border-color: #e5484d !important; }
:where(html.dark) .aiw-st { color: var(--ink-2); background: rgba(123,77,240,.06); border-bottom: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .aiw-st b { color: #8874dd; }
:where(html.dark) .aiw-t { color: var(--ink); }
:where(html.dark) .aiw-s { color: var(--ink-2); }
:where(html.dark) .aiw-m { background: rgba(123,77,240,.05); border: 1px solid rgba(123,77,240,.12); }
:where(html.dark) .aiw-mh { color: #8874dd; }
:where(html.dark) .aiw-o { border: 1.5px solid rgba(255,255,255,0.126); background: #15161b; color: var(--ink); }
:where(html.dark) .aiw-o small { color: var(--ink-2); }
:where(html.dark) .aiw-o.on { border-color: #7b4df0; background: rgba(123,77,240,.1); box-shadow: 0 0 0 1px #7b4df0 inset; }
:where(html.dark) .aiw-o.on b::after { color: #885ff2; }
:where(html.dark) .aiw-n { color: var(--ink-3, #8a8f98); }
:where(html.dark) .ai-follow.vp-rec input { border-color: #e5484d !important; }
:where(html.dark) .sd-card.gs-chat { background: linear-gradient(120deg, #7b4df0, #ff5a7a); }
:where(html.dark) .mg-card { background: var(--fill-3, rgba(255,255,255,0.065)); }
:where(html.dark) .mg-sub { color: var(--ink-2); }
:where(html.dark) .m-cq { border: 1.5px solid transparent; background: var(--fill-3, rgba(20,20,40,.05)); color: var(--ink); }
html:where(.dark).dark .m-b { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.14); color: #fff; }
html:where(.dark).dark .aiw-o { background: rgba(21,22,27,0.26); border-color: rgba(255,255,255,0.019); color: #fff; }
html:where(.dark).dark .aiw-o.on { background: rgba(123,77,240,.28); border-color: #9b7bff; box-shadow: 0 0 0 1px #9b7bff inset; }
html:where(.dark).dark .aiw-o small { color: rgba(255,255,255,.72); }
html:where(.dark).dark .aiw-st { background: rgba(123,77,240,.16); color: rgba(255,255,255,.8); }
html:where(.dark).dark .aiw-st b, html:where(.dark).dark .aiw-mh { color: #c4b2ff; }
html:where(.dark).dark .aiw-m { background: rgba(123,77,240,.1); border-color: rgba(155,123,255,.25); }
:where(html.dark) .mk-h { color: var(--ink-3); }
:where(html.dark) .mk-tip { color: var(--ink-2); }
:where(html.dark) .mk-tip b { color: var(--ink); }
:where(html.dark) .mk-hb { background: linear-gradient(180deg, #7b4df0, #ff5a7a); }
:where(html.dark) .mk-hx { color: var(--ink-3); }
:where(html.dark) .mk-lb { color: var(--ink-2); }
:where(html.dark) .mk-link { background: var(--fill-3, rgba(255,255,255,0.065)); color: var(--ink); }
:where(html.dark) .mk-link:hover { background: rgba(123,77,240,.1); }
:where(html.dark) .mk-lt small { color: var(--ink-3); }
:where(html.dark) .av-bar { background: linear-gradient(120deg, #1f1b4d, #4b2fa8); color: #fff; box-shadow: 0 16px 34px -18px rgba(0,0,0,0.7); }
:where(html.dark) .av-bar.av-nuovo { background: linear-gradient(120deg, #7b4df0, #ff5a7a); }
:where(html.dark) .av-bar.av-warn { background: linear-gradient(120deg, #8a4b00, #e5484d); }
:where(html.dark) .av-x { border: 0; background: rgba(21,22,27,0.38); color: #fff; }
@media (min-width: 981px) {
:where(html.dark) .z-ask { border: 0; background: linear-gradient(120deg, #7b4df0, #ff5a7a); color: #fff; box-shadow: 0 8px 20px -10px rgba(123,77,240,.8); }
:where(html.dark) .z-ask.on { box-shadow: 0 0 0 3px rgba(123,77,240,.25), 0 8px 20px -10px rgba(123,77,240,.8); }
:where(html.dark) .z-find { border: 0; background: rgba(255,255,255,0.065); }
:where(html.dark) .z-find:hover { background: rgba(255,255,255,0.117); }
}
@media (min-width: 981px) {
:where(html.dark) #gsh .gs-in input { border: 0 !important; background: none !important; box-shadow: none !important; outline: none; }
}
:where(html.dark) .dc-r { background: var(--fill-3, rgba(255,255,255,0.065)); }
:where(html.dark) .dc-t small { color: var(--ink-3); }
:where(html.dark) .dc-old { color: var(--ink-2); }

/* ---------- tema scuro: parti scritte a mano (copiate in fondo a dark.css da tools/dark.py) ---------- */
html.dark {
  color-scheme: dark;
  --bg: #0b0d14; --surface: #151823; --soft: #1b1f2c; --line: rgba(255,255,255,.09);
  --ink: #eef0f6; --ink-2: #aab0c0; --ink-3: #7a8194;
  --accent: #ff5a43; --accent-soft: rgba(255,90,67,.16); --blue: #5b9bff; --ok: #3ccf7a; --danger: #ff6b66;
  --sh-1: 0 1px 2px rgba(0,0,0,.4); --sh-2: 0 14px 34px -14px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.35);
  --glass: rgba(22,24,36,.62); --glass-strong: rgba(22,24,36,.78); --glass-hi: rgba(24,27,40,.86); --glass-edge: rgba(255,255,255,.1); --glass-b: rgba(255,255,255,.09);
  --glass-hl: linear-gradient(160deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.02) 40%, rgba(255,255,255,0) 62%, rgba(255,255,255,.05) 100%);
  --glass-sh: 0 14px 38px -16px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.08);
  --ring: 0 0 0 4px rgba(150,110,255,.3);
  --lift: 0 18px 40px -22px rgba(0,0,0,.8), 0 2px 6px -2px rgba(0,0,0,.4);
  --tint: #8f72ff; --tint-2: #7b5cf5; --tint-soft: rgba(143,114,255,.2);
  --lg: rgba(36,38,50,.52); --lg-thick: rgba(30,32,44,.78); --lg-solid: #1a1c26;
  --lg-sheen: linear-gradient(140deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0) 70%, rgba(255,255,255,.05) 100%);
  --lg-rim: inset 0 0 0 .5px rgba(255,255,255,.16), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 1px rgba(255,255,255,.04);
  --lg-sh: 0 10px 28px -12px rgba(0,0,0,.7), 0 1px 4px rgba(0,0,0,.3);
  --lg-sh-lg: 0 30px 70px -28px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.3);
  --fill-1: rgba(120,120,128,.36); --fill-2: rgba(120,120,128,.26); --fill-3: rgba(120,120,128,.16); --sep: rgba(84,84,88,.6);
  --page: #000000; --card: #1c1c1e;
  --t0: #9aa1ae; --t1: #ff6a5e; --t2: #ff9a4d; --t3: #f2c14e; --t4: #c99572; --t5: #5b9bff; --t6: #b07cff; --t7: #ff6fae; --t8: #45c97e; --t9: #e0607f; --t10: #3fd1c9; --t11: #a9c94a;
}
html.dark, html.dark body { background: #0b0d14 !important; color: var(--ink); }
html.dark ::selection { background: rgba(150,110,255,.35); }
html.dark * { scrollbar-color: rgba(255,255,255,.2) transparent; }
html.dark *::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); }
html.dark img, html.dark video { color-scheme: normal; }

/* sfondo: aurora notturna */
html.dark body::before { background:
  radial-gradient(42% 38% at 10% 8%, rgba(123,77,240,.34) 0%, transparent 70%),
  radial-gradient(38% 42% at 92% 14%, rgba(232,65,44,.22) 0%, transparent 70%),
  radial-gradient(46% 40% at 78% 92%, rgba(255,181,71,.14) 0%, transparent 70%),
  radial-gradient(40% 44% at 14% 88%, rgba(60,140,255,.18) 0%, transparent 70%),
  linear-gradient(160deg, #0d0f1a, #0a0b12) !important; }
html.dark body::after { background:
  radial-gradient(42% 38% at 12% 12%, rgba(40,200,150,.2) 0%, transparent 70%),
  radial-gradient(38% 42% at 88% 18%, rgba(70,130,255,.24) 0%, transparent 70%),
  radial-gradient(46% 40% at 78% 88%, rgba(130,100,255,.2) 0%, transparent 70%),
  linear-gradient(160deg, #0b111a, #0a0b12) !important; }
html.dark body[data-section="viaggi"] { background: #0e0d0b !important; }
html.dark body[data-section="viaggi"]::before { background:
  radial-gradient(48% 42% at 6% 8%, rgba(214,170,100,.18) 0%, transparent 70%),
  radial-gradient(42% 46% at 96% 10%, rgba(120,170,120,.14) 0%, transparent 70%),
  radial-gradient(50% 44% at 84% 94%, rgba(220,140,90,.12) 0%, transparent 70%),
  linear-gradient(135deg, #12100d, #0d0e0c) !important; }
@media (min-width: 981px) {
  html.dark body::before { background: radial-gradient(900px 600px at 0% 0%, rgba(255,181,71,.12), transparent 60%), radial-gradient(900px 700px at 100% 0%, rgba(123,77,240,.26), transparent 60%), radial-gradient(1000px 700px at 50% 110%, rgba(232,65,44,.14), transparent 60%), linear-gradient(180deg, #0e0f19, #0b0c12) !important; }
}

html.dark .toast { background: rgba(240,242,248,.92) !important; color: #12141a !important; }

/* presentazione: il telefono finto e il passaporto restano chiari (sono "illustrazioni") */
html.dark .ld-screen, html.dark .ld-card, html.dark .ld-pp { color-scheme: light; --ink: #12141a; --ink-2: #545a68; --ink-3: #8d93a1; color: #12141a; }

/* mappe di Google: i controlli nativi in tono */
html.dark .gm-style .gm-style-iw-c, html.dark .gm-style .gm-style-iw-d { background: #1b1f2c !important; color: var(--ink) !important; }
html.dark .gm-style .gm-style-iw-tc::after { background: #1b1f2c !important; }
html.dark .gm-style .gm-style-iw-chr button span { background-color: #eef0f6 !important; }

/* immagini e loghi chiari un filo smorzati */
html.dark .pf-av img, html.dark .av img { filter: none; }

/* stagioni in scuro: aurora più profonda */
@media (min-width: 981px) {
  :root.dark[data-season] body:not([data-section="viaggi"])::before { background: radial-gradient(900px 600px at 0% 0%, color-mix(in srgb, var(--s1) 18%, transparent), transparent 60%), radial-gradient(900px 700px at 100% 0%, color-mix(in srgb, var(--s4) 20%, transparent), transparent 60%), radial-gradient(1000px 700px at 50% 110%, color-mix(in srgb, var(--s3) 14%, transparent), transparent 60%), linear-gradient(180deg, #0e0f19, #0b0c12) !important; }
}
html.dark .sections.tabbar .sec.on { background: rgba(255,255,255,.16) !important; color: #fff !important; }
html.dark .gpin .ph { border-color: rgba(255,255,255,.92) !important; }
@media (prefers-reduced-transparency: reduce) { html.dark { --lg: rgba(28,28,32,.97); --lg-thick: rgba(28,28,32,.98); } }

/* campi di testo al buio: testo chiaro, sfondo scuro anche quando iPhone li compila da solo */
html.dark input, html.dark textarea, html.dark select { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; }
html.dark input::placeholder, html.dark textarea::placeholder { color: var(--ink-3) !important; -webkit-text-fill-color: var(--ink-3) !important; }
html.dark .ld-screen input, html.dark .landing .ld-demo input { color: #12141a !important; -webkit-text-fill-color: #12141a !important; }