/* ===================================================================
   SKIN SURFACE SYSTEM
   Named skins own the real page surfaces instead of inheriting a broad
   light/dark treatment that makes distinct palettes look the same.
   =================================================================== */
html[data-skin="obsidian"] {
  --afp-bg: #0B0D10;
  --afp-panel: #11161C;
  --afp-border: #1F2933;
  --afp-border-deep: #2C394A;
  --afp-text: #F3F7FA;
  --afp-text-muted: #B6C2CE;
  --afp-text-dim: #7C8998;
  --afp-link: #00E5FF;
  --afp-readable-accent: #00E5FF;
  --afp-skin-page-bg: radial-gradient(circle at top right, rgba(0, 229, 255, 0.08), transparent 22rem), linear-gradient(180deg, #0B0D10 0%, #07090C 100%);
  --afp-skin-header-bg: rgba(7, 9, 12, 0.94);
  --afp-skin-hero-bg: radial-gradient(circle at top right, rgba(0, 184, 212, 0.14), transparent 20rem), radial-gradient(circle at 12% 12%, rgba(255, 109, 0, 0.12), transparent 22rem), linear-gradient(180deg, rgba(13, 17, 24, 0.98) 0%, rgba(11, 13, 16, 1) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(17, 22, 28, 0.94) 0%, rgba(13, 17, 24, 0.9) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(17, 22, 28, 0.9) 0%, rgba(9, 12, 16, 0.86) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(17, 22, 28, 0.96) 0%, rgba(12, 16, 22, 0.92) 100%);
  --afp-skin-quote-bg: rgba(0, 229, 255, 0.06);
  --afp-skin-button-bg: linear-gradient(135deg, #00E5FF 0%, #7C3AED 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #18FFFF 0%, #FF6D00 100%);
  --afp-skin-button-text: #081018;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(17, 22, 28, 0.98) 0%, rgba(11, 13, 16, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.04);
  --afp-skin-control-hover-bg: rgba(0, 229, 255, 0.11);
  --afp-skin-meta-label: #00E5FF;
  --afp-skin-meta-value: #F3F7FA;
  --afp-skin-meta-notice: #FFB86B;
  --afp-skin-quote-border: #00E5FF;
  --afp-skin-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

html[data-skin="paperwhite"] {
  --afp-bg: #F7F1E7;
  --afp-panel: #FFF9F1;
  --afp-border: #D4C3AE;
  --afp-border-deep: #B98D62;
  --afp-text: #201C18;
  --afp-text-muted: #4D463E;
  --afp-text-dim: #766C62;
  --afp-link: #815B2E;
  --afp-readable-accent: #815B2E;
  --afp-skin-font-body: Georgia, 'Times New Roman', serif;
  --afp-skin-font-heading: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --afp-skin-font-display: 'Cooper Black', 'Libre Baskerville', Georgia, serif;
  --afp-skin-page-bg: repeating-linear-gradient(90deg, rgba(78, 58, 40, 0.035) 0 1px, transparent 1px 28px), linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 18rem), linear-gradient(180deg, #FCF6EA 0%, #EEE0CD 100%);
  --afp-skin-header-bg: rgba(250, 242, 229, 0.96);
  --afp-skin-hero-bg: repeating-linear-gradient(90deg, rgba(129, 91, 46, 0.045) 0 1px, transparent 1px 26px), linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(246, 235, 218, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(247, 237, 222, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(255, 249, 238, 0.96) 0%, rgba(238, 221, 200, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(255, 251, 244, 0.99) 0%, rgba(239, 224, 205, 0.99) 100%);
  --afp-skin-quote-bg: rgba(129, 91, 46, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #B98D62 0%, #815B2E 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #C99B6C 0%, #68441F 100%);
  --afp-skin-button-text: #FFF9F1;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(255, 250, 244, 0.98) 0%, rgba(248, 238, 224, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.72);
  --afp-skin-control-hover-bg: rgba(185, 141, 98, 0.16);
  --afp-skin-meta-label: #7A4C20;
  --afp-skin-meta-value: #201C18;
  --afp-skin-meta-notice: #8A5C28;
  --afp-skin-quote-border: #B98D62;
  --afp-skin-shadow: 0 14px 32px rgba(120, 69, 21, 0.1);
  --afp-skin-feed-row-bg: rgba(255, 250, 242, 0.46);
}

html[data-skin="blueprint-dark"] {
  --afp-bg: #06162D;
  --afp-panel: #0B2B5A;
  --afp-border: #2F6CA3;
  --afp-border-deep: #7FB8FF;
  --afp-text: #EAF6FF;
  --afp-text-muted: #BFD7EA;
  --afp-text-dim: #8DB8D6;
  --afp-link: #7CFFCB;
  --afp-readable-accent: #7CFFCB;
  --afp-skin-page-bg: linear-gradient(90deg, rgba(127, 184, 255, 0.1) 1px, transparent 1px), linear-gradient(rgba(127, 184, 255, 0.1) 1px, transparent 1px), linear-gradient(180deg, #06162D 0%, #0B2B5A 100%);
  --afp-skin-header-bg: rgba(6, 22, 45, 0.94);
  --afp-skin-hero-bg: linear-gradient(90deg, rgba(127, 184, 255, 0.12) 1px, transparent 1px), linear-gradient(rgba(127, 184, 255, 0.12) 1px, transparent 1px), linear-gradient(180deg, rgba(11, 43, 90, 0.98) 0%, rgba(6, 22, 45, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(11, 43, 90, 0.9) 0%, rgba(6, 22, 45, 0.9) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(11, 43, 90, 0.84) 0%, rgba(6, 22, 45, 0.88) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(9, 35, 74, 0.98) 0%, rgba(4, 19, 43, 0.98) 100%);
  --afp-skin-quote-bg: rgba(127, 255, 203, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #7FB8FF 0%, #7CFFCB 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #2DE2FF 0%, #FFE066 100%);
  --afp-skin-button-text: #06162D;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(9, 31, 66, 0.98) 0%, rgba(4, 17, 37, 0.98) 100%);
  --afp-skin-control-bg: rgba(127, 184, 255, 0.08);
  --afp-skin-control-hover-bg: rgba(127, 255, 203, 0.12);
  --afp-skin-meta-label: #7FB8FF;
  --afp-skin-meta-value: #EAF6FF;
  --afp-skin-meta-notice: #FFE066;
  --afp-skin-quote-border: #7CFFCB;
  --afp-skin-shadow: none;
}

html[data-skin="blueprint-light"] {
  --afp-bg: #F8FBFF;
  --afp-panel: #FFFFFF;
  --afp-border: #A8C2DC;
  --afp-border-deep: #1B4F9C;
  --afp-text: #0B1D3A;
  --afp-text-muted: #24486A;
  --afp-text-dim: #4F6F91;
  --afp-link: #1B4F9C;
  --afp-readable-accent: #1B4F9C;
  --afp-skin-page-bg: linear-gradient(90deg, rgba(27, 79, 156, 0.08) 1px, transparent 1px), linear-gradient(rgba(27, 79, 156, 0.08) 1px, transparent 1px), linear-gradient(180deg, #FFFFFF 0%, #F2F7FF 100%);
  --afp-skin-header-bg: rgba(255, 255, 255, 0.94);
  --afp-skin-hero-bg: linear-gradient(90deg, rgba(27, 79, 156, 0.09) 1px, transparent 1px), linear-gradient(rgba(27, 79, 156, 0.09) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 247, 255, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 249, 255, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(239, 246, 255, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(249, 252, 255, 0.99) 0%, rgba(231, 240, 251, 0.99) 100%);
  --afp-skin-quote-bg: rgba(27, 79, 156, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #1B4F9C 0%, #0E79B2 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #123C78 0%, #0A628F 100%);
  --afp-skin-button-text: #FFFFFF;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 247, 255, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.78);
  --afp-skin-control-hover-bg: rgba(27, 79, 156, 0.1);
  --afp-skin-meta-label: #1B4F9C;
  --afp-skin-meta-value: #0B1D3A;
  --afp-skin-meta-notice: #355F00;
  --afp-skin-quote-border: #1B4F9C;
  --afp-skin-shadow: none;
}

html[data-skin="bubblegum"] {
  --afp-bg: #FFF3FB;
  --afp-panel: #FFF8FC;
  --afp-border: #FF9ED8;
  --afp-border-deep: #CE176F;
  --afp-text: #361024;
  --afp-text-muted: #6F3653;
  --afp-text-dim: #93627A;
  --afp-link: #9E005D;
  --afp-readable-accent: #9E005D;
  --afp-skin-font-body: Aptos, 'Segoe UI', system-ui, sans-serif;
  --afp-skin-font-heading: 'Bubblegum Sans', 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
  --afp-skin-font-display: 'Bubblegum Sans', 'Cooper Black', 'Arial Rounded MT Bold', cursive;
  --afp-skin-page-bg: repeating-linear-gradient(90deg, rgba(255, 115, 197, 0.08) 0 1px, transparent 1px 46px), linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 214, 237, 0.92) 40%, rgba(255, 247, 252, 0.96) 100%), linear-gradient(180deg, #FFF7FC 0%, #FFD4EC 100%);
  --afp-skin-header-bg: rgba(255, 245, 251, 0.96);
  --afp-skin-hero-bg: linear-gradient(115deg, rgba(255, 255, 255, 0.92) 0 22%, rgba(255, 151, 216, 0.18) 22% 39%, rgba(255, 255, 255, 0.9) 39% 64%, rgba(255, 200, 232, 0.3) 64% 100%), linear-gradient(180deg, rgba(255, 248, 252, 0.99) 0%, rgba(255, 217, 238, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 240, 248, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 228, 243, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 229, 244, 0.99) 100%);
  --afp-skin-quote-bg: rgba(255, 107, 194, 0.11);
  --afp-skin-button-bg: linear-gradient(135deg, #FF73C5 0%, #FFFFFF 46%, #D6007E 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #FFFFFF 0%, #FF8FD0 46%, #B00063 100%);
  --afp-skin-button-text: #361024;
  --afp-skin-button-border: #FF9ED8;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 236, 247, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.74);
  --afp-skin-control-hover-bg: rgba(255, 115, 197, 0.16);
  --afp-skin-meta-label: #B00063;
  --afp-skin-meta-value: #361024;
  --afp-skin-meta-notice: #7A2451;
  --afp-skin-quote-border: #D6007E;
  --afp-skin-shadow: 0 18px 40px rgba(214, 0, 126, 0.16);
  --afp-skin-feed-row-bg: rgba(255, 255, 255, 0.58);
}

html[data-skin="oxfordyalevardton"] {
  --afp-bg: #EEF3E8;
  --afp-panel: #F8F4EA;
  --afp-border: #B9C5A6;
  --afp-border-deep: #173F35;
  --afp-text: #17251C;
  --afp-text-muted: #405242;
  --afp-text-dim: #6B7667;
  --afp-link: #004B3A;
  --afp-readable-accent: #004B3A;
  --afp-skin-font-body: Georgia, 'Times New Roman', serif;
  --afp-skin-font-heading: Graduate, Baskerville, Georgia, serif;
  --afp-skin-font-display: Graduate, 'Libre Baskerville', Georgia, serif;
  --afp-skin-page-bg: repeating-linear-gradient(90deg, rgba(23, 63, 53, 0.13) 0 2px, transparent 2px 56px), repeating-linear-gradient(0deg, rgba(118, 32, 50, 0.08) 0 2px, transparent 2px 44px), linear-gradient(135deg, rgba(23, 63, 53, 0.1) 0 18%, rgba(255, 255, 255, 0) 18% 62%, rgba(118, 32, 50, 0.07) 62% 100%), linear-gradient(180deg, #F8F4EA 0%, #DDE7D1 100%);
  --afp-skin-header-bg: rgba(248, 244, 234, 0.96);
  --afp-skin-hero-bg: repeating-linear-gradient(135deg, rgba(23, 63, 53, 0.16) 0 8px, rgba(255, 255, 255, 0) 8px 24px), repeating-linear-gradient(90deg, rgba(118, 32, 50, 0.14) 0 16px, rgba(255, 255, 255, 0) 16px 78px), linear-gradient(90deg, rgba(23, 63, 53, 0.18), rgba(255, 255, 255, 0.5), rgba(118, 32, 50, 0.15)), linear-gradient(180deg, rgba(253, 250, 242, 0.99) 0%, rgba(230, 236, 219, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 253, 247, 0.98) 0%, rgba(241, 235, 222, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(252, 248, 238, 0.96) 0%, rgba(223, 232, 213, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(255, 253, 247, 0.99) 0%, rgba(234, 229, 216, 0.99) 100%);
  --afp-skin-quote-bg: rgba(23, 63, 53, 0.09);
  --afp-skin-button-bg: linear-gradient(135deg, #173F35 0%, #762032 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #0E2D27 0%, #5B1725 100%);
  --afp-skin-button-text: #FFF8EA;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(255, 253, 247, 0.98) 0%, rgba(239, 235, 225, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.72);
  --afp-skin-control-hover-bg: rgba(23, 63, 53, 0.12);
  --afp-skin-meta-label: #762032;
  --afp-skin-meta-value: #17251C;
  --afp-skin-meta-notice: #4A5F21;
  --afp-skin-quote-border: #173F35;
  --afp-skin-shadow: 0 14px 32px rgba(23, 63, 53, 0.12);
  --afp-skin-feed-row-bg: rgba(255, 253, 247, 0.54);
}

html[data-skin="pericles"] {
  --afp-bg: #EAF6F5;
  --afp-panel: #F4F0E4;
  --afp-border: #9DC5C2;
  --afp-border-deep: #005D73;
  --afp-text: #102E3A;
  --afp-text-muted: #395D64;
  --afp-text-dim: #6B7D7A;
  --afp-link: #005D73;
  --afp-readable-accent: #005D73;
  --afp-skin-font-body: 'Cormorant Garamond', Georgia, serif;
  --afp-skin-font-heading: Cinzel, 'Palatino Linotype', Georgia, serif;
  --afp-skin-font-display: Cinzel, 'Cormorant Garamond', Georgia, serif;
  --afp-skin-page-bg: repeating-linear-gradient(90deg, rgba(16, 46, 58, 0.055) 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, rgba(84, 107, 88, 0.05) 0 1px, transparent 1px 46px), linear-gradient(180deg, #F4F0E4 0%, #DDEEEB 100%);
  --afp-skin-header-bg: rgba(244, 240, 228, 0.96);
  --afp-skin-hero-bg: linear-gradient(135deg, rgba(0, 112, 146, 0.18) 0 25%, rgba(255, 255, 255, 0) 25% 48%, rgba(200, 69, 49, 0.12) 48% 62%, rgba(84, 107, 88, 0.14) 62% 100%), linear-gradient(180deg, rgba(250, 247, 238, 0.99) 0%, rgba(226, 240, 237, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(251, 248, 238, 0.98) 0%, rgba(235, 231, 215, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(248, 244, 232, 0.96) 0%, rgba(221, 237, 233, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(252, 249, 239, 0.99) 0%, rgba(230, 226, 211, 0.99) 100%);
  --afp-skin-quote-bg: rgba(0, 93, 115, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #005D73 0%, #546B58 68%, #C84531 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #004354 0%, #405643 68%, #9E2F25 100%);
  --afp-skin-button-text: #FFF9ED;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(251, 248, 238, 0.98) 0%, rgba(236, 232, 218, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.72);
  --afp-skin-control-hover-bg: rgba(0, 93, 115, 0.11);
  --afp-skin-meta-label: #005D73;
  --afp-skin-meta-value: #102E3A;
  --afp-skin-meta-notice: #8F3329;
  --afp-skin-quote-border: #C84531;
  --afp-skin-shadow: 0 16px 34px rgba(0, 93, 115, 0.12);
  --afp-skin-feed-row-bg: rgba(255, 252, 244, 0.52);
}

html[data-skin="spqr"] {
  --afp-bg: #F1DEC0;
  --afp-panel: #F7E8C8;
  --afp-border: #C9A56A;
  --afp-border-deep: #7A0019;
  --afp-text: #25140A;
  --afp-text-muted: #563C22;
  --afp-text-dim: #7A6548;
  --afp-link: #7A0019;
  --afp-readable-accent: #7A0019;
  --afp-skin-font-body: Georgia, 'Times New Roman', serif;
  --afp-skin-font-heading: Cinzel, 'Trajan Pro', Georgia, serif;
  --afp-skin-font-display: Cinzel, 'Trajan Pro', Georgia, serif;
  --afp-skin-page-bg: repeating-linear-gradient(90deg, rgba(122, 0, 25, 0.055) 0 1px, transparent 1px 64px), repeating-linear-gradient(0deg, rgba(62, 37, 15, 0.045) 0 1px, transparent 1px 34px), linear-gradient(180deg, #F8EDCF 0%, #D8BD83 100%);
  --afp-skin-header-bg: rgba(247, 232, 200, 0.96);
  --afp-skin-hero-bg: repeating-linear-gradient(135deg, rgba(122, 0, 25, 0.13) 0 10px, rgba(255, 255, 255, 0) 10px 34px), linear-gradient(90deg, rgba(122, 0, 25, 0.13), rgba(201, 165, 106, 0.24), rgba(255, 255, 255, 0.22)), linear-gradient(180deg, rgba(251, 237, 205, 0.99) 0%, rgba(229, 207, 168, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(252, 240, 211, 0.98) 0%, rgba(238, 218, 181, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(248, 234, 203, 0.96) 0%, rgba(220, 196, 154, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(252, 241, 215, 0.99) 0%, rgba(230, 207, 169, 0.99) 100%);
  --afp-skin-quote-bg: rgba(122, 0, 25, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #7A0019 0%, #B78A37 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #5F0013 0%, #8D6B2B 100%);
  --afp-skin-button-text: #FFF4D2;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(252, 240, 211, 0.98) 0%, rgba(238, 219, 184, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 249, 235, 0.74);
  --afp-skin-control-hover-bg: rgba(122, 0, 25, 0.1);
  --afp-skin-meta-label: #7A0019;
  --afp-skin-meta-value: #25140A;
  --afp-skin-meta-notice: #6B4A17;
  --afp-skin-quote-border: #B78A37;
  --afp-skin-shadow: 0 16px 34px rgba(76, 40, 8, 0.14);
  --afp-skin-feed-row-bg: rgba(255, 244, 220, 0.5);
}

html[data-skin="starship"] {
  --afp-bg: #020814;
  --afp-panel: #07111F;
  --afp-border: #38E8FF;
  --afp-border-deep: #A27CFF;
  --afp-text: #EAF8FF;
  --afp-text-muted: #A9CDE3;
  --afp-text-dim: #7192AA;
  --afp-link: #7DF9FF;
  --afp-readable-accent: #7DF9FF;
  --afp-skin-font-body: Rajdhani, 'Segoe UI', system-ui, sans-serif;
  --afp-skin-font-heading: Orbitron, Rajdhani, 'Arial Narrow', sans-serif;
  --afp-skin-font-display: Orbitron, 'Arial Black', Rajdhani, sans-serif;
  --afp-skin-page-bg: radial-gradient(circle at 12% 18%, rgba(125, 249, 255, 0.36) 0 1px, transparent 1.5px), radial-gradient(circle at 78% 44%, rgba(162, 124, 255, 0.32) 0 1px, transparent 1.5px), linear-gradient(180deg, #020814 0%, #07111F 48%, #020814 100%);
  --afp-skin-header-bg: rgba(2, 8, 20, 0.94);
  --afp-skin-hero-bg: repeating-linear-gradient(115deg, rgba(56, 232, 255, 0.14) 0 1px, transparent 1px 58px), repeating-linear-gradient(0deg, rgba(162, 124, 255, 0.08) 0 1px, transparent 1px 48px), linear-gradient(180deg, rgba(7, 17, 31, 0.98) 0%, rgba(2, 8, 20, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(7, 17, 31, 0.94) 0%, rgba(2, 8, 20, 0.9) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(7, 17, 31, 0.9) 0%, rgba(2, 8, 20, 0.88) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(9, 24, 45, 0.97) 0%, rgba(3, 11, 23, 0.97) 100%);
  --afp-skin-quote-bg: rgba(125, 249, 255, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #38E8FF 0%, #A27CFF 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #7DF9FF 0%, #C0A7FF 100%);
  --afp-skin-button-text: #020814;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(7, 17, 31, 0.98) 0%, rgba(2, 8, 20, 0.96) 100%);
  --afp-skin-control-bg: rgba(125, 249, 255, 0.08);
  --afp-skin-control-hover-bg: rgba(162, 124, 255, 0.13);
  --afp-skin-meta-label: #7DF9FF;
  --afp-skin-meta-value: #EAF8FF;
  --afp-skin-meta-notice: #C0A7FF;
  --afp-skin-quote-border: #38E8FF;
  --afp-skin-shadow: 0 0 0 1px rgba(56, 232, 255, 0.18), 0 20px 46px rgba(56, 232, 255, 0.1);
  --afp-skin-feed-row-bg: rgba(125, 249, 255, 0.04);
}

html[data-skin="cyberpunk"] {
  --afp-bg: #000000;
  --afp-panel: #0B0B12;
  --afp-border: #00FF9F;
  --afp-border-deep: #FF008D;
  --afp-text: #E0E0FF;
  --afp-text-muted: #A0DFFF;
  --afp-text-dim: #77A9C4;
  --afp-link: #00FF9F;
  --afp-readable-accent: #00FF9F;
  --afp-skin-font-body: Rajdhani, 'Arial Narrow', 'Trebuchet MS', system-ui, sans-serif;
  --afp-skin-font-heading: Orbitron, Rajdhani, 'Arial Narrow', 'Trebuchet MS', sans-serif;
  --afp-skin-font-display: Orbitron, 'Arial Black', Rajdhani, sans-serif;
  --afp-skin-page-bg: repeating-linear-gradient(115deg, rgba(255, 0, 141, 0.12) 0 2px, transparent 2px 48px), repeating-linear-gradient(90deg, rgba(0, 255, 159, 0.07) 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, rgba(0, 245, 255, 0.045) 0 1px, transparent 1px 72px), linear-gradient(180deg, #000000 0%, #0B0B12 100%);
  --afp-skin-header-bg: rgba(0, 0, 0, 0.95);
  --afp-skin-hero-bg: repeating-linear-gradient(100deg, rgba(255, 0, 141, 0.12) 0 1px, transparent 1px 32px), repeating-linear-gradient(90deg, rgba(0, 255, 159, 0.1) 0 1px, transparent 1px 56px), linear-gradient(180deg, rgba(18, 9, 27, 0.99) 0%, rgba(0, 0, 0, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(13, 17, 24, 0.96) 0%, rgba(0, 0, 0, 0.93) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(15, 19, 27, 0.94) 0%, rgba(0, 0, 0, 0.92) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(15, 8, 22, 0.98) 0%, rgba(0, 0, 0, 0.98) 100%);
  --afp-skin-quote-bg: rgba(255, 0, 141, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #00FF9F 0%, #FF008D 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #52FFC4 0%, #FF4FB2 100%);
  --afp-skin-button-text: #000000;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(11, 11, 18, 0.99) 0%, rgba(0, 0, 0, 0.99) 100%);
  --afp-skin-control-bg: rgba(0, 255, 159, 0.06);
  --afp-skin-control-hover-bg: rgba(255, 0, 141, 0.13);
  --afp-skin-meta-label: #00FF9F;
  --afp-skin-meta-value: #E0E0FF;
  --afp-skin-meta-notice: #FF4FB2;
  --afp-skin-quote-border: #FF008D;
  --afp-skin-shadow: 0 18px 40px rgba(255, 0, 141, 0.12);
  --afp-skin-feed-row-bg: rgba(0, 255, 159, 0.035);
}

html[data-skin="guillermo"] {
  --afp-bg: #070608;
  --afp-panel: #120F14;
  --afp-border: #4A3144;
  --afp-border-deep: #C99754;
  --afp-text: #F1E7D2;
  --afp-text-muted: #BFAF9B;
  --afp-text-dim: #8E7A70;
  --afp-link: #E0B56A;
  --afp-readable-accent: #E0B56A;
  --afp-skin-font-body: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --afp-skin-font-heading: Cinzel, 'Libre Baskerville', Georgia, serif;
  --afp-skin-font-display: Cinzel, 'Cormorant Garamond', Georgia, serif;
  --afp-skin-page-bg: linear-gradient(112deg, rgba(0, 0, 0, 0.78) 0 18%, transparent 18% 34%, rgba(74, 49, 68, 0.22) 34% 37%, transparent 37% 62%, rgba(0, 0, 0, 0.66) 62% 100%), repeating-linear-gradient(90deg, rgba(201, 151, 84, 0.04) 0 1px, transparent 1px 68px), linear-gradient(180deg, #070608 0%, #151019 48%, #050407 100%);
  --afp-skin-header-bg: rgba(7, 6, 8, 0.95);
  --afp-skin-hero-bg: radial-gradient(ellipse at 50% -18%, rgba(201, 151, 84, 0.18), transparent 30rem), linear-gradient(118deg, rgba(0, 0, 0, 0.7) 0 22%, transparent 22% 46%, rgba(80, 34, 53, 0.34) 46% 50%, transparent 50% 72%, rgba(0, 0, 0, 0.56) 72% 100%), linear-gradient(180deg, rgba(18, 15, 20, 0.99) 0%, rgba(7, 6, 8, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(22, 18, 25, 0.96) 0%, rgba(10, 8, 12, 0.94) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(24, 19, 27, 0.94) 0%, rgba(8, 7, 10, 0.92) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(30, 23, 31, 0.98) 0%, rgba(12, 9, 13, 0.98) 100%);
  --afp-skin-quote-bg: rgba(99, 183, 167, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #E0B56A 0%, #6C3445 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #F1C978 0%, #8E445C 100%);
  --afp-skin-button-text: #120F14;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(20, 16, 23, 0.98) 0%, rgba(7, 6, 8, 0.98) 100%);
  --afp-skin-control-bg: rgba(241, 231, 210, 0.05);
  --afp-skin-control-hover-bg: rgba(224, 181, 106, 0.12);
  --afp-skin-meta-label: #E0B56A;
  --afp-skin-meta-value: #F1E7D2;
  --afp-skin-meta-notice: #63B7A7;
  --afp-skin-quote-border: #63B7A7;
  --afp-skin-shadow: 18px 24px 42px rgba(0, 0, 0, 0.34), -10px 8px 28px rgba(80, 34, 53, 0.2), 0 0 0 1px rgba(201, 151, 84, 0.08);
  --afp-skin-feed-row-bg: rgba(224, 181, 106, 0.035);
}

html[data-skin="minimalist"] {
  --afp-bg: #FFFFFF;
  --afp-panel: #FFFFFF;
  --afp-border: #999999;
  --afp-border-deep: #555555;
  --afp-text: #222222;
  --afp-text-muted: #555555;
  --afp-text-dim: #666666;
  --afp-link: #333333;
  --afp-readable-accent: #333333;
  --afp-skin-page-bg: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
  --afp-skin-header-bg: rgba(255, 255, 255, 0.96);
  --afp-skin-hero-bg: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
  --afp-skin-card-bg: #FFFFFF;
  --afp-skin-sidebar-bg: #FAFAFA;
  --afp-skin-meta-bg: #F4F4F4;
  --afp-skin-quote-bg: #F7F7F7;
  --afp-skin-button-bg: linear-gradient(135deg, #222222 0%, #555555 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #000000 0%, #444444 100%);
  --afp-skin-button-text: #FFFFFF;
  --afp-skin-button-border: #222222;
  --afp-skin-panel-bg: #FFFFFF;
  --afp-skin-control-bg: #FFFFFF;
  --afp-skin-control-hover-bg: #EEEEEE;
  --afp-skin-meta-label: #333333;
  --afp-skin-meta-value: #222222;
  --afp-skin-meta-notice: #666666;
  --afp-skin-quote-border: #555555;
  --afp-skin-shadow: none;
}

html[data-skin="neapolitan"] {
  --afp-bg: #FFF4E6;
  --afp-panel: #FFFAF2;
  --afp-border: #CC7A00;
  --afp-border-deep: #E9748D;
  --afp-text: #4B2E2B;
  --afp-text-muted: #73503C;
  --afp-text-dim: #7B5A48;
  --afp-link: #9C3150;
  --afp-readable-accent: #9C3150;
  --afp-skin-font-body: Georgia, Palatino, 'Book Antiqua', serif;
  --afp-skin-font-heading: 'Bookman Old Style', Georgia, Palatino, serif;
  --afp-skin-font-display: 'Cooper Black', 'Bookman Old Style', Georgia, serif;
  --afp-skin-page-bg: repeating-linear-gradient(90deg, rgba(255, 249, 235, 0.98) 0 7rem, rgba(255, 224, 231, 0.98) 7rem 14rem, rgba(232, 199, 157, 0.96) 14rem 21rem), linear-gradient(180deg, #FFF8ED 0%, #FFF0DD 100%);
  --afp-skin-header-bg: rgba(255, 250, 242, 0.95);
  --afp-skin-hero-bg: repeating-linear-gradient(90deg, rgba(255, 249, 235, 0.98) 0 5.5rem, rgba(255, 224, 231, 0.98) 5.5rem 11rem, rgba(232, 199, 157, 0.98) 11rem 16.5rem);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 250, 242, 0.99) 0%, rgba(255, 241, 225, 0.99) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(255, 244, 230, 0.98) 0%, rgba(255, 232, 204, 0.98) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(255, 238, 204, 0.95) 0%, rgba(255, 250, 242, 0.98) 100%);
  --afp-skin-quote-bg: rgba(233, 116, 141, 0.1);
  --afp-skin-button-bg: linear-gradient(135deg, #E9748D 0%, #CC7A00 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #D95577 0%, #9B5B00 100%);
  --afp-skin-button-text: #FFFFFF;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(255, 250, 242, 0.99) 0%, rgba(255, 239, 222, 0.99) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.7);
  --afp-skin-control-hover-bg: rgba(233, 116, 141, 0.14);
  --afp-skin-meta-label: #9C3150;
  --afp-skin-meta-value: #4B2E2B;
  --afp-skin-meta-notice: #855300;
  --afp-skin-quote-border: #E9748D;
  --afp-skin-shadow: 0 14px 32px rgba(162, 88, 45, 0.12);
  --afp-skin-feed-row-bg: rgba(255, 250, 242, 0.58);
}

html[data-skin="noir-bureau"] {
  --afp-bg: #000000;
  --afp-panel: #101010;
  --afp-border: #3A3A3A;
  --afp-border-deep: #AAAAAA;
  --afp-text: #EEEEEE;
  --afp-text-muted: #BBBBBB;
  --afp-text-dim: #8F8F8F;
  --afp-link: #FF6B6B;
  --afp-readable-accent: #FF6B6B;
  --afp-skin-page-bg: linear-gradient(180deg, #050505 0%, #000000 100%);
  --afp-skin-header-bg: rgba(0, 0, 0, 0.96);
  --afp-skin-hero-bg: linear-gradient(180deg, rgba(16, 16, 16, 0.98) 0%, rgba(0, 0, 0, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(16, 16, 16, 0.96) 0%, rgba(5, 5, 5, 0.94) 100%);
  --afp-skin-sidebar-bg: #0A0A0A;
  --afp-skin-meta-bg: #111111;
  --afp-skin-quote-bg: rgba(204, 0, 0, 0.12);
  --afp-skin-button-bg: linear-gradient(135deg, #CC0000 0%, #666666 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #FF3838 0%, #AAAAAA 100%);
  --afp-skin-button-text: #FFFFFF;
  --afp-skin-button-border: #CC0000;
  --afp-skin-panel-bg: linear-gradient(180deg, #121212 0%, #050505 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.04);
  --afp-skin-control-hover-bg: rgba(204, 0, 0, 0.16);
  --afp-skin-meta-label: #FF6B6B;
  --afp-skin-meta-value: #EEEEEE;
  --afp-skin-meta-notice: #BBBBBB;
  --afp-skin-quote-border: #CC0000;
  --afp-skin-shadow: none;
}

html[data-skin="sunrise"] {
  --afp-bg: #FFF5E1;
  --afp-panel: #FFF9ED;
  --afp-border: #B8A27A;
  --afp-border-deep: #0E79B2;
  --afp-text: #32292F;
  --afp-text-muted: #4F4A4F;
  --afp-text-dim: #5E5E5E;
  --afp-link: #0E6FA5;
  --afp-readable-accent: #0E6FA5;
  --afp-skin-page-bg: radial-gradient(circle at 14% 8%, rgba(255, 184, 77, 0.24), transparent 22rem), radial-gradient(circle at 90% 14%, rgba(14, 121, 178, 0.12), transparent 24rem), linear-gradient(180deg, #FFF9ED 0%, #FFEBC4 100%);
  --afp-skin-header-bg: rgba(255, 249, 237, 0.95);
  --afp-skin-hero-bg: radial-gradient(circle at top left, rgba(255, 184, 77, 0.28), transparent 20rem), linear-gradient(180deg, rgba(255, 249, 237, 0.98) 0%, rgba(255, 237, 201, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 249, 237, 0.98) 0%, rgba(255, 244, 225, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(255, 245, 225, 0.98) 0%, rgba(255, 232, 190, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(255, 249, 237, 0.99) 0%, rgba(242, 232, 211, 0.99) 100%);
  --afp-skin-quote-bg: rgba(14, 121, 178, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #0E79B2 0%, #F28C28 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #0B608E 0%, #C66D16 100%);
  --afp-skin-button-text: #FFFFFF;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(255, 249, 237, 0.99) 0%, rgba(255, 238, 206, 0.99) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.7);
  --afp-skin-control-hover-bg: rgba(14, 121, 178, 0.1);
  --afp-skin-meta-label: #0E6FA5;
  --afp-skin-meta-value: #32292F;
  --afp-skin-meta-notice: #8A4F0A;
  --afp-skin-quote-border: #0E79B2;
  --afp-skin-shadow: 0 14px 32px rgba(122, 91, 43, 0.12);
}

html[data-skin="superserial"] {
  --afp-bg: #001100;
  --afp-panel: #032103;
  --afp-border: #447A2A;
  --afp-border-deep: #CCFF66;
  --afp-text: #CCFF99;
  --afp-text-muted: #99FF66;
  --afp-text-dim: #77BF55;
  --afp-link: #D8FF80;
  --afp-readable-accent: #D8FF80;
  --afp-skin-font-body: 'Lucida Console', Monaco, 'Courier New', monospace;
  --afp-skin-font-heading: 'Press Start 2P', 'VT323', 'Lucida Console', Monaco, monospace;
  --afp-skin-font-display: 'Press Start 2P', 'VT323', 'Lucida Console', Monaco, monospace;
  --afp-skin-page-bg: repeating-linear-gradient(0deg, rgba(204, 255, 102, 0.045) 0 2px, transparent 2px 7px), repeating-linear-gradient(90deg, rgba(255, 60, 172, 0.08) 0 1px, transparent 1px 64px), linear-gradient(180deg, #031019 0%, #001100 100%);
  --afp-skin-header-bg: rgba(0, 17, 0, 0.96);
  --afp-skin-hero-bg: repeating-linear-gradient(0deg, rgba(204, 255, 102, 0.08) 0 2px, transparent 2px 9px), linear-gradient(90deg, rgba(255, 60, 172, 0.12), transparent 45%), linear-gradient(180deg, rgba(3, 33, 3, 0.98) 0%, rgba(0, 17, 0, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(3, 33, 3, 0.96) 0%, rgba(0, 17, 0, 0.94) 100%);
  --afp-skin-sidebar-bg: rgba(3, 33, 3, 0.9);
  --afp-skin-meta-bg: #021902;
  --afp-skin-quote-bg: rgba(204, 255, 102, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #CCFF66 0%, #66CC44 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #E2FF99 0%, #99FF66 100%);
  --afp-skin-button-text: #001100;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(3, 33, 3, 0.99) 0%, rgba(0, 17, 0, 0.99) 100%);
  --afp-skin-control-bg: rgba(204, 255, 102, 0.06);
  --afp-skin-control-hover-bg: rgba(204, 255, 102, 0.13);
  --afp-skin-meta-label: #D8FF80;
  --afp-skin-meta-value: #CCFF99;
  --afp-skin-meta-notice: #99FF66;
  --afp-skin-quote-border: #CCFF66;
  --afp-skin-shadow: none;
  --afp-skin-feed-row-bg: rgba(204, 255, 102, 0.035);
}

html[data-skin="underwater"] {
  --afp-bg: #04141A;
  --afp-panel: #09232C;
  --afp-border: #164A57;
  --afp-border-deep: #2C7A8E;
  --afp-text: #DDF7F5;
  --afp-text-muted: #A7D9D4;
  --afp-text-dim: #78B7B0;
  --afp-link: #66F4E7;
  --afp-readable-accent: #66F4E7;
  --afp-skin-page-bg: radial-gradient(circle at 20% 15%, rgba(102, 244, 231, 0.12), transparent 20rem), radial-gradient(circle at 80% 85%, rgba(14, 141, 184, 0.16), transparent 22rem), linear-gradient(180deg, #04131A 0%, #0A2730 100%);
  --afp-skin-header-bg: rgba(4, 20, 26, 0.95);
  --afp-skin-hero-bg: radial-gradient(circle at top right, rgba(102, 244, 231, 0.14), transparent 18rem), radial-gradient(circle at 12% 14%, rgba(43, 199, 217, 0.16), transparent 20rem), linear-gradient(180deg, rgba(5, 28, 35, 0.98) 0%, rgba(4, 17, 26, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(9, 35, 44, 0.94) 0%, rgba(4, 20, 26, 0.9) 100%);
  --afp-skin-sidebar-bg: rgba(9, 35, 44, 0.88);
  --afp-skin-meta-bg: #061D25;
  --afp-skin-quote-bg: rgba(102, 244, 231, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #66F4E7 0%, #0E8DB8 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #8FFFF4 0%, #2BC7D9 100%);
  --afp-skin-button-text: #04141A;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(9, 35, 44, 0.99) 0%, rgba(4, 20, 26, 0.99) 100%);
  --afp-skin-control-bg: rgba(102, 244, 231, 0.06);
  --afp-skin-control-hover-bg: rgba(102, 244, 231, 0.13);
  --afp-skin-meta-label: #66F4E7;
  --afp-skin-meta-value: #DDF7F5;
  --afp-skin-meta-notice: #A7D9D4;
  --afp-skin-quote-border: #66F4E7;
  --afp-skin-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

html[data-skin="ussr-black"] {
  --afp-bg: #0B0B0B;
  --afp-panel: #151515;
  --afp-border: #5A1A1A;
  --afp-border-deep: #D7261E;
  --afp-text: #F0E6D0;
  --afp-text-muted: #B0A38E;
  --afp-text-dim: #8F836F;
  --afp-link: #FFD166;
  --afp-readable-accent: #FFD166;
  --afp-skin-font-body: Arial, Helvetica, sans-serif;
  --afp-skin-font-heading: 'Arial Black', Impact, 'Franklin Gothic Heavy', sans-serif;
  --afp-skin-font-display: Impact, 'Arial Black', 'Franklin Gothic Heavy', sans-serif;
  --afp-skin-page-bg: conic-gradient(from 230deg at 16% 0%, rgba(215, 38, 30, 0.18) 0 12deg, transparent 12deg 24deg), linear-gradient(180deg, #0B0B0B 0%, #060606 100%);
  --afp-skin-header-bg: rgba(11, 11, 11, 0.96);
  --afp-skin-hero-bg: conic-gradient(from 230deg at 18% 0%, rgba(215, 38, 30, 0.24) 0 12deg, transparent 12deg 24deg), linear-gradient(180deg, rgba(21, 21, 21, 0.98) 0%, rgba(8, 8, 8, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(21, 21, 21, 0.96) 0%, rgba(8, 8, 8, 0.94) 100%);
  --afp-skin-sidebar-bg: #101010;
  --afp-skin-meta-bg: #15100E;
  --afp-skin-quote-bg: rgba(215, 38, 30, 0.1);
  --afp-skin-button-bg: linear-gradient(135deg, #D7261E 0%, #FFD166 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #F0473E 0%, #FFE08A 100%);
  --afp-skin-button-text: #0B0B0B;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, #151515 0%, #080808 100%);
  --afp-skin-control-bg: rgba(240, 230, 208, 0.05);
  --afp-skin-control-hover-bg: rgba(215, 38, 30, 0.14);
  --afp-skin-meta-label: #FFD166;
  --afp-skin-meta-value: #F0E6D0;
  --afp-skin-meta-notice: #D7261E;
  --afp-skin-quote-border: #D7261E;
  --afp-skin-shadow: none;
  --afp-skin-feed-row-bg: rgba(215, 38, 30, 0.04);
}

html[data-skin="ussr-red"] {
  --afp-bg: #1B0505;
  --afp-panel: #2B0909;
  --afp-border: #7A241E;
  --afp-border-deep: #B8892A;
  --afp-text: #F2E6C9;
  --afp-text-muted: #CBB78B;
  --afp-text-dim: #A18E67;
  --afp-link: #FFE08A;
  --afp-readable-accent: #FFE08A;
  --afp-skin-font-body: Arial, Helvetica, sans-serif;
  --afp-skin-font-heading: 'Arial Black', Impact, 'Franklin Gothic Heavy', sans-serif;
  --afp-skin-font-display: Impact, 'Arial Black', 'Franklin Gothic Heavy', sans-serif;
  --afp-skin-page-bg: conic-gradient(from 230deg at 18% 0%, rgba(255, 209, 102, 0.18) 0 10deg, transparent 10deg 22deg), linear-gradient(180deg, #1B0505 0%, #2B0909 100%);
  --afp-skin-header-bg: rgba(27, 5, 5, 0.96);
  --afp-skin-hero-bg: conic-gradient(from 230deg at 18% 0%, rgba(255, 209, 102, 0.22) 0 10deg, transparent 10deg 22deg), linear-gradient(180deg, rgba(43, 9, 9, 0.98) 0%, rgba(27, 5, 5, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(43, 9, 9, 0.96) 0%, rgba(27, 5, 5, 0.94) 100%);
  --afp-skin-sidebar-bg: #250707;
  --afp-skin-meta-bg: #220807;
  --afp-skin-quote-bg: rgba(255, 209, 102, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #FFD166 0%, #A4001A 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #FFE08A 0%, #D7261E 100%);
  --afp-skin-button-text: #1B0505;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, #2B0909 0%, #160303 100%);
  --afp-skin-control-bg: rgba(242, 230, 201, 0.05);
  --afp-skin-control-hover-bg: rgba(255, 209, 102, 0.12);
  --afp-skin-meta-label: #FFE08A;
  --afp-skin-meta-value: #F2E6C9;
  --afp-skin-meta-notice: #CBB78B;
  --afp-skin-quote-border: #B8892A;
  --afp-skin-shadow: none;
  --afp-skin-feed-row-bg: rgba(255, 209, 102, 0.04);
}

html[data-skin="ussr-snow"] {
  --afp-bg: #F5F2EA;
  --afp-panel: #FFFFFF;
  --afp-border: #B58B50;
  --afp-border-deep: #A4001A;
  --afp-text: #2B2B2B;
  --afp-text-muted: #5B5147;
  --afp-text-dim: #6B5F52;
  --afp-link: #8F0016;
  --afp-readable-accent: #8F0016;
  --afp-skin-font-body: Georgia, 'Times New Roman', serif;
  --afp-skin-font-heading: 'Arial Black', Impact, 'Franklin Gothic Heavy', sans-serif;
  --afp-skin-font-display: Impact, 'Arial Black', 'Franklin Gothic Heavy', sans-serif;
  --afp-skin-page-bg: conic-gradient(from 230deg at 16% 0%, rgba(164, 0, 26, 0.1) 0 10deg, transparent 10deg 22deg), linear-gradient(180deg, #FFFFFF 0%, #F5F2EA 100%);
  --afp-skin-header-bg: rgba(255, 255, 255, 0.96);
  --afp-skin-hero-bg: conic-gradient(from 230deg at 16% 0%, rgba(164, 0, 26, 0.13) 0 10deg, transparent 10deg 22deg), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 242, 234, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 244, 236, 0.98) 100%);
  --afp-skin-sidebar-bg: #F9F7F1;
  --afp-skin-meta-bg: #F2EDE2;
  --afp-skin-quote-bg: rgba(164, 0, 26, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #A4001A 0%, #B58B50 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #7D0012 0%, #8E6834 100%);
  --afp-skin-button-text: #FFFFFF;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, #FFFFFF 0%, #F5F2EA 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.74);
  --afp-skin-control-hover-bg: rgba(164, 0, 26, 0.1);
  --afp-skin-meta-label: #8F0016;
  --afp-skin-meta-value: #2B2B2B;
  --afp-skin-meta-notice: #6B4E1F;
  --afp-skin-quote-border: #A4001A;
  --afp-skin-shadow: 0 14px 30px rgba(94, 73, 42, 0.1);
  --afp-skin-feed-row-bg: rgba(164, 0, 26, 0.035);
}

html[data-skin="vaporwave"] {
  --afp-bg: #1B0B2E;
  --afp-panel: #24123A;
  --afp-border: #FF6AD5;
  --afp-border-deep: #6EF7FF;
  --afp-text: #F6E6FF;
  --afp-text-muted: #E9CCFF;
  --afp-text-dim: #BFA2D6;
  --afp-link: #6EF7FF;
  --afp-readable-accent: #6EF7FF;
  --afp-skin-font-body: 'Lucida Console', Monaco, 'Courier New', monospace;
  --afp-skin-font-heading: 'Press Start 2P', 'VT323', 'Lucida Console', Monaco, monospace;
  --afp-skin-font-display: 'Press Start 2P', 'VT323', 'Lucida Console', Monaco, monospace;
  --afp-skin-page-bg: repeating-linear-gradient(0deg, rgba(110, 247, 255, 0.14) 0 1px, transparent 1px 42px), repeating-linear-gradient(90deg, rgba(110, 247, 255, 0.1) 0 1px, transparent 1px 42px), linear-gradient(180deg, #331456 0%, #1B0B2E 42%, #0B0617 100%);
  --afp-skin-header-bg: rgba(27, 11, 46, 0.95);
  --afp-skin-hero-bg: repeating-linear-gradient(0deg, rgba(110, 247, 255, 0.16) 0 1px, transparent 1px 36px), repeating-linear-gradient(90deg, rgba(255, 106, 213, 0.12) 0 1px, transparent 1px 36px), linear-gradient(180deg, rgba(55, 20, 90, 0.99) 0%, rgba(11, 6, 23, 0.99) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(36, 18, 58, 0.95) 0%, rgba(27, 11, 46, 0.92) 100%);
  --afp-skin-sidebar-bg: rgba(36, 18, 58, 0.9);
  --afp-skin-meta-bg: #1B0A35;
  --afp-skin-quote-bg: rgba(255, 106, 213, 0.09);
  --afp-skin-button-bg: linear-gradient(135deg, #6EF7FF 0%, #FF6AD5 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #A8FBFF 0%, #FF9AD5 100%);
  --afp-skin-button-text: #1B0B2E;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(36, 18, 58, 0.99) 0%, rgba(11, 6, 23, 0.99) 100%);
  --afp-skin-control-bg: rgba(255, 106, 213, 0.06);
  --afp-skin-control-hover-bg: rgba(110, 247, 255, 0.12);
  --afp-skin-meta-label: #6EF7FF;
  --afp-skin-meta-value: #F6E6FF;
  --afp-skin-meta-notice: #FFD36A;
  --afp-skin-quote-border: #FF6AD5;
  --afp-skin-shadow: 0 18px 42px rgba(255, 106, 213, 0.13);
  --afp-skin-feed-row-bg: rgba(255, 106, 213, 0.045);
}

html[data-skin="zebra-pop"] {
  --afp-bg: #FFF8EF;
  --afp-panel: #FFFDF8;
  --afp-border: #D2C6BD;
  --afp-border-deep: #363234;
  --afp-text: #141316;
  --afp-text-muted: #4D4652;
  --afp-text-dim: #7A707C;
  --afp-link: #C50064;
  --afp-readable-accent: #C50064;
  --afp-skin-font-body: 'Trebuchet MS', 'Franklin Gothic Medium', Arial, sans-serif;
  --afp-skin-font-heading: 'Arial Black', 'Trebuchet MS', 'Franklin Gothic Heavy', sans-serif;
  --afp-skin-font-display: 'Arial Black', Impact, 'Trebuchet MS', sans-serif;
  --afp-skin-page-bg: repeating-linear-gradient(115deg, rgba(20, 19, 22, 0.12) 0 10px, rgba(255, 255, 255, 0) 10px 26px), linear-gradient(90deg, rgba(0, 214, 255, 0.18), rgba(255, 0, 140, 0.16) 52%, rgba(255, 230, 0, 0.16)), linear-gradient(180deg, #FFFDF8 0%, #F5EFE6 100%);
  --afp-skin-header-bg: rgba(255, 253, 248, 0.94);
  --afp-skin-hero-bg: repeating-linear-gradient(115deg, rgba(20, 19, 22, 0.1) 0 10px, rgba(255, 255, 255, 0) 10px 26px), linear-gradient(90deg, rgba(0, 214, 255, 0.2), rgba(255, 0, 140, 0.16), rgba(255, 230, 0, 0.18)), linear-gradient(180deg, rgba(255, 254, 251, 0.98) 0%, rgba(249, 238, 228, 0.98) 100%);
  --afp-skin-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 248, 240, 0.98) 100%);
  --afp-skin-sidebar-bg: linear-gradient(180deg, rgba(255, 253, 248, 0.96) 0%, rgba(245, 239, 230, 0.96) 100%);
  --afp-skin-meta-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(242, 238, 232, 0.98) 100%);
  --afp-skin-quote-bg: rgba(255, 0, 140, 0.08);
  --afp-skin-button-bg: linear-gradient(135deg, #00D6FF 0%, #FF008C 100%);
  --afp-skin-button-hover-bg: linear-gradient(135deg, #00B8D4 0%, #C50064 100%);
  --afp-skin-button-text: #141316;
  --afp-skin-button-border: transparent;
  --afp-skin-panel-bg: linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(245, 239, 230, 0.98) 100%);
  --afp-skin-control-bg: rgba(255, 255, 255, 0.72);
  --afp-skin-control-hover-bg: rgba(255, 0, 140, 0.1);
  --afp-skin-meta-label: #C50064;
  --afp-skin-meta-value: #141316;
  --afp-skin-meta-notice: #6F2DFF;
  --afp-skin-quote-border: #FF008C;
  --afp-skin-shadow: 0 14px 32px rgba(20, 19, 22, 0.1);
  --afp-skin-feed-row-bg: rgba(255, 255, 255, 0.5);
}

.afp-skin-preview-obsidian {
  --afp-preview-text: #F3F7FA;
  --afp-preview-accent: #00E5FF;
  --afp-preview-font-display: var(--afp-font-sans);
}

.afp-skin-preview-paperwhite {
  --afp-preview-text: #201C18;
  --afp-preview-accent: #815B2E;
  --afp-preview-font-display: 'Cooper Black', 'Libre Baskerville', Georgia, serif;
}

.afp-skin-preview-blueprint-dark {
  --afp-preview-text: #EAF6FF;
  --afp-preview-accent: #7CFFCB;
  --afp-preview-font-display: var(--afp-font-mono);
}

.afp-skin-preview-blueprint-light {
  --afp-preview-text: #0B1D3A;
  --afp-preview-accent: #1B4F9C;
  --afp-preview-font-display: var(--afp-font-mono);
}

.afp-skin-preview-bubblegum {
  --afp-preview-text: #821042;
  --afp-preview-accent: #D6007E;
  --afp-preview-font-display: 'Bubblegum Sans', 'Arial Rounded MT Bold', system-ui, sans-serif;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.92) 0 28%, rgba(255, 115, 197, 0.72) 28% 54%, rgba(255, 255, 255, 0.9) 54% 72%, rgba(214, 0, 126, 0.72) 72% 100%),
    linear-gradient(135deg, #FFF8FC 0%, #FFD4EC 100%);
}

.afp-skin-preview-cyberpunk {
  --afp-preview-text: #F6F7FF;
  --afp-preview-accent: #00F5FF;
  --afp-preview-font-display: Orbitron, Rajdhani, 'Arial Black', sans-serif;
}

.afp-skin-preview-guillermo {
  --afp-preview-text: #F4E6D0;
  --afp-preview-accent: #C99754;
  --afp-preview-font-display: 'Cormorant Garamond', Georgia, serif;
}

.afp-skin-preview-minimalist {
  --afp-preview-text: #1C1C1C;
  --afp-preview-accent: #222222;
  --afp-preview-font-display: Arial, Helvetica, sans-serif;
}

.afp-skin-preview-neapolitan {
  --afp-preview-text: #3A261C;
  --afp-preview-accent: #8B4E2F;
  --afp-preview-font-display: 'Cooper Black', 'Libre Baskerville', Georgia, serif;
}

.afp-skin-preview-noir-bureau {
  --afp-preview-text: #F5F5F5;
  --afp-preview-accent: #CC0000;
  --afp-preview-font-display: 'Unica One', Impact, sans-serif;
}

.afp-skin-preview-oxfordyalevardton {
  --afp-preview-text: #F8F4EA;
  --afp-preview-accent: #CFB87C;
  --afp-preview-font-display: Graduate, 'Libre Baskerville', Georgia, serif;
  background:
    repeating-linear-gradient(135deg, rgba(23, 63, 53, 0.72) 0 8px, rgba(255, 255, 255, 0) 8px 18px),
    linear-gradient(135deg, #F8F4EA 0%, #173F35 54%, #762032 100%);
}

.afp-skin-preview-pericles {
  --afp-preview-text: #FDF7EA;
  --afp-preview-accent: #D86B56;
  --afp-preview-font-display: Cinzel, 'Libre Baskerville', Georgia, serif;
  background:
    linear-gradient(135deg, rgba(0, 93, 115, 0.8) 0 34%, rgba(244, 240, 228, 0.9) 34% 62%, rgba(84, 107, 88, 0.76) 62% 82%, rgba(200, 69, 49, 0.8) 82% 100%),
    linear-gradient(135deg, #F4F0E4 0%, #DDEEEB 100%);
}

.afp-skin-preview-spqr {
  --afp-preview-text: #FFF4D2;
  --afp-preview-accent: #B78A37;
  --afp-preview-font-display: Cinzel, 'Libre Baskerville', Georgia, serif;
  background:
    repeating-linear-gradient(135deg, rgba(122, 0, 25, 0.72) 0 10px, rgba(255, 244, 210, 0.2) 10px 25px),
    linear-gradient(135deg, #F7E8C8 0%, #B78A37 54%, #7A0019 100%);
}

.afp-skin-preview-starship {
  --afp-preview-text: #EAF8FF;
  --afp-preview-accent: #7DF9FF;
  --afp-preview-font-display: Orbitron, Rajdhani, 'Arial Black', sans-serif;
  background:
    radial-gradient(circle at 16% 18%, rgba(125, 249, 255, 0.95) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 42%, rgba(162, 124, 255, 0.9) 0 1px, transparent 2px),
    repeating-linear-gradient(115deg, rgba(56, 232, 255, 0.34) 0 1px, transparent 1px 20px),
    linear-gradient(135deg, #020814 0%, #07111F 58%, #111640 100%);
}

.afp-skin-preview-guillermo {
  background:
    linear-gradient(112deg, rgba(0, 0, 0, 0.82) 0 24%, rgba(74, 49, 68, 0.68) 24% 38%, transparent 38% 62%, rgba(0, 0, 0, 0.72) 62% 100%),
    linear-gradient(135deg, #070608 0%, #120F14 46%, #C99754 100%);
}

.afp-skin-preview-minimalist {
  background: linear-gradient(135deg, #FFFFFF 0%, #F4F4F4 100%);
}

.afp-skin-preview-neapolitan {
  background:
    radial-gradient(circle at 25% 20%, rgba(233, 116, 141, 0.7), transparent 34%),
    radial-gradient(circle at 76% 78%, rgba(255, 204, 112, 0.72), transparent 38%),
    linear-gradient(135deg, #FFFAF2 0%, #FFF4E6 100%);
}

.afp-skin-preview-noir-bureau {
  background:
    linear-gradient(135deg, rgba(204, 0, 0, 0.6), transparent 34%),
    linear-gradient(135deg, #101010 0%, #000000 100%);
}

.afp-skin-preview-sunrise {
  --afp-preview-text: #2A1E16;
  --afp-preview-accent: #B44E00;
  --afp-preview-font-display: 'Libre Baskerville', Georgia, serif;
  background:
    radial-gradient(circle at 22% 18%, rgba(242, 140, 40, 0.72), transparent 34%),
    radial-gradient(circle at 82% 82%, rgba(14, 121, 178, 0.48), transparent 38%),
    linear-gradient(135deg, #FFF9ED 0%, #FFEBC4 100%);
}

.afp-skin-preview-superserial {
  --afp-preview-text: #CCFF66;
  --afp-preview-accent: #66FF66;
  --afp-preview-font-display: 'Press Start 2P', 'Fira Code', monospace;
  background:
    linear-gradient(0deg, rgba(204, 255, 102, 0.18) 1px, transparent 1px),
    linear-gradient(135deg, #032103 0%, #001100 100%);
  background-size: 100% 7px, auto;
}

.afp-skin-preview-underwater {
  --afp-preview-text: #DDFBFF;
  --afp-preview-accent: #5EF1E6;
  --afp-preview-font-display: 'Unica One', 'Arial Narrow', sans-serif;
}

.afp-skin-preview-ussr-black {
  --afp-preview-text: #F4E8D0;
  --afp-preview-accent: #D7261E;
  --afp-preview-font-display: Graduate, Cinzel, serif;
  background:
    radial-gradient(circle at 24% 20%, rgba(215, 38, 30, 0.58), transparent 34%),
    linear-gradient(135deg, #151515 0%, #0B0B0B 100%);
}

.afp-skin-preview-ussr-red {
  --afp-preview-text: #F4E8D0;
  --afp-preview-accent: #FFD166;
  --afp-preview-font-display: Graduate, Cinzel, serif;
  background:
    radial-gradient(circle at 72% 24%, rgba(255, 209, 102, 0.58), transparent 36%),
    linear-gradient(135deg, #2B0909 0%, #1B0505 100%);
}

.afp-skin-preview-ussr-snow {
  --afp-preview-text: #4D1010;
  --afp-preview-accent: #A4001A;
  --afp-preview-font-display: Graduate, Cinzel, serif;
  background:
    linear-gradient(135deg, rgba(164, 0, 26, 0.32), transparent 36%),
    linear-gradient(135deg, #FFFFFF 0%, #F5F2EA 100%);
}

.afp-skin-preview-vaporwave {
  --afp-preview-text: #F8E7FF;
  --afp-preview-accent: #FF6AD5;
  --afp-preview-font-display: 'Press Start 2P', 'Fira Code', monospace;
  background:
    radial-gradient(circle at 22% 22%, rgba(255, 106, 213, 0.72), transparent 36%),
    radial-gradient(circle at 80% 80%, rgba(110, 247, 255, 0.7), transparent 38%),
    linear-gradient(135deg, #24123A 0%, #1B0B2E 100%);
}

.afp-skin-preview-zebra-pop {
  --afp-preview-text: #FF0099;
  --afp-preview-accent: #00D6FF;
  --afp-preview-font-display: 'Unica One', 'Arial Black', sans-serif;
}

html[data-skin] body,
html[data-skin] .wp-site-blocks {
  background: var(--afp-skin-page-bg) !important;
  color: var(--afp-text);
  font-family: var(--afp-skin-font-body, var(--afp-font-sans));
}

html[data-skin] .afp-home,
html[data-skin] .afp-single-post,
html[data-skin] .afp-archive-feed,
html[data-skin] .afp-post-layout {
  background: var(--afp-skin-page-bg) !important;
  color: var(--afp-text);
}

html[data-skin] .site-header,
html[data-skin] header.wp-block-template-part,
html[data-skin] header.wp-block-template-part > .wp-block-group,
html[data-skin] header,
html[data-skin] #masthead,
html[data-skin] .site-footer,
html[data-skin] footer {
  background: var(--afp-skin-header-bg) !important;
  border-color: var(--afp-border) !important;
  color: var(--afp-text) !important;
}

html[data-skin] header.wp-block-template-part .wp-block-group .wp-block-group {
  background: transparent !important;
  color: var(--afp-text) !important;
}

html[data-skin] header.wp-block-template-part :is(a, p, button, .wp-block-site-title, .wp-block-site-title a, .wp-block-navigation, .wp-block-navigation-item__content) {
  color: var(--afp-text) !important;
}

html[data-skin] .afp-home-hero,
html[data-skin] .afp-post-hero {
  background: var(--afp-skin-hero-bg) !important;
  border-color: var(--afp-border);
  color: var(--afp-text);
  box-shadow: var(--afp-skin-shadow);
}

html[data-skin] .afp-post-hero > .wp-block-group {
  background: var(--afp-skin-meta-bg) !important;
  border-color: var(--afp-border) !important;
  color: var(--afp-text);
}

html[data-skin] .afp-post-main-column .wp-block-post-content {
  color: var(--afp-text);
}

html[data-skin] .afp-post-main-column.wp-block-column {
  background: transparent !important;
  border-color: var(--afp-border) !important;
  color: var(--afp-text);
}

html[data-skin] .afp-post-sidebar-column.wp-block-column {
  border-color: var(--afp-border);
  color: var(--afp-text-muted);
  font-family: var(--afp-skin-font-body, var(--afp-font-sans));
}

html[data-skin] .afp-post-sidebar-column .wp-block-navigation,
html[data-skin] .afp-post-sidebar-column .wp-block-navigation a,
html[data-skin] #afp-sidebar-toc .afp-toc,
html[data-skin] #afp-sidebar-toc .afp-toc-link {
  color: var(--afp-text-muted) !important;
  font-family: var(--afp-skin-font-body, var(--afp-font-sans));
}

html[data-skin] .afp-post-sidebar-column .wp-block-navigation a:hover,
html[data-skin] #afp-sidebar-toc .afp-toc-link:hover,
html[data-skin] #afp-sidebar-toc .afp-toc-link.afp-toc-active {
  color: var(--afp-readable-accent) !important;
}

html[data-skin] .afp-sidebar-kicker,
html[data-skin] #afp-sidebar-toc .afp-toc-heading {
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
}

html[data-skin] .afp-post-actions-bar {
  background: var(--afp-skin-control-bg);
  border-color: var(--afp-border);
  color: var(--afp-text-muted);
}

html[data-skin] .afp-post-actions-bar.afp-post-actions-bar-share-only {
  background: transparent !important;
  border-color: transparent;
}

html[data-skin] .afp-recent-editions,
html[data-skin] .afp-archive-card.wp-block-group,
html[data-skin] .afp-card-body.wp-block-group,
html[data-skin] .afp-card-footer.wp-block-group,
html[data-skin] .afp-post-card,
html[data-skin] .afp-summary-display,
html[data-skin] .afp-toc,
html[data-skin] .afp-audio-widget,
html[data-skin] .afp-read-aloud-bar,
html[data-skin] .afp-highlight-palette,
html[data-skin] .afp-notes-sidebar,
html[data-skin] .afp-notes-modal-content,
html[data-skin] .afp-subscribe-block {
  background: var(--afp-skin-card-bg) !important;
  border-color: var(--afp-border);
  box-shadow: var(--afp-skin-shadow);
  color: var(--afp-text);
}

html[data-skin] .afp-sidebar-inner {
  background: var(--afp-skin-sidebar-bg);
  border-color: var(--afp-border);
  color: var(--afp-text-muted);
}

html[data-skin] .item-meta-block,
html[data-skin] .metadata-block,
html[data-skin] pre.item-meta,
html[data-skin] pre.afp-generated-meta-block {
  background: var(--afp-skin-meta-bg) !important;
  border-color: var(--afp-border);
  box-shadow: var(--afp-skin-shadow);
  color: var(--afp-text-muted);
}

html[data-skin] .afp-meta-label,
html[data-skin] .item-meta-block strong,
html[data-skin] .metadata-block strong {
  color: var(--afp-skin-meta-label);
}

html[data-skin] .afp-meta-value,
html[data-skin] .item-meta-block .wp-block-text,
html[data-skin] .item-meta-block .wp-block-text a,
html[data-skin] .metadata-block a,
html[data-skin] pre.item-meta .meta-source {
  color: var(--afp-skin-meta-value);
}

html[data-skin] .afp-meta-ai-notice {
  color: var(--afp-skin-meta-notice);
}

html[data-skin] blockquote,
html[data-skin] .afp-key-quote {
  background: var(--afp-skin-quote-bg) !important;
  border-color: var(--afp-skin-quote-border);
  color: var(--afp-text);
}

html[data-skin] .afp-key-quote blockquote {
  color: var(--afp-text);
}

html[data-skin] a,
html[data-skin] .url-display,
html[data-skin] pre.item-meta .meta-url,
html[data-skin] .afp-related-coverage-link {
  color: var(--afp-link);
}

html[data-skin] .wp-block-post-title,
html[data-skin] .wp-block-post-title a,
html[data-skin] .afp-archive-card .wp-block-post-title a,
html[data-skin] .afp-post-card .wp-block-post-title a,
html[data-skin] .afp-skin-panel-title,
html[data-skin] .afp-skin-option-label {
  color: var(--afp-text) !important;
}

html[data-skin] :is(.wp-block-site-title, .site-title, .wp-block-post-title, .afp-briefing-title-text, .entry-content h2, .afp-skin-panel-title, .afp-skin-option-label) {
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
}

html[data-skin] :is(.wp-block-site-title, .site-title) {
  font-family: var(--afp-skin-font-display, var(--afp-skin-font-heading, var(--afp-font-sans)));
}

html[data-skin] .wp-block-post-excerpt__excerpt,
html[data-skin] .afp-page-intro,
html[data-skin] .afp-summary-meta,
html[data-skin] .afp-skin-panel-subtitle,
html[data-skin] .afp-skin-option-desc,
html[data-skin] .afp-sidebar-edition-meta {
  color: var(--afp-text-muted) !important;
}

html[data-skin] .afp-sidebar-kicker,
html[data-skin] #afp-sidebar-toc .afp-toc-heading,
html[data-skin] .entry-content h2,
html[data-skin] .wp-block-post-terms,
html[data-skin] .wp-block-post-terms a {
  color: var(--afp-readable-accent) !important;
}

html[data-skin] .afp-theme-toggle-btn,
html[data-skin] .afp-text-size-btn,
html[data-skin] .afp-bookmark-btn,
html[data-skin] .afp-share-btn,
html[data-skin] .afp-post-state-btn,
html[data-skin] .afp-post-state-link,
html[data-skin] .afp-share-dropdown-toggle,
html[data-skin] .afp-share-menu-item,
html[data-skin] .afp-btn-secondary,
html[data-skin] .afp-summary-close,
html[data-skin] .afp-read-aloud-restart,
html[data-skin] .afp-read-aloud-stop,
html[data-skin] .afp-note-actions button,
html[data-skin] .afp-notes-close,
html[data-skin] .afp-skin-mode-btn {
  background: var(--afp-skin-control-bg);
  border-color: var(--afp-border);
  color: var(--afp-text-muted);
}

html[data-skin] .afp-theme-toggle-btn:hover,
html[data-skin] .afp-text-size-btn:hover,
html[data-skin] .afp-bookmark-btn:hover,
html[data-skin] .afp-share-btn:hover,
html[data-skin] .afp-post-state-btn:hover,
html[data-skin] .afp-post-state-link:hover,
html[data-skin] .afp-share-dropdown-toggle:hover,
html[data-skin] .afp-share-menu-item:hover,
html[data-skin] .afp-btn-secondary:hover,
html[data-skin] .afp-summary-close:hover,
html[data-skin] .afp-read-aloud-restart:hover,
html[data-skin] .afp-read-aloud-stop:hover,
html[data-skin] .afp-note-actions button:hover,
html[data-skin] .afp-notes-close:hover,
html[data-skin] .afp-skin-mode-btn:hover {
  background: var(--afp-skin-control-hover-bg);
  border-color: var(--afp-border-deep);
  color: var(--afp-text);
}

html[data-skin] .afp-read-aloud-btn,
html[data-skin] .afp-notes-button,
html[data-skin] .afp-subscribe-submit,
html[data-skin] .wp-block-button__link,
html[data-skin] .wp-element-button,
html[data-skin] .afp-subscribe-btn,
html[data-skin] .afp-subscribe-button,
html[data-skin] .afp-home-hero .wp-block-search__button {
  background: var(--afp-skin-button-bg) !important;
  border-color: var(--afp-skin-button-border);
  color: var(--afp-skin-button-text) !important;
}

html[data-skin] .afp-read-aloud-btn:hover,
html[data-skin] .afp-notes-button:hover,
html[data-skin] .afp-subscribe-submit:hover,
html[data-skin] .wp-block-button__link:hover,
html[data-skin] .wp-element-button:hover,
html[data-skin] .afp-subscribe-btn:hover,
html[data-skin] .afp-subscribe-button:hover,
html[data-skin] .afp-home-hero .wp-block-search__button:hover {
  background: var(--afp-skin-button-hover-bg) !important;
  color: var(--afp-skin-button-text) !important;
}

html[data-skin] .afp-subscribe-input,
html[data-skin] .afp-subscribe-email,
html[data-skin] .comment-form input[type="email"],
html[data-skin] .comment-form input[type="text"],
html[data-skin] .comment-form textarea,
html[data-skin] .wp-block-search__input,
html[data-skin] .afp-summary-controls select {
  background: var(--afp-skin-control-bg);
  border-color: var(--afp-border);
  color: var(--afp-text);
}

html[data-skin] .afp-skin-panel {
  background: var(--afp-skin-panel-bg);
  border-color: var(--afp-border);
  box-shadow: var(--afp-skin-shadow);
  color: var(--afp-text);
}

html[data-skin] .afp-skin-option {
  background: var(--afp-skin-control-bg);
  border-color: var(--afp-border);
  color: var(--afp-text);
}

html[data-skin] .afp-skin-option:hover,
html[data-skin] .afp-skin-option.is-active {
  border-color: var(--afp-border-deep);
  box-shadow: inset 0 0 0 1px var(--afp-border-deep);
}

html[data-skin] body.home.page-template-home-2 .wp-site-blocks > .wp-block-group {
  background: var(--afp-skin-page-bg) !important;
  color: var(--afp-text);
  font-family: var(--afp-skin-font-body, var(--afp-font-sans));
}

html[data-skin] body.home.page-template-home-2 .wp-block-template-part > .wp-block-group {
  background: var(--afp-skin-hero-bg) !important;
  color: var(--afp-text);
  font-family: var(--afp-skin-font-body, var(--afp-font-sans));
}

html[data-skin] body.home.page-template-home-2 .wp-block-template-part > .wp-block-group .wp-block-group {
  background-color: transparent !important;
  color: inherit;
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion {
  background: var(--afp-skin-card-bg);
  border-color: var(--afp-border);
  box-shadow: var(--afp-skin-shadow);
  color: var(--afp-text);
  font-family: var(--afp-skin-font-body, var(--afp-font-sans));
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-item,
html[data-skin] body.home.page-template-home-2 .wp-block-accordion-panel,
html[data-skin] body.home.page-template-home-2 .wp-block-accordion .wp-block-group {
  background: transparent !important;
  border-color: var(--afp-border) !important;
  color: var(--afp-text) !important;
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-heading,
html[data-skin] body.home.page-template-home-2 .wp-block-accordion-heading__toggle {
  color: var(--afp-readable-accent) !important;
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-heading__toggle {
  background: var(--afp-skin-control-bg);
  border-bottom: 1px solid var(--afp-border);
  box-sizing: border-box;
  gap: 0.75rem;
  justify-content: space-between;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  width: 100%;
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-panel {
  background: var(--afp-skin-panel-bg) !important;
  color: var(--afp-text) !important;
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-panel .wp-block-buttons {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.65rem;
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-panel .wp-block-button__link {
  background: var(--afp-skin-button-bg) !important;
  border-color: var(--afp-skin-button-border);
  color: var(--afp-skin-button-text) !important;
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
  line-height: 1.2;
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-panel .wp-block-term-template {
  background: var(--afp-skin-control-bg) !important;
  border: 1px solid var(--afp-border);
  box-shadow: var(--afp-skin-shadow);
  box-sizing: border-box;
  color: var(--afp-text) !important;
  font-family: var(--afp-skin-font-body, var(--afp-font-sans)) !important;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 1rem;
}

html[data-skin] body.home.page-template-home-2 .wp-block-accordion-panel .wp-block-term-template a,
html[data-skin] body.home.page-template-home-2 .wp-block-accordion-panel .wp-block-term-template .wp-block-term-count {
  color: var(--afp-link) !important;
  font-family: var(--afp-skin-font-body, var(--afp-font-sans)) !important;
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-skin] body.home.page-template-home-2 .wp-block-post-template > li {
  background: var(--afp-skin-feed-row-bg, transparent);
  border-bottom: 1px solid var(--afp-border);
  color: var(--afp-text);
  padding: 1rem 0;
}

html[data-skin] body.home.page-template-home-2 .wp-block-post-terms {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-skin] body.home.page-template-home-2 .wp-block-post-terms a {
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: normal;
}

html[data-skin] body.home.page-template-home-2 :is(.wp-block-post-title a, .wp-block-site-title a, .wp-block-heading) {
  color: var(--afp-text) !important;
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
}

html[data-skin] body.home.page-template-home-2 :is(.wp-block-post-date, time, .wp-block-post-excerpt__excerpt, p) {
  color: var(--afp-text-muted) !important;
}

html[data-skin] body.home.page-template-home-2 :is(.wp-block-post-terms, .wp-block-post-terms a, .wp-block-categories a, .wp-block-term-name a, .wp-block-heading.has-afp-s-14-color) {
  color: var(--afp-readable-accent) !important;
}

html[data-skin] .afp-briefing-item,
html[data-skin] .afp-item-excerpt,
html[data-skin] .afp-key-quote-block {
  background: var(--afp-skin-card-bg) !important;
  border-color: var(--afp-border) !important;
  box-shadow: var(--afp-skin-shadow);
  color: var(--afp-text);
}

html[data-skin] .afp-item-excerpt,
html[data-skin] .afp-key-quote-block {
  background: var(--afp-skin-quote-bg) !important;
  border-left-color: var(--afp-skin-quote-border) !important;
}

html[data-skin] .afp-post-featured-image img {
  border-color: var(--afp-border-deep);
  box-shadow: var(--afp-skin-shadow);
}

html[data-skin] .has-accent-6-background-color {
  background: var(--afp-skin-control-bg) !important;
}

html[data-skin="paperwhite"] body.home.page-template-home-2 .wp-block-post-template > li,
html[data-skin="neapolitan"] body.home.page-template-home-2 .wp-block-post-template > li,
html[data-skin="ussr-snow"] body.home.page-template-home-2 .wp-block-post-template > li {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

html[data-skin="cyberpunk"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2),
html[data-skin="guillermo"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2),
html[data-skin="vaporwave"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2),
html[data-skin="superserial"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2) {
  text-shadow: 0 0 12px color-mix(in srgb, var(--afp-readable-accent) 52%, transparent);
}

html[data-skin="cyberpunk"] body.home.page-template-home-2 .wp-block-post-template > li,
html[data-skin="guillermo"] body.home.page-template-home-2 .wp-block-post-template > li,
html[data-skin="vaporwave"] body.home.page-template-home-2 .wp-block-post-template > li,
html[data-skin="superserial"] body.home.page-template-home-2 .wp-block-post-template > li {
  border-left: 3px solid var(--afp-border-deep);
  padding-left: 0.9rem;
}

html[data-skin="zebra-pop"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2) {
  text-shadow: 3px 3px 0 rgba(0, 214, 255, 0.28), -2px 2px 0 rgba(255, 0, 140, 0.24);
}

html[data-skin="zebra-pop"] body.home.page-template-home-2 .wp-block-post-template > li {
  border-left: 6px solid #FF008C;
  padding-left: 0.9rem;
}

html[data-skin="vaporwave"] .afp-post-hero .wp-block-post-title,
html[data-skin="superserial"] .afp-post-hero .wp-block-post-title {
  font-size: clamp(1.65rem, 3.4vw, 2.4rem) !important;
  line-height: 1.08 !important;
}

html[data-skin^="ussr-"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2) {
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

html[data-skin^="ussr-"] .afp-post-hero .wp-block-post-title {
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
  font-size: clamp(1.8rem, 4vw, 2.65rem) !important;
  line-height: 1.05 !important;
}

html[data-skin^="ussr-"] .afp-post-main-column .wp-block-post-content {
  font-weight: 400;
}

html[data-skin^="ussr-"] .afp-title-rule,
html[data-skin^="ussr-"] .afp-header-rule {
  background: repeating-linear-gradient(90deg, var(--afp-border-deep) 0 2rem, var(--afp-readable-accent) 2rem 2.45rem) !important;
}

html[data-skin="bubblegum"] :is(.afp-home-hero, .afp-post-hero, .afp-archive-card.wp-block-group, .afp-post-card, .afp-briefing-item, .afp-post-actions-bar, .afp-skin-panel) {
  border-radius: 16px;
  border-width: 2px;
}

html[data-skin="bubblegum"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2) {
  text-shadow: 2px 2px 0 rgba(255, 158, 216, 0.35), -1px -1px 0 rgba(255, 255, 255, 0.85);
}

html[data-skin="bubblegum"] .afp-title-rule,
html[data-skin="bubblegum"] .afp-header-rule {
  background: linear-gradient(90deg, #FF73C5 0%, #FFFFFF 50%, #D6007E 100%) !important;
  box-shadow: 0 0 18px rgba(255, 115, 197, 0.28);
}

html[data-skin="guillermo"] :is(.afp-home-hero, .afp-post-hero, .afp-archive-card.wp-block-group, .afp-post-card, .afp-briefing-item, .afp-post-actions-bar, .afp-skin-panel, .afp-post-sidebar-column.wp-block-column, .afp-post-main-column .wp-block-post-content) {
  border-color: rgba(201, 151, 84, 0.34) !important;
  box-shadow: 20px 26px 46px rgba(0, 0, 0, 0.42), -12px 10px 30px rgba(80, 34, 53, 0.22), inset 0 0 0 1px rgba(99, 183, 167, 0.08);
}

html[data-skin="guillermo"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2) {
  letter-spacing: 0.04em;
  text-shadow: 2px 3px 0 #000000, 12px 14px 28px rgba(0, 0, 0, 0.7), -6px 0 18px rgba(99, 183, 167, 0.18);
}

html[data-skin="guillermo"] .afp-post-hero .wp-block-post-title {
  font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
  line-height: 1.03 !important;
}

html[data-skin="guillermo"] .afp-title-rule,
html[data-skin="guillermo"] .afp-header-rule {
  background: linear-gradient(90deg, #63B7A7 0%, #C99754 42%, #6C3445 72%, #0A070B 100%) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.48), 0 0 18px rgba(201, 151, 84, 0.22);
}

html[data-skin="guillermo"] blockquote,
html[data-skin="guillermo"] .afp-key-quote {
  border-left-color: #63B7A7 !important;
  box-shadow: inset 14px 0 28px rgba(99, 183, 167, 0.05);
}

html[data-skin="oxfordyalevardton"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2),
html[data-skin="spqr"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2),
html[data-skin="pericles"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2) {
  letter-spacing: 0.03em;
}

html[data-skin="oxfordyalevardton"] body.home.page-template-home-2 .wp-block-post-template > li,
html[data-skin="pericles"] body.home.page-template-home-2 .wp-block-post-template > li,
html[data-skin="spqr"] body.home.page-template-home-2 .wp-block-post-template > li {
  border-left: 5px solid var(--afp-border-deep);
  padding-left: 0.9rem;
}

html[data-skin="oxfordyalevardton"] .afp-title-rule,
html[data-skin="oxfordyalevardton"] .afp-header-rule {
  background: repeating-linear-gradient(90deg, #173F35 0 1.4rem, #F8F4EA 1.4rem 1.8rem, #762032 1.8rem 2.7rem) !important;
}

html[data-skin="pericles"] .afp-title-rule,
html[data-skin="pericles"] .afp-header-rule {
  background: linear-gradient(90deg, #005D73 0%, #546B58 58%, #C84531 100%) !important;
}

html[data-skin="spqr"] .afp-title-rule,
html[data-skin="spqr"] .afp-header-rule {
  background: repeating-linear-gradient(90deg, #7A0019 0 2rem, #B78A37 2rem 2.45rem) !important;
}

html[data-skin="spqr"] :is(.afp-home-hero, .afp-post-hero, .afp-archive-card.wp-block-group, .afp-post-card, .afp-briefing-item) {
  border-top-width: 3px;
}

html[data-skin="starship"] body,
html[data-skin="starship"] .wp-site-blocks {
  background-attachment: fixed, fixed, scroll !important;
  background-position: 0 0, 64px 96px, 0 0 !important;
  background-size: 180px 180px, 320px 320px, auto !important;
}

html[data-skin="starship"] :is(.afp-home-hero, .afp-post-hero, .afp-archive-card.wp-block-group, .afp-post-card, .afp-briefing-item, .afp-post-actions-bar, .afp-skin-panel, .afp-post-sidebar-column.wp-block-column, .afp-post-main-column .wp-block-post-content) {
  border-color: rgba(56, 232, 255, 0.58) !important;
  box-shadow: 0 0 0 1px rgba(56, 232, 255, 0.16), 0 0 24px rgba(56, 232, 255, 0.1), var(--afp-skin-shadow);
}

html[data-skin="starship"] :is(.wp-block-site-title, .wp-block-post-title, .entry-content h2) {
  text-shadow: 0 0 14px rgba(125, 249, 255, 0.52), 0 0 28px rgba(162, 124, 255, 0.28);
}

html[data-skin="starship"] .afp-title-rule,
html[data-skin="starship"] .afp-header-rule {
  background: linear-gradient(90deg, #38E8FF 0%, #A27CFF 54%, #7DF9FF 100%) !important;
  box-shadow: 0 0 18px rgba(56, 232, 255, 0.42);
}

.afp-skins-showcase {
  min-height: 100vh;
  padding: clamp(2rem, 5vw, 5rem) var(--wp--preset--spacing--50, 1.5rem);
}

.afp-skins-showcase-inner {
  margin: 0 auto;
  max-width: 1180px;
}

.afp-skins-hero {
  align-items: end;
  border-bottom: 3px solid currentColor;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: clamp(1.5rem, 4vw, 3rem);
  padding-bottom: 1.25rem;
}

.afp-skins-kicker,
.afp-skins-card-mode,
.afp-skins-card-state {
  font-family: var(--afp-font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.afp-skins-title {
  font-family: var(--afp-skin-font-display, var(--afp-font-sans));
  font-size: clamp(2.4rem, 7vw, 5.6rem);
  line-height: 0.95;
  margin: 0;
}

.afp-skins-deck {
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.55;
  margin: 0.75rem 0 0;
  max-width: 44rem;
}

.afp-skins-current {
  border: 1px solid currentColor;
  min-width: 14rem;
  padding: 0.9rem 1rem;
}

.afp-skins-current span,
.afp-skins-current strong {
  display: block;
}

.afp-skins-current span {
  font-family: var(--afp-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.afp-skins-current strong {
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
  font-size: 1.25rem;
  margin-top: 0.25rem;
}

.afp-skins-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.afp-skins-card {
  --afp-preview-accent: currentColor;
  --afp-preview-font-display: var(--afp-skin-font-display, var(--afp-font-sans));
  --afp-preview-text: currentColor;
  border: 1px solid currentColor;
  color: inherit;
  display: grid;
  gap: 0.9rem;
  padding: 0.8rem;
  text-align: left;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.afp-skins-card:hover {
  transform: translateY(-2px);
}

.afp-skins-card:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.afp-skins-card-action,
.afp-skins-home-link {
  align-items: center;
  appearance: none;
  border: 1px solid currentColor;
  display: inline-flex;
  font-family: var(--afp-font-mono);
  font-size: 0.72rem;
  font-weight: 800;
  justify-content: center;
  letter-spacing: 0.08em;
  line-height: 1;
  min-height: 2rem;
  padding: 0.55rem 0.7rem;
  text-decoration: none;
  text-transform: uppercase;
}

.afp-skins-card-action {
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.afp-skins-home-link[hidden] {
  display: none !important;
}

.afp-skins-card-action:focus-visible,
.afp-skins-home-link:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.afp-skins-card-preview {
  align-content: end;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--afp-preview-text);
  display: grid;
  min-height: 9.5rem;
  overflow: hidden;
  padding: 1rem;
  position: relative;
}

.afp-skins-preview-line,
.afp-skins-preview-rule {
  display: block;
  height: 3px;
  width: 32%;
}

.afp-skins-preview-title {
  color: var(--afp-preview-text);
  display: block;
  font-family: var(--afp-preview-font-display, var(--afp-skin-font-display, var(--afp-font-sans)));
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 0.95;
  margin: 0.65rem 0;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
  text-transform: uppercase;
}

.afp-skins-card-copy {
  display: grid;
  gap: 0.65rem;
}

.afp-skins-card-row {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

.afp-skins-card-title {
  font-family: var(--afp-skin-font-heading, var(--afp-font-sans));
  font-size: 1.05rem;
  font-weight: 800;
}

.afp-skins-card-desc {
  font-size: 0.9rem;
  line-height: 1.45;
}

.afp-skins-card-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

html[data-skin] .afp-skins-showcase {
  background: var(--afp-skin-page-bg) !important;
  color: var(--afp-text);
  font-family: var(--afp-skin-font-body, var(--afp-font-sans));
}

html[data-skin] .afp-skins-hero,
html[data-skin] .afp-skins-card,
html[data-skin] .afp-skins-current {
  background: var(--afp-skin-card-bg);
  border-color: var(--afp-border);
  color: var(--afp-text);
  box-shadow: var(--afp-skin-shadow);
}

html[data-skin] .afp-skins-kicker,
html[data-skin] .afp-skins-card-mode,
html[data-skin] .afp-skins-card-state,
html[data-skin] .afp-skins-home-link,
html[data-skin] .afp-skins-current span {
  color: var(--afp-readable-accent);
}

html[data-skin] .afp-skins-deck,
html[data-skin] .afp-skins-card-desc {
  color: var(--afp-text-muted);
}

html[data-skin] .afp-skins-card-preview {
  border-color: var(--afp-border);
  color: var(--afp-preview-text);
}

html[data-skin] .afp-skins-preview-line,
html[data-skin] .afp-skins-preview-rule {
  background: var(--afp-preview-accent);
}

html[data-skin] .afp-skins-card:hover,
html[data-skin] .afp-skins-card.is-active {
  border-color: var(--afp-border-deep);
  box-shadow: inset 0 0 0 1px var(--afp-border-deep), var(--afp-skin-shadow);
}

html[data-skin] .afp-skins-card-action,
html[data-skin] .afp-skins-home-link {
  background: var(--afp-skin-control-bg);
  border-color: var(--afp-border);
}

html[data-skin] .afp-skins-card-action:hover,
html[data-skin] .afp-skins-home-link:hover {
  background: var(--afp-skin-control-hover-bg);
  border-color: var(--afp-border-deep);
}

html[data-skin] .afp-skins-card.is-active .afp-skins-card-title {
  color: var(--afp-readable-accent);
}

html[data-skin] .afp-skins-card.is-active .afp-skins-card-action,
html[data-skin] .afp-skins-card.is-active .afp-skins-home-link {
  border-color: var(--afp-border-deep);
}

@media (max-width: 640px) {
  .afp-skins-showcase {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .afp-skins-hero {
    grid-template-columns: 1fr;
  }

  .afp-skins-current {
    min-width: 0;
  }

  .afp-skins-card-preview {
    min-height: 8rem;
  }

  html[data-skin] body.home.page-template-home-2 .wp-block-site-title,
  html[data-skin] body.home.page-template-home-2 .wp-block-site-title a {
    font-size: clamp(2.65rem, 13vw, 3.25rem) !important;
    line-height: 1.04 !important;
    max-width: calc(100vw - 2rem);
  }

  html[data-skin="vaporwave"] body.home.page-template-home-2 .wp-block-site-title,
  html[data-skin="vaporwave"] body.home.page-template-home-2 .wp-block-site-title a,
  html[data-skin="superserial"] body.home.page-template-home-2 .wp-block-site-title,
  html[data-skin="superserial"] body.home.page-template-home-2 .wp-block-site-title a {
    font-size: clamp(2.2rem, 11vw, 2.9rem) !important;
  }

  html[data-skin="vaporwave"] .afp-post-hero .wp-block-post-title,
  html[data-skin="superserial"] .afp-post-hero .wp-block-post-title {
    font-size: clamp(1.35rem, 7vw, 1.8rem) !important;
    line-height: 1.08 !important;
  }

  html[data-skin^="ussr-"] .afp-post-hero .wp-block-post-title {
    font-size: clamp(1.55rem, 8vw, 2.1rem) !important;
  }

  html[data-skin] .afp-skin-switcher .afp-theme-toggle-btn {
    gap: 0;
    height: 36px;
    padding-left: 0;
    padding-right: 0;
    width: 36px;
  }

  html[data-skin] .afp-skin-toggle-label,
  html[data-skin] .afp-skin-toggle-caret {
    display: none;
  }
}

@media (max-width: 960px) {
  .afp-post-card {
    gap: 0.75rem;
    grid-template-columns: 1fr;
  }

  .afp-post-card:hover {
    transform: none;
  }
}