/* 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) :focus-visible { outline: 2px solid var(--blue); }
:where(html.dark) .btn { border: 1px solid transparent; background: none; }
:where(html.dark) .btn.solid { background: #343a4e; color: #fff; }
:where(html.dark) .btn.solid:hover { background: #2a2d35; }
:where(html.dark) .btn.ghost { background: var(--surface); border-color: var(--line); color: var(--ink); }
:where(html.dark) .btn.ghost:hover { border-color: rgba(255,255,255,0.14); }
: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) .btn.danger { background: none; color: var(--danger); border-color: rgba(255,255,255,0.14); }
:where(html.dark) .link { border: 0; background: none; color: var(--blue); }
:where(html.dark) .x { border: 0; background: var(--soft); color: var(--ink-2); }
:where(html.dark) .x:hover { background: var(--line); }
:where(html.dark) .hdr { background: rgba(21,22,27,0.9); border-bottom: 1px solid var(--line); }
:where(html.dark) .logo { color: var(--ink); }
:where(html.dark) .omni { background: var(--soft); border: 1px solid var(--line); }
:where(html.dark) .omni:focus-within { background: var(--surface); box-shadow: 0 0 0 4px rgba(31,111,235,.12); 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 { background: #343a4e; color: #fff; }
:where(html.dark) #mode-ai.on { background: linear-gradient(120deg, #6d3fe0, #e8412c); }
:where(html.dark) .omni-box input { border: 0; background: none; outline: none; }
:where(html.dark) .go { border: 0; background: #343a4e; color: #fff; }
:where(html.dark) .who img { border: 2px solid var(--surface); box-shadow: var(--sh-1); }
:where(html.dark) .side, :where(html.dark) .listcol { background: var(--surface); }
:where(html.dark) .side { border-right: 1px solid var(--line); }
:where(html.dark) .listcol { border-left: 1px solid var(--line); }
: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); border: 1.5px solid var(--line); background: var(--surface); }
: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:hover { background: var(--soft); }
: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 { background: color-mix(in srgb, var(--c) 9%, #15161b); }
:where(html.dark) .tipo.on .tk { background: var(--c); border-color: var(--c); }
:where(html.dark) .nearbtn { border: 1px dashed rgba(255,255,255,0.14); background: var(--soft); }
:where(html.dark) .nearbtn:hover { border-color: var(--blue); color: var(--blue); }
:where(html.dark) .nb-ic { background: var(--blue); color: #fff; }
: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 { background: linear-gradient(120deg, #1e172e, #2b1915); color: #8f74dc; }
:where(html.dark) .aichip button { border: 0; background: rgba(21,22,27,0.9); color: inherit; }
:where(html.dark) .map { background: #212327; box-shadow: var(--sh-2); }
:where(html.dark) .clu { background: #343a4e; color: #fff; box-shadow: 0 0 0 5px rgba(0,0,0,0.24), 0 4px 10px rgba(0,0,0,0.4); }
:where(html.dark) .tmpdot { border: 3px solid var(--accent); background: rgba(232,65,44,.2); }
:where(html.dark) .pickbar { background: #343a4e; color: #fff; box-shadow: var(--sh-2); }
:where(html.dark) .card { background: var(--surface); 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) .mini-sel { border: 1px solid var(--line); background-color: var(--soft); }
:where(html.dark) .gtitle { background: rgba(21,22,27,0.94); color: var(--ink-3); }
:where(html.dark) .item:hover, :where(html.dark) .item.hot { background: var(--soft); }
:where(html.dark) .item.sel { background: color-mix(in srgb, var(--c) 8%, #15161b); box-shadow: inset 3px 0 0 var(--c); }
: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); background: linear-gradient(180deg, #1a1c22, #15161b 70%); }
:where(html.dark) .msg.me { background: #343a4e; 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) .sheet { background: rgba(21,23,28,.45); }
:where(html.dark) .panel { background: var(--surface); box-shadow: var(--sh-2); }
:where(html.dark) .p-foot { border-top: 1px solid var(--line); }
:where(html.dark) .step-n { background: #343a4e; color: #fff; }
:where(html.dark) .searchbox { border: 2px solid var(--ink); }
: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: #15161b; }
:where(html.dark) .m-move { color: var(--ink-2); }
:where(html.dark) .scrim { background: rgba(21,23,28,.35); }
:where(html.dark) .toast { background: #343a4e; color: #fff; box-shadow: var(--sh-2); }
: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 { background: var(--surface); 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) .gnear .nearbtn { border: 0; background: #161d2b; color: #6799ea; }
:where(html.dark) .gnear .nearbtn:hover { background: #192233; color: #6799ea; }
:where(html.dark) .gtog { color: var(--ink-2); }
:where(html.dark) .mapfab { border: 0; background: var(--surface); box-shadow: var(--sh-2); }
:where(html.dark) .mapfab:hover { background: var(--soft); }
:where(html.dark) .gtog span { color: var(--ink-2); }
: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) .gtitle { background: rgba(21,22,27,0.9); }
:where(html.dark) .lhead { border-bottom-color: rgba(255,255,255,0.084); }
:where(html.dark) .geobar { background: rgba(21,22,27,0.9); border-color: rgba(255,255,255,0.084); }
:where(html.dark) .omni { background: rgba(21,22,27,0.9); }
:where(html.dark) .item:hover, :where(html.dark) .item.hot { background: rgba(21,22,27,0.9); }
:where(html.dark) .tipo:hover { background: rgba(21,22,27,0.9); }
: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) body[data-cat="visitare"] .seg.cats .catbtn.on { background: #1f8a65; border-color: #1f8a65; }
:where(html.dark) .sec { border: 1px solid rgba(255,255,255,0.112); background: rgba(21,22,27,0.8); color: var(--ink-2); box-shadow: var(--sh-1); }
:where(html.dark) .sec.on { background: #343a4e; color: #fff; border-color: #343a4e; }
:where(html.dark) .sec:not(.on):hover { background: rgba(21,22,27,0.95); }
: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-sub { color: var(--ink-3); }
:where(html.dark) .vs-all, :where(html.dark) .vs-city { border: 0; background: none; }
:where(html.dark) .vs-all:hover, :where(html.dark) .vs-city:hover { background: rgba(21,22,27,0.9); }
:where(html.dark) .vs-all.on, :where(html.dark) .vs-city.on { background: #343a4e; color: #fff; }
:where(html.dark) .vs-all.on small, :where(html.dark) .vs-city.on small { color: rgba(255,255,255,.7); }
:where(html.dark) .vs-ic { background: rgba(21,22,27,0.9); box-shadow: var(--sh-1); }
:where(html.dark) .vs-t small { color: var(--ink-3); }
: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; box-shadow: var(--sh-2); }
:where(html.dark) .vhero { background: rgba(21,22,27,0.9); box-shadow: var(--sh-1); }
:where(html.dark) .vhero p { color: var(--ink-2); }
:where(html.dark) .vhero.city { background: linear-gradient(135deg, hsl(var(--h) 44% 24% / .9), rgba(21,22,27,0.9) 60%); }
: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-top { background: linear-gradient(135deg, hsl(var(--h) 47% 24%), hsl(calc(var(--h) + 40) 47% 24%)); }
:where(html.dark) .vcc-b small { color: var(--ink-2); }
:where(html.dark) .vcc-cnt { color: var(--ink-3); }
:where(html.dark) .vtabs { background: linear-gradient(180deg, rgba(23,36,31,0.96) 70%, rgba(23,36,31,0.2)); }
:where(html.dark) .vtab { border: 1px solid rgba(255,255,255,0.112); background: rgba(21,22,27,0.9); color: var(--ink-2); }
:where(html.dark) .vtab.on { background: var(--c); border-color: 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); box-shadow: var(--sh-1); border-left: 4px solid var(--c); }
: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 { background: #17191f; 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 { background: #1f8a65; 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) #mode-ai.on { background: linear-gradient(120deg, #7b4df0, #ff5a7a); box-shadow: inset 0 1px 0 rgba(255,255,255,0.042), 0 6px 16px -6px rgba(123,77,240,.6); }
: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) .gnear .nearbtn { background: rgba(31,111,235,.12); border: 1px solid rgba(255,255,255,0.112); }
:where(html.dark) .gtitle { background: rgba(21,22,27,0.65); }
: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) .btn.solid { background: linear-gradient(180deg, rgba(40,42,50,.92), rgba(12,13,16,.92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 6px 16px -6px rgba(0,0,0,.45); }
:where(html.dark) .btn.solid:hover { background: linear-gradient(180deg, rgba(55,58,68,.92), rgba(20,21,26,.92)); }
:where(html.dark) .btn.ghost { 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), 0 2px 8px -2px rgba(0,0,0,0.192); }
:where(html.dark) .btn.ghost:hover { background: rgba(21,22,27,0.9); border-color: rgba(255,255,255,0.14); }
: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) .sheet { background: rgba(255,255,255,0.16); }
: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) .searchbox { border: 1.5px solid rgba(17,19,24,.8); background: rgba(21,22,27,0.9); }
:where(html.dark) .toast { color: var(--ink); background: var(--glass-hl), rgba(21,22,27,0.9); }
: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; background: var(--glass-hl), rgba(33,25,49,0.9); }
:where(html.dark) .clu { background: rgba(17,19,24,.82); 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) .vhero.city { background: var(--glass-hl), linear-gradient(135deg, hsl(var(--h) 50% 24% / .55), rgba(21,22,27,0.55) 60%); }
: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) .vs-all.on, :where(html.dark) .vs-city.on { background: rgba(21,22,27,0.9); color: var(--ink); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 6px 16px -8px rgba(0,0,0,0.48); }
:where(html.dark) .vs-all.on small, :where(html.dark) .vs-city.on small { color: var(--ink-3); }
:where(html.dark) .vs-all:hover, :where(html.dark) .vs-city:hover { background: rgba(21,22,27,0.75); }
:where(html.dark) .vs-ic { background: rgba(21,22,27,0.9); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 6px -2px rgba(0,0,0,0.32); }
: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) .gtitle { 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) .hdr { background: linear-gradient(160deg, rgba(21,22,27,0.95), rgba(21,22,27,0.9)); }
: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-color: rgba(21,22,27,0.9); 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) .mr-switch .sw { background: rgba(255,255,255,0.16); box-shadow: inset 0 1px 2px rgba(0,0,0,0.192); }
:where(html.dark) .mr-switch input:checked + .sw { background: #34c759; }
:where(html.dark) .mr-switch input:focus-visible + .sw { outline: 2px solid var(--blue); }
:where(html.dark) .mr-switch .sw-l { color: var(--ink-2); }
: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) .hdr { background: linear-gradient(160deg, rgba(21,22,27,0.97), rgba(21,22,27,0.9)); }
:where(html.dark) .omni { background: rgba(255,255,255,0.065); border: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .omni-modes { background: rgba(21,22,27,0.9); }
}
: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 { 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) .vmap .vgps.on { background: linear-gradient(160deg, #3b8bff, #1f5fd6); 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: #ffb252; }
:where(html.dark) .fx-swap { color: var(--ink-3); }
@media (max-width: 980px) {
:where(html.dark) body[data-vcity="1"] .vmapcol { background: linear-gradient(180deg, rgba(23,36,31,0.2), rgba(23,36,31,0.2)); }
: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) .chip.ch-filters b { background: #15161b; color: var(--ink); }
:where(html.dark) .chip.ch-tipo.on { background: var(--c, #343a4e); }
:where(html.dark) .ch-sep { background: rgba(255,255,255,0.156); }
: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); }
:where(html.dark) #side #sec-zona .geobar { border: 0; background: none; box-shadow: none; }
:where(html.dark) #side #sec-zona .gf { border: 1px solid rgba(255,255,255,0.112); background: rgba(255,255,255,0.039); }
:where(html.dark) #side #sec-zona .gf:first-child { border-left: 1px solid rgba(255,255,255,0.112); }
@media (max-width: 980px) {
:where(html.dark) #app-luoghi .lpanel { border-bottom: 0; background: rgba(21,22,27,0.97) !important; box-shadow: 0 -10px 34px -12px rgba(0,0,0,0.56); }
: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) .cp-x { border: 1px solid rgba(255,255,255,0.126); background: rgba(21,22,27,0.9); color: var(--ink-2); }
: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) .vai-quick { border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vai-quick .chip.vai-itin { background: linear-gradient(120deg, rgba(123,77,240,.12), rgba(255,90,122,.12)); }
:where(html.dark) .vaiwin .ai-follow { border-top: 0; }
:where(html.dark) .vp-row { border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vp-row.ok { background: rgba(31,157,85,.07); }
: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-ac { color: #6ee2a0; }
:where(html.dark) .vp-ok, :where(html.dark) .vp-no { border: 1px solid rgba(255,255,255,0.14); background: #15161b; }
:where(html.dark) .vp-ok { background: #1f9d55; color: #fff; border-color: transparent; }
:where(html.dark) .vp-foot { border-top: 1px solid rgba(255,255,255,0.084); }
:where(html.dark) .vai-open { border: 0; background: linear-gradient(120deg, rgba(123,77,240,.14), rgba(255,90,122,.12)); color: var(--ink); box-shadow: inset 0 0 0 1px rgba(123,77,240,.18); }
:where(html.dark) .vai-open:hover { background: linear-gradient(120deg, rgba(123,77,240,.2), rgba(255,90,122,.18)); }
:where(html.dark) .vai-open small { color: var(--ink-2); }
: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) .vo-l { color: var(--ink-3); }
:where(html.dark) .vopt .chip.on { background: #7b4df0; color: #fff; }
:where(html.dark) .vo-go { background: linear-gradient(120deg, #7b4df0, #ff5a7a) !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) body .vaiwin .vopt .chip.on { background: #7b4df0; color: #fff; border-color: transparent; }
: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-row.ok .vp-ac { color: #6ee2a0; }
: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); background: radial-gradient(60% 50% at 0% 0%, #201932 0%, transparent 60%), radial-gradient(50% 45% at 100% 10%, #2f181f 0%, transparent 60%), radial-gradient(60% 50% at 80% 100%, #1c2d27 0%, transparent 60%), #191a20; }
:where(html.dark) .ld-nav { background: rgba(25,26,32,0.9); 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; background: linear-gradient(120deg, #6d4ae8, #9b4fe0 50%, #ff5a7a); box-shadow: 0 14px 30px -12px rgba(123,77,240,.7); }
:where(html.dark) .ld-btn:hover { box-shadow: 0 18px 34px -12px rgba(123,77,240,.8); }
:where(html.dark) .ld-btn.ghost { background: #15161b; color: var(--ink); box-shadow: 0 8px 20px -12px rgba(0,0,0,0.56), inset 0 0 0 1px rgba(0,0,0,0.128); }
: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-eyebrow { background: rgba(123,77,240,.1); color: #8874dd; }
: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 > span.gi { background: linear-gradient(135deg, #1d162d, #2b161b) url(icons/guida.svg) center / 30px no-repeat; }
: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; background: linear-gradient(120deg, #6d4ae8, #ff5a7a); }
: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 { background: rgba(15,17,22,.45); }
: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) .ppl-me { border: 1px dashed var(--line); background: none; color: var(--ink-2); }
: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-k { background: var(--soft); border: 1px solid var(--line); }
: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 { background: var(--surface); 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 { background: var(--soft); border: 0; }
: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) .sections.tabbar .sec { color: rgba(222,225,231,0.62) !important; }
:where(html.dark) .sections.tabbar .sec.on { background: rgba(21,22,27,0.95) !important; color: var(--ink) !important; box-shadow: 0 4px 12px -6px rgba(0,0,0,0.56) !important; }
:where(html.dark) .mbar { background: rgba(21,22,27,0.9); 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); box-shadow: 0 8px 18px -8px rgba(123,77,240,.8); }
: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 { background: rgba(21,22,27,0.9) !important; border: 1px solid rgba(255,255,255,0.128) !important; color: #6895e9; }
:where(html.dark) #app-luoghi .mapctl .gpsbtn.on { background: linear-gradient(160deg, #3b8bff, #1f5fd6) !important; color: #fff; }
:where(html.dark) .pfilt .chip, :where(html.dark) .pfilt .cp-x, :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 { background: #15161b !important; box-shadow: 0 -20px 40px -20px rgba(0,0,0,0.64); }
:where(html.dark) #side .side-head { 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 { background: #15161b; 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-zone .z-pop { box-shadow: none !important; border: 1px solid var(--line); }
: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 .map { box-shadow: 0 10px 30px -18px rgba(0,0,0,0.7); }
: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) #app-luoghi .mapctl .chip.mchip.on { background: #1f9d55 !important; color: #fff !important; }
:where(html.dark) .pfilt .chip, :where(html.dark) .pfilt .cp-reset, :where(html.dark) .pfilt .mr-range select { background: rgba(21,22,27,0.9) !important; border: 1px solid rgba(255,255,255,0.112) !important; color: var(--ink-2); }
:where(html.dark) .pfilt .chip.on { background: #343a4e !important; color: #fff !important; }
:where(html.dark) .pfilt .mr-range select { background-image: none !important; }
:where(html.dark) .pfilt .cp-reset { color: #e76b69; }
:where(html.dark) #app-luoghi .lpanel { background: rgba(21,22,27,0.9) !important; border: 1px solid rgba(255,255,255,0.128) !important; }
:where(html.dark) .udlg.prof { background: #1b1c22 !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) #side { background: rgba(21,22,27,0.9) !important; }
}
: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 { background: linear-gradient(180deg, #2c303b, #171a21); 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 { background: #15161b; border-color: rgba(123,77,240,.25); }
:where(html.dark) .btn.danger { background: rgba(26,27,34,0.9); 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; border: 1px solid rgba(255,255,255,0.019); box-shadow: 0 18px 40px -18px rgba(0,0,0,0.7) !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; }
}
@media (max-width: 980px) {
:where(html.dark) #app-luoghi .lpanel { background: linear-gradient(180deg, rgba(21,22,27,0.97), #15161b 120px) !important; }
:where(html.dark) #side { background: #15161b !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 { color: var(--tint) !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) #side .side-head { background: transparent !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) .pp-note { color: var(--ink-3); }
: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; }

/* ---------- 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; }