@font-face{font-family:Pack_rubikmonoone;src:url(/assets/fonts/pack-rubikmonoone.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pack_teko;src:url(/assets/fonts/pack-teko.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_russoone;src:url(/assets/fonts/pack-russoone.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pack_chakrapetch;src:url(/assets/fonts/pack-chakrapetch.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pack_chakrapetch;src:url(/assets/fonts/pack-chakrapetch-italic.ttf);font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Pack_oxanium;src:url(/assets/fonts/pack-oxanium.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_quicksand;src:url(/assets/fonts/pack-quicksand.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_nunito;src:url(/assets/fonts/pack-nunito.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_nunito;src:url(/assets/fonts/pack-nunito-italic.ttf);font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_spectral;src:url(/assets/fonts/pack-spectral.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pack_spectral;src:url(/assets/fonts/pack-spectral-italic.ttf);font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Pack_playfairdisplay;src:url(/assets/fonts/pack-playfairdisplay.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_playfairdisplay;src:url(/assets/fonts/pack-playfairdisplay-italic.ttf);font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_patrickhand;src:url(/assets/fonts/pack-patrickhand.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pack_rocksalt;src:url(/assets/fonts/pack-rocksalt.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pack_fredoka;src:url(/assets/fonts/pack-fredoka.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_robotoslab;src:url(/assets/fonts/pack-robotoslab.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_spacegrotesk;src:url(/assets/fonts/pack-spacegrotesk.ttf);font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Pack_vt323;src:url(/assets/fonts/pack-vt323.ttf);font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Pack_bangers;src:url('/assets/fonts/pack-bangers.ttf');font-display:swap}
@font-face{font-family:Pack_blackopsone;src:url('/assets/fonts/pack-blackopsone.ttf');font-display:swap}
@font-face{font-family:Pack_audiowide;src:url('/assets/fonts/pack-audiowide.ttf');font-display:swap}
@font-face{font-family:Pack_righteous;src:url('/assets/fonts/pack-righteous.ttf');font-display:swap}
@font-face{font-family:Pack_pressstart2p;src:url('/assets/fonts/pack-pressstart2p.ttf');font-display:swap}
@font-face{font-family:Pack_specialelite;src:url('/assets/fonts/pack-specialelite.ttf');font-display:swap}
@font-face{font-family:Pack_bebasneue;src:url('/assets/fonts/pack-bebasneue.ttf');font-display:swap}
@font-face{font-family:Pack_cinzeldecorative;src:url('/assets/fonts/pack-cinzeldecorative.ttf');font-display:swap}
@font-face{font-family:Pack_orbitron;src:url('/assets/fonts/pack-orbitron.ttf');font-display:swap}
@font-face{font-family:Pack_caveat;src:url('/assets/fonts/pack-caveat.ttf');font-display:swap}
@font-face{font-family:Pack_kaushanscript;src:url('/assets/fonts/pack-kaushanscript.ttf');font-display:swap}
@font-face{font-family:Pack_lora;src:url('/assets/fonts/pack-lora.ttf');font-display:swap}
@font-face{font-family:Pack_exo2;src:url('/assets/fonts/pack-exo2.ttf');font-display:swap}
@font-face{font-family:Pack_courgette;src:url('/assets/fonts/pack-courgette.ttf');font-display:swap}
/* Pack 2.47.62: only the Scuro skin; content widgets are never restyled. */
@font-face{font-family:SectionBrush;src:url('/assets/fonts/PermanentMarker-Regular.ttf');font-display:swap}
:where(html[data-tema="scuro"]) .section-pack{--sp-radius:10px;--sp-surface:#0a151f;--sp-border:#2b3a47;background:#081119;color:#dce7ed;font-family:var(--sp-font-testi);isolation:isolate}
:where(html[data-tema="scuro"]) .section-pack>.community-hero,:where(html[data-tema="scuro"]) .section-pack>.sp-thread-hero{position:relative;isolation:isolate;background:#071018;border:1px solid color-mix(in srgb,var(--sp-accent) 32%,#273242);border-radius:var(--sp-radius);overflow:hidden;min-height:220px;padding:26px 30px;margin-bottom:14px}
:where(html[data-tema="scuro"]) .section-pack>.community-hero:before,:where(html[data-tema="scuro"]) .section-pack>.sp-thread-hero:before{content:'';position:absolute;top:0;right:0;width:100%;aspect-ratio:var(--sp-ratio);background-image:var(--sp-hero);background-size:100% auto;background-position:top right;background-repeat:no-repeat;opacity:var(--sp-hero-opacity);z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,#0006,#000)}
:where(html[data-tema="scuro"]) .section-pack>.community-hero h1,:where(html[data-tema="scuro"]) .section-pack>.sp-thread-hero h1{font-family:var(--sp-font-titoli);font-size:clamp(28px,4vw,var(--sp-title-size))!important;line-height:1.2!important;font-weight:400!important;letter-spacing:.015em;color:#f3edf1;text-shadow:0 3px 12px #000;margin:12px 0;overflow-wrap:anywhere}
:where(html[data-tema="scuro"]) .section-pack .community-eyebrow,:where(html[data-tema="scuro"]) .section-pack .sp-motto{color:var(--sp-accent);font-family:var(--sp-font-comandi)}
:where(html[data-tema="scuro"]) .section-pack>.community-hero>p{max-width:65%;text-shadow:0 2px 5px #000}:where(html[data-tema="scuro"]) .section-pack .community-counts{gap:10px;margin-top:18px}:where(html[data-tema="scuro"]) .section-pack .community-counts span{background:#07121cdb;border-color:color-mix(in srgb,var(--sp-accent) 30%,transparent);border-radius:4px;padding:10px 15px}:where(html[data-tema="scuro"]) .section-pack .community-counts b{color:var(--sp-accent)}
:where(html[data-tema="scuro"]) .section-pack>.testa{background:#0a141e;border-color:var(--sp-border)}:where(html[data-tema="scuro"]) .section-pack>.ord{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:12px;background:#09131c;border-color:var(--sp-border)}
:where(html[data-tema="scuro"]) .section-pack .sp-control{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--sp-font-comandi);font-size:15px;font-weight:500;letter-spacing:.025em;color:#e0e9ed;border:1px solid color-mix(in srgb,var(--sp-accent) 32%,#233746);border-radius:6px;background:linear-gradient(#192a38,#0a1622);padding:8px 13px;min-height:38px;line-height:1.3;white-space:nowrap}
:where(html[data-tema="scuro"]) .section-pack .sp-control.on,:where(html[data-tema="scuro"]) .section-pack .sp-control.pri{color:var(--sp-accent);border-color:var(--sp-accent);box-shadow:inset 0 -2px var(--sp-accent)}
:where(html[data-tema="scuro"]) .section-pack .sp-control:hover{filter:brightness(1.15)}:where(html[data-tema="scuro"]) .section-pack .sp-control:focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px}
:where(html[data-tema="scuro"]) .section-pack .sp-action-icon{display:inline-block;width:26px;height:26px;flex:none;background-image:var(--sp-kit);background-size:600% 400%;background-position:var(--sp-icon-x) var(--sp-icon-y);background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #0007)}
:where(html[data-tema="scuro"]) .section-pack .sp-control[data-sp-action='-1']{min-width:32px;padding:6px 10px;background:#10202c}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=asset] .sp-control[data-sp-action]:not([data-sp-action='-1']):before{content:'';position:absolute;inset:-3px;z-index:-1;background-image:var(--sp-kit);background-size:300% 400%;background-position:50% 66.6667%;pointer-events:none;opacity:.65}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=asset] .sp-control.on:before{background-position:0 66.6667%;opacity:1}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=asset] .sp-control{padding:10px 18px;border-color:transparent}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=vetro] .sp-control{background:linear-gradient(#ffffff12,#ffffff03);box-shadow:inset 0 1px #ffffff25}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=pieno] .sp-control.on{background:var(--sp-accent);color:#061018;text-shadow:none}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=linea] .sp-control{background:transparent}
:where(html[data-tema="scuro"]) .section-pack>.testa input,:where(html[data-tema="scuro"]) .section-pack>.ord input,:where(html[data-tema="scuro"]) .section-pack>.ord select,:where(html[data-tema="scuro"]) .section-pack.sp-preview>input{font-family:var(--sp-font-comandi);background:#10202d;color:#e1eaf2;border:1px solid color-mix(in srgb,var(--sp-accent) 40%,#253441);border-radius:6px;min-height:38px;padding:8px 12px;max-width:100%}
:where(html[data-tema="scuro"]) .section-pack .disc{padding:14px 18px;gap:18px;background:linear-gradient(110deg,#0c1721,#09131c);border-bottom:1px solid #263441;min-width:0}
:where(html[data-tema="scuro"]) .section-pack .disc .tit,:where(html[data-tema="scuro"]) .section-pack .disc .tit a,:where(html[data-tema="scuro"]) .section-pack .sg-tit{font-family:var(--sp-font-righe);font-size:18px;font-weight:600;line-height:1.35;color:#e0e9ef}
:where(html[data-tema="scuro"]) .section-pack .disc .cop{width:65px;height:56px;border-radius:5px;flex-shrink:0}:where(html[data-tema="scuro"]) .section-pack .disc .cop img{object-fit:cover}
:where(html[data-tema="scuro"]) .section-pack[data-pack-rows=compatte] .disc{padding:8px 14px;gap:12px}:where(html[data-tema="scuro"]) .section-pack[data-pack-rows=ampie] .disc{padding:22px;gap:22px}
:where(html[data-tema="scuro"]) .section-pack .disc .tag,:where(html[data-tema="scuro"]) .section-pack .sg-gen .tag{border-radius:16px;padding:3px 9px;border-color:color-mix(in srgb,var(--sp-accent) 30%,#263442);color:#b8cde0;background:#0e1c29}
:where(html[data-tema="scuro"]) .section-pack>.griglia{display:grid;grid-template-columns:repeat(var(--sp-cols),minmax(0,1fr));gap:16px;padding:12px}
:where(html[data-tema="scuro"]) .section-pack .scheda-g{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--sp-accent) 35%,#253645);border-radius:var(--sp-radius);background:var(--sp-surface);box-shadow:0 9px 24px #0004;min-width:0;display:flex;flex-direction:column}
:where(html[data-tema="scuro"]) .section-pack .scheda-g .sg-cop{aspect-ratio:2/3;width:100%;height:auto}:where(html[data-tema="scuro"]) .section-pack[data-pack-covers=panorama] .sg-cop{aspect-ratio:16/9}:where(html[data-tema="scuro"]) .section-pack[data-pack-covers=quadrato] .sg-cop{aspect-ratio:1}
:where(html[data-tema="scuro"]) .section-pack .sg-corpo{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}:where(html[data-tema="scuro"]) .section-pack .sg-trama{font-size:var(--sp-text-size);line-height:1.55;color:#bacbdd}:where(html[data-tema="scuro"]) .section-pack .sg-piedi{margin-top:auto;border-top:1px solid #2c3744;padding-top:10px}
:where(html[data-tema="scuro"]) .section-pack .msg{display:flex;gap:12px;border:0;margin:16px 0;padding:0;background:transparent;align-items:flex-start;min-width:0}
:where(html[data-tema="scuro"]) .section-pack .msg>.chi{flex:0 0 118px;border:1px solid #30414e;border-top:3px solid var(--sp-accent);border-radius:var(--sp-radius);padding:16px 8px;background:linear-gradient(#142331,#09141e);min-width:0}
:where(html[data-tema="scuro"]) .section-pack .msg>.testo{flex:1;position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--sp-accent) 24%,#253441);border-radius:var(--sp-radius);background:#07131d;padding:18px;min-width:0;overflow:clip}
/* Artwork occupies one finite area, regardless of post length. Native proportions are preserved. */
:where(html[data-tema="scuro"]) .section-pack .msg>.testo:before{content:'';position:absolute;top:0;right:0;width:min(100%,900px);aspect-ratio:var(--sp-ratio);max-height:340px;background-image:var(--sp-message);background-size:var(--sp-message-size);background-position:top right;background-repeat:no-repeat;opacity:var(--sp-message-opacity);mask-image:linear-gradient(90deg,transparent,#0008 60%,#000),linear-gradient(#000,transparent);mask-composite:intersect;z-index:-1;pointer-events:none}
:where(html[data-tema="scuro"]) .section-pack .msg>.testo>.corpo-msg{font-family:var(--sp-font-messaggi);font-size:var(--sp-text-size)}
:where(html[data-tema="scuro"]) .section-pack .msg>.chi .nome{color:var(--sp-accent)}
:where(html[data-tema="scuro"]) .section-pack[data-pack-frames=tema] .scheda-g:after{content:'';position:absolute;right:0;bottom:0;width:110px;height:55px;background-image:var(--sp-kit);background-size:300% 400%;background-position:50% 100%;opacity:.6;pointer-events:none}
:where(html[data-tema="scuro"]) .section-pack[data-pack-frames=angolari]{--sp-radius:0px}:where(html[data-tema="scuro"]) .section-pack[data-pack-frames=pulite] .scheda-g{box-shadow:none;border-color:#344354}
:where(html[data-tema="scuro"]) .section-pack>.sp-pages{position:relative;isolation:isolate;min-height:70px}:where(html[data-tema="scuro"]) .section-pack>.sp-pages:after{content:'';position:absolute;right:14px;bottom:0;width:220px;height:70px;background-image:var(--sp-kit);background-size:300% 400%;background-position:100% 100%;opacity:.6;z-index:-1;pointer-events:none}:where(html[data-tema="scuro"]) .section-pack .sp-pages input{width:65px!important}
/* Nine distinct material and shape systems, not palette substitutions. */
:where(html[data-tema="scuro"]) .section-pack[data-pack=anime]{--sp-radius:3px}:where(html[data-tema="scuro"]) .section-pack[data-pack=anime]>.community-hero{border-left:4px solid var(--sp-accent);border-radius:2px 18px 3px 3px}:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .sp-control{border-radius:1px 8px 2px 5px;transform:skew(-5deg)}:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .sp-control>*{transform:skew(5deg)}:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .scheda-g{border-radius:2px 14px 3px 12px;border-bottom:3px solid var(--sp-accent)}
:where(html[data-tema="scuro"]) .section-pack[data-pack=film]{--sp-radius:2px}:where(html[data-tema="scuro"]) .section-pack[data-pack=film]>.community-hero{border:3px double #947149}:where(html[data-tema="scuro"]) .section-pack[data-pack=film] .scheda-g{border:3px double #7c6345}:where(html[data-tema="scuro"]) .section-pack[data-pack=film] .disc{border-left:3px dotted #806845}:where(html[data-tema="scuro"]) .section-pack[data-pack=film] .sp-control{border-radius:0;letter-spacing:.12em}:where(html[data-tema="scuro"]) .section-pack[data-pack=film] .sg-corpo{border-top:5px dotted #b3945d}
:where(html[data-tema="scuro"]) .section-pack[data-pack=serie-tv]{--sp-radius:16px}:where(html[data-tema="scuro"]) .section-pack[data-pack=serie-tv]>.community-hero{border-radius:18px 18px 3px 3px}:where(html[data-tema="scuro"]) .section-pack[data-pack=serie-tv] .sp-control{border-radius:20px;background:linear-gradient(125deg,#133139,#0b1a24)}:where(html[data-tema="scuro"]) .section-pack[data-pack=serie-tv] .scheda-g{border:0;border-top:4px solid #5e949b;box-shadow:0 14px 25px #0005}:where(html[data-tema="scuro"]) .section-pack[data-pack=serie-tv] .disc{border-left:2px solid #3a616c}
:where(html[data-tema="scuro"]) .section-pack[data-pack=programmi]{--sp-radius:0px}:where(html[data-tema="scuro"]) .section-pack[data-pack=programmi] .sp-control{border-radius:0;box-shadow:inset 3px 0 #477cae}:where(html[data-tema="scuro"]) .section-pack[data-pack=programmi] .scheda-g{border-left:3px solid #5083c9;border-top:1px dashed #608aca}:where(html[data-tema="scuro"]) .section-pack[data-pack=programmi]>.community-hero{border-style:dashed}:where(html[data-tema="scuro"]) .section-pack[data-pack=programmi] .sg-piedi{font-family:monospace}
:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial]{--sp-radius:3px;--sp-surface:#e6d6b6}:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .sp-control{color:#f0dfbc;border-style:dashed;border-radius:9px 2px 8px 3px;font-size:19px}:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .scheda-g{border:6px solid #c6ad81;box-shadow:3px 5px #66523f}:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .sg-corpo,:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .sg-trama,:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .sg-tit,:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .sg-piedi{color:#3f3629}:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .sg-corpo{background:repeating-linear-gradient(transparent 0 27px,#806f4820 28px)}
:where(html[data-tema="scuro"]) .section-pack[data-pack=musica]{--sp-radius:20px}:where(html[data-tema="scuro"]) .section-pack[data-pack=musica] .sp-control{border-radius:28px;padding-left:18px}:where(html[data-tema="scuro"]) .section-pack[data-pack=musica] .sp-action-icon{border-radius:50%}:where(html[data-tema="scuro"]) .section-pack[data-pack=musica] .scheda-g{border-radius:24px 24px 5px 5px;border-bottom:5px solid #8f5daf}:where(html[data-tema="scuro"]) .section-pack[data-pack=musica] .sg-voto{letter-spacing:.16em}
:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti]{--sp-radius:7px;--sp-surface:#fff0c8}:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .sp-control{border:2px solid #f4c666;border-radius:11px 3px 12px 4px;font-size:19px;box-shadow:3px 3px #000}:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .sp-control.on{background:#ffc54b;color:#161c24}:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .scheda-g{border:4px solid #18232d;outline:1px solid #e6ad50;box-shadow:4px 5px #ce822e}:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .sg-corpo,:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .sg-tit,:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .sg-trama,:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .sg-piedi{color:#242d37}:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti]>.community-hero{border:3px solid #f8b64e;border-radius:9px 2px 20px 5px}
:where(html[data-tema="scuro"]) .section-pack[data-pack=videogiochi]{--sp-radius:0px}:where(html[data-tema="scuro"]) .section-pack[data-pack=videogiochi] .sp-control{border:2px solid #426950;border-radius:0;box-shadow:3px 3px #254c32;font-size:12px}:where(html[data-tema="scuro"]) .section-pack[data-pack=videogiochi] .scheda-g{border:2px solid #549a65;box-shadow:5px 5px #163d28}:where(html[data-tema="scuro"]) .section-pack[data-pack=videogiochi]>.community-hero{border:3px solid #437c51;outline:1px solid #101a12}:where(html[data-tema="scuro"]) .section-pack[data-pack=videogiochi] .sg-piedi{font-family:Pack_orbitron,sans-serif;font-size:10px}
:where(html[data-tema="scuro"]) .section-pack[data-pack=off-topic]{--sp-radius:24px}:where(html[data-tema="scuro"]) .section-pack[data-pack=off-topic] .sp-control{border-radius:25px 12px 25px 15px;font-size:20px;background:#20342f}:where(html[data-tema="scuro"]) .section-pack[data-pack=off-topic] .scheda-g{border-radius:28px 8px 26px 10px;border:2px solid #836f5e}:where(html[data-tema="scuro"]) .section-pack[data-pack=off-topic]>.community-hero{border-radius:30px 8px 35px 12px}:where(html[data-tema="scuro"]) .section-pack[data-pack=off-topic] .disc{border-bottom-style:dashed}
.sp-editor{border:1px solid #2b3c4d;border-radius:14px;padding:20px;margin:18px 0;background:#0b151f;min-width:0}.sp-editor [hidden],.community-section-editor [hidden]{display:none!important}
.sp-pack-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.sp-pack-choice{padding:0;overflow:hidden;background:#101e2b;color:#d6e3ee;border:1px solid #2d4052;border-radius:8px;cursor:pointer;text-align:left}.sp-pack-thumb{display:block;height:86px;background-position:top right}.sp-pack-choice strong{display:block;padding:9px 12px}.sp-pack-choice[aria-pressed=true]{border:2px solid #00d2ed;box-shadow:0 0 10px #00b5da35}
.sp-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:18px}.sp-field{display:flex;flex-direction:column;gap:7px;color:#c4d2df;font-size:14px}.sp-field input,.sp-field select{width:100%;min-width:0;background:#14222f;color:#e0e8ee;border:1px solid #314452;border-radius:6px;padding:8px}.sp-field input[type=checkbox]{width:20px;height:20px}.sp-field:has(input[type=checkbox]){flex-direction:row;align-items:center;justify-content:space-between;margin:12px 0}.sp-field output{font-size:12px;color:#82a6bd}.sp-preview-nav{display:flex;gap:8px;margin-top:20px}.sp-preview{border:1px solid #2b4052;border-radius:12px;overflow:hidden;padding:10px;margin-top:10px;container-type:inline-size}.sp-preview input{max-width:100%}.sp-preview .community-hero h1{font-size:32px!important}.sp-preview .griglia{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-demo-cover{height:130px;background:var(--sp-atlas) top right/100% 230%;font-size:60px;text-align:center;color:var(--sp-accent)}.sp-preview .disc{display:block}.sp-preview .msg{grid-template-columns:100px minmax(0,1fr)}

.sp-dark-notice{padding:10px 14px;border-left:3px solid #57c9db;background:#102631;color:#b8dbe2;font-size:13px}.sp-font-picker{margin-top:4px}.sp-font-picker summary{cursor:pointer;color:#7dc9df}.sp-font-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto;padding:8px;background:#0b1824}.sp-font-sample{display:flex;flex-direction:column;gap:6px;text-align:left;background:#122638;color:#ecf0f4;border:1px solid #345069;border-radius:6px;padding:12px;white-space:normal}.sp-font-sample small{font:11px system-ui;color:#7caac1}.sp-font-sample span{font-size:22px;line-height:1.4}.sp-custom summary{cursor:pointer;padding:12px 0;color:#85c9e3}.ct2-wrap:has(.ct2-pane[data-p=asp].on) .ct2-side{display:none}
@media(max-width:1100px){:where(html[data-tema="scuro"]) .section-pack>.griglia{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){:where(html[data-tema="scuro"]) .section-pack>.griglia{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px}:where(html[data-tema="scuro"]) .section-pack>.community-hero,:where(html[data-tema="scuro"]) .section-pack>.sp-thread-hero{padding:20px 16px}:where(html[data-tema="scuro"]) .section-pack .msg>.chi{flex-basis:90px}:where(html[data-tema="scuro"]) .section-pack .msg>.testo{padding:12px}.sp-settings{grid-template-columns:1fr}.sp-pack-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-editor{padding:12px}.sp-preview>.griglia{grid-template-columns:1fr}}
@media(max-width:480px){:where(html[data-tema="scuro"]) .section-pack>.griglia{grid-template-columns:1fr}:where(html[data-tema="scuro"]) .section-pack>.community-hero>p{max-width:100%}:where(html[data-tema="scuro"]) .section-pack .community-counts{flex-wrap:wrap}:where(html[data-tema="scuro"]) .section-pack .msg{display:block}:where(html[data-tema="scuro"]) .section-pack .msg>.chi{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:7px;padding:10px}:where(html[data-tema="scuro"]) .section-pack>.ord{gap:5px;padding:8px}:where(html[data-tema="scuro"]) .section-pack .sp-control{font-size:13px!important;padding:7px 10px!important}:where(html[data-tema="scuro"]) .section-pack .sp-action-icon{width:22px;height:22px}:where(html[data-tema="scuro"]) .section-pack .disc{gap:10px;padding:10px}:where(html[data-tema="scuro"]) .section-pack .disc .tit a{font-size:16px}:where(html[data-tema="scuro"]) .section-pack>.sp-pages:after{display:none}.sp-font-samples{grid-template-columns:1fr}}

:where(html[data-tema="scuro"]) .section-pack .disc{background:linear-gradient(110deg,color-mix(in srgb,var(--sp-accent) calc(var(--sp-row-opacity) * 12%),#0c1721),#09131c)}

/* Refinement from the screenshot comparison: quiet secondary actions, clearer rows. */
:where(html[data-tema="scuro"]) .section-pack .disc .tit b{font-family:var(--sp-font-righe);font-size:18px;font-weight:650;color:#e1e8f0;line-height:1.35}
:where(html[data-tema="scuro"]) .section-pack .disc .meta{font-size:12px;line-height:1.6;margin-top:5px;color:#8da6b9}
:where(html[data-tema="scuro"]) .section-pack .disc .num{min-width:64px}
:where(html[data-tema="scuro"]) .section-pack .disc .num b{font-size:17px}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=asset] .sp-control[data-sp-action]:not([data-sp-action='-1']):not(.on):before{inset:auto 0 0 auto;width:34px;height:18px;background-position:50% 100%;opacity:.65}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=asset] .sp-control:not(.on){border-color:color-mix(in srgb,var(--sp-accent) 24%,#293b4a)}
:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .disc{margin:6px 10px;border:1px solid #233540;border-radius:5px}
:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .sp-control.on{background:#f52f74;color:#100c18;box-shadow:none}
:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .sp-control.on:before{inset:-4px}
:where(html[data-tema="scuro"]) .section-pack[data-pack=anime]>.community-hero h1{display:table;border-bottom:2px solid #ff32787a;padding-bottom:7px}
@media(max-width:600px){:where(html[data-tema="scuro"]) .section-pack .disc .tit b{font-size:16px}:where(html[data-tema="scuro"]) .section-pack .disc .num{min-width:40px}}
:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .scheda-g:after,:where(html[data-tema="scuro"]) .section-pack[data-pack=anime][data-pack-buttons=asset] .sp-control:not(.on):before{background-position:100% 100%}:where(html[data-tema="scuro"]) .section-pack[data-pack=anime]>.sp-pages:after{background-position:50% 100%}
/* Message frames follow the same materials as each pack; content is left intact. */
:where(html[data-tema="scuro"]) .section-pack[data-pack=anime] .msg>.testo{border-left:3px solid #77233f;border-radius:2px 12px 2px 8px}
:where(html[data-tema="scuro"]) .section-pack[data-pack=film] .msg>.testo{border:3px double #81653d;border-top:5px dotted #846d47;background-color:#15140f}
:where(html[data-tema="scuro"]) .section-pack[data-pack=serie-tv] .msg>.testo{border-top:2px solid #42666c}
:where(html[data-tema="scuro"]) .section-pack[data-pack=programmi] .msg>.testo{border:1px dashed #456888;border-left:4px solid #4b87c4;background-color:#081522}
:where(html[data-tema="scuro"]) .section-pack[data-pack=tutorial] .msg>.testo{border:3px double #9b8763;border-left:6px solid #ae9871;background-color:#191913;border-radius:8px 2px 8px 2px}
:where(html[data-tema="scuro"]) .section-pack[data-pack=musica] .msg>.testo{border-bottom:4px solid #6d397f;border-radius:22px 22px 4px 22px;background-color:#140e1d}
:where(html[data-tema="scuro"]) .section-pack[data-pack=fumetti] .msg>.testo{border:3px solid #c99139;border-radius:10px 2px 14px 4px;box-shadow:4px 4px #48341e}
:where(html[data-tema="scuro"]) .section-pack[data-pack=videogiochi] .msg>.testo{border:2px solid #497a53;box-shadow:4px 4px #23462d;background-color:#0b1712}
:where(html[data-tema="scuro"]) .section-pack[data-pack=off-topic] .msg>.testo{border:2px dashed #7b7360;border-radius:24px 7px 24px 8px;background-color:#10201e}
:where(html[data-tema="scuro"]) .section-pack .corpo-msg :is(.fo-rel,.fo-mag,.fo-tor,.fo-gal){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
:where(html[data-tema="scuro"]) .section-pack[data-pack-buttons=asset] .sp-control.on[data-sp-action]:not([data-sp-action='-1']):before{background-position:0 66.6667%}
:where(html[data-tema="scuro"]) .section-pack:is([data-pack=tutorial],[data-pack=fumetti]) .sg-voto{color:#785015;font-size:13px}:where(html[data-tema="scuro"]) .section-pack:is([data-pack=tutorial],[data-pack=fumetti]) .sg-anno{color:#65513b}
/* Forum Studio: five distinct materials and silhouettes, active only in Scuro. */
.sp-presets{border:1px solid var(--br);padding:16px;margin:16px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sp-presets h4,.sp-presets p{width:100%;margin:0}.sp-presets select,.sp-presets input{max-width:100%;flex:1;min-width:160px}
:where(html[data-tema=scuro]) .section-pack:is([data-pack=teatro],[data-pack=manga],[data-pack=fan-art],[data-pack=ebooks],[data-pack=steampunk])>.community-hero:before,:where(html[data-tema=scuro]) .section-pack:is([data-pack=teatro],[data-pack=manga],[data-pack=fan-art],[data-pack=ebooks],[data-pack=steampunk])>.sp-thread-hero:before{height:100%;aspect-ratio:auto;background-size:cover;background-position:right center}
:where(html[data-tema=scuro]) .section-pack:is([data-pack=teatro],[data-pack=manga],[data-pack=fan-art],[data-pack=ebooks],[data-pack=steampunk]) .sp-control{background:transparent;border-radius:0;box-shadow:none;min-height:40px;font-size:14px}
:where(html[data-tema=scuro]) .section-pack:is([data-pack=manga],[data-pack=fan-art],[data-pack=steampunk]) .sp-control.on{color:#12212a;text-shadow:none}
:where(html[data-tema=scuro]) .section-pack:is([data-pack=teatro],[data-pack=ebooks]) .sp-control:not(.on):before{opacity:.25}
:where(html[data-tema=scuro]) .section-pack[data-pack=teatro]{--sp-radius:2px;--sp-surface:#181019;--sp-border:#65404e;background:#110e17}
:where(html[data-tema=scuro]) .section-pack[data-pack=teatro] .disc{margin:8px 16px;border-block:1px solid #84675055;background:linear-gradient(90deg,#36182766,transparent);border-inline:0}
:where(html[data-tema=scuro]) .section-pack[data-pack=teatro] .scheda-g{border-radius:60px 60px 3px 3px;border:1px solid #af866766;box-shadow:inset 0 0 0 5px #190e18,inset 0 0 0 6px #72514455;background:#170f18}
:where(html[data-tema=scuro]) .section-pack[data-pack=teatro] .msg>.chi{border:0;border-right:1px solid #97664c;background:linear-gradient(90deg,#381323,#1b111d)}
:where(html[data-tema=scuro]) .section-pack[data-pack=manga]{--sp-radius:0;--sp-border:#cfc5ad66;--sp-surface:#111519}
:where(html[data-tema=scuro]) .section-pack[data-pack=manga] .disc{margin:9px 6px;border:1px solid #ddcfaf66;border-left:4px solid #e6d8be;transform:skewX(-.5deg);box-shadow:4px 3px #000}
:where(html[data-tema=scuro]) .section-pack[data-pack=manga] .scheda-g{border-radius:0;border:2px solid #d5ccba;box-shadow:5px 5px #bd3d38;background:linear-gradient(140deg,#202328,#10151c)}
:where(html[data-tema=scuro]) .section-pack[data-pack=manga] .scheda-g:nth-child(even){border-radius:0 22px 0 0;box-shadow:5px 5px #777369}
:where(html[data-tema=scuro]) .section-pack[data-pack=manga] .msg>.testo{border:1px solid #c4bfae;border-radius:0 12px 0 0;box-shadow:3px 3px #000}
:where(html[data-tema=scuro]) .section-pack[data-pack=fan-art]{--sp-radius:22px 5px 18px 3px;--sp-border:#71a59e77;--sp-surface:#11242a}
:where(html[data-tema=scuro]) .section-pack[data-pack=fan-art] .disc{margin:10px 8px;border-radius:3px 22px 8px 18px;border:1px dashed #91c7bd77;background:linear-gradient(115deg,#18373588,#20203955)}
:where(html[data-tema=scuro]) .section-pack[data-pack=fan-art] .scheda-g{border-radius:3px 25px 4px 22px;padding:9px;border:1px solid #a8c0b488;background:linear-gradient(125deg,#16313a,#222333);box-shadow:inset 0 0 0 3px #09141b}
:where(html[data-tema=scuro]) .section-pack[data-pack=fan-art] .scheda-g:nth-child(even){border-radius:22px 3px 22px 5px}
:where(html[data-tema=scuro]) .section-pack[data-pack=fan-art] .msg>.chi{border:1px dashed #779a9c;border-radius:14px 2px 20px 4px}
:where(html[data-tema=scuro]) .section-pack[data-pack=ebooks]{--sp-radius:1px;--sp-surface:#12231f;--sp-border:#89977755;background:#0b1616}
:where(html[data-tema=scuro]) .section-pack[data-pack=ebooks] .disc{margin:0 18px;border:0;border-bottom:1px solid #a2a48a55;background:transparent;padding-block:19px}
:where(html[data-tema=scuro]) .section-pack[data-pack=ebooks] .scheda-g{border-radius:2px 12px 12px 2px;border:1px solid #808b6a;border-left:7px double #c7c6a0;box-shadow:3px 2px #25342e,5px 4px #7c806355;background:#10231f}
:where(html[data-tema=scuro]) .section-pack[data-pack=ebooks] .msg>.testo{border:0;border-block:1px solid #8c987c;border-radius:0;padding:24px;line-height:1.8}
:where(html[data-tema=scuro]) .section-pack[data-pack=steampunk]{--sp-radius:24px 2px 24px 2px;--sp-border:#a7814977;--sp-surface:#182522;background:#0b1618}
:where(html[data-tema=scuro]) .section-pack[data-pack=steampunk] .disc{margin:8px 12px;border:1px solid #9f835555;border-left:2px solid #bb995e;border-radius:1px 18px 1px 4px;background:linear-gradient(90deg,#22352e66,transparent)}
:where(html[data-tema=scuro]) .section-pack[data-pack=steampunk] .scheda-g{border:1px solid #b59355;border-radius:32px 4px 18px 2px;padding:5px;box-shadow:inset 0 0 0 2px #0a1719,inset 0 0 0 3px #4b5748;background:linear-gradient(140deg,#293a32,#0b181c)}
:where(html[data-tema=scuro]) .section-pack[data-pack=steampunk] .msg>.chi{border:1px solid #a48757;border-radius:20px 2px 2px 20px;background:repeating-linear-gradient(0deg,#172820,#172820 5px,#1b2d24 6px)}
:where(html[data-tema=scuro]) .section-pack[data-pack=steampunk] .msg>.testo{border:1px solid #a4875766;border-radius:2px 20px 2px 14px;box-shadow:inset 0 0 0 4px #0b1618}
:where(html[data-tema=scuro]) .section-pack[data-pack=steampunk][data-pack-buttons=asset] .sp-control.on[data-sp-action]:before{inset:-3px;background-size:300% 624.39%;background-position:0 69.77%;opacity:1}
:where(html[data-tema=scuro]) .section-pack:is([data-pack=teatro],[data-pack=manga],[data-pack=fan-art],[data-pack=ebooks])[data-pack-buttons=asset] .sp-control.on[data-sp-action]:before{inset:-3px;background-size:300% 512%;background-position:0 66.5%;opacity:1}
:where(html[data-tema=scuro]) .section-pack:is([data-pack=teatro],[data-pack=manga],[data-pack=fan-art],[data-pack=ebooks],[data-pack=steampunk]) .sp-action-icon{width:22px;height:22px}

.studio-message-text[data-font="rubikmonoone"],.studio-inline-text[data-font="rubikmonoone"]{font-family:Pack_rubikmonoone,sans-serif!important}
.studio-message-text[data-font="teko"],.studio-inline-text[data-font="teko"]{font-family:Pack_teko,sans-serif!important}
.studio-message-text[data-font="russoone"],.studio-inline-text[data-font="russoone"]{font-family:Pack_russoone,sans-serif!important}
.studio-message-text[data-font="chakrapetch"],.studio-inline-text[data-font="chakrapetch"]{font-family:Pack_chakrapetch,sans-serif!important}
.studio-message-text[data-font="oxanium"],.studio-inline-text[data-font="oxanium"]{font-family:Pack_oxanium,sans-serif!important}
.studio-message-text[data-font="quicksand"],.studio-inline-text[data-font="quicksand"]{font-family:Pack_quicksand,sans-serif!important}
.studio-message-text[data-font="nunito"],.studio-inline-text[data-font="nunito"]{font-family:Pack_nunito,sans-serif!important}
.studio-message-text[data-font="spectral"],.studio-inline-text[data-font="spectral"]{font-family:Pack_spectral,sans-serif!important}
.studio-message-text[data-font="playfairdisplay"],.studio-inline-text[data-font="playfairdisplay"]{font-family:Pack_playfairdisplay,sans-serif!important}
.studio-message-text[data-font="patrickhand"],.studio-inline-text[data-font="patrickhand"]{font-family:Pack_patrickhand,sans-serif!important}
.studio-message-text[data-font="rocksalt"],.studio-inline-text[data-font="rocksalt"]{font-family:Pack_rocksalt,sans-serif!important}
.studio-message-text[data-font="fredoka"],.studio-inline-text[data-font="fredoka"]{font-family:Pack_fredoka,sans-serif!important}
.studio-message-text[data-font="robotoslab"],.studio-inline-text[data-font="robotoslab"]{font-family:Pack_robotoslab,sans-serif!important}
.studio-message-text[data-font="spacegrotesk"],.studio-inline-text[data-font="spacegrotesk"]{font-family:Pack_spacegrotesk,sans-serif!important}
.studio-message-text[data-font="vt323"],.studio-inline-text[data-font="vt323"]{font-family:Pack_vt323,sans-serif!important}
@font-face{font-family:Pack_glyphs;src:url(/assets/fonts/pack-notosansjp.ttf);font-display:swap}
@font-face{font-family:Pack_hieroglyphs;src:url(/assets/fonts/pack-notosansegyptianhieroglyphs.ttf);font-display:swap}
.studio-inline-text[data-font=glyphs]{font-family:Pack_glyphs,sans-serif!important}.studio-inline-text[data-font=hieroglyphs]{font-family:Pack_hieroglyphs!important}
