@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/47c85c65-04af-450d-92ab-119208fd3a59.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/e447f85f-347a-429a-a330-cfa06adc5dd3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7b7d7616-8fb4-494a-8f3e-a7a21f78fa8b.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/4b4da914-b35c-4fec-9b8e-ea6551b25909.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/d63e39c1-5552-47e0-8b93-400f501a7f15.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7c9fbd3d-3ce1-4b45-ac04-2b08c5f4aba0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/47c85c65-04af-450d-92ab-119208fd3a59.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/e447f85f-347a-429a-a330-cfa06adc5dd3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/7b7d7616-8fb4-494a-8f3e-a7a21f78fa8b.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/4b4da914-b35c-4fec-9b8e-ea6551b25909.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/d63e39c1-5552-47e0-8b93-400f501a7f15.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/7c9fbd3d-3ce1-4b45-ac04-2b08c5f4aba0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/47c85c65-04af-450d-92ab-119208fd3a59.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/e447f85f-347a-429a-a330-cfa06adc5dd3.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/7b7d7616-8fb4-494a-8f3e-a7a21f78fa8b.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/4b4da914-b35c-4fec-9b8e-ea6551b25909.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/d63e39c1-5552-47e0-8b93-400f501a7f15.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/7c9fbd3d-3ce1-4b45-ac04-2b08c5f4aba0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/aa2862e1-289c-4035-bb83-e5baad779411.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/eb57a6b6-29f6-4ba0-b9f4-5978be86a5fd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/6da5f254-566f-475e-bca0-c754c9225147.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/4a9f015c-6036-43a1-9164-48f17c51d894.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7f6de316-d48b-419a-8b20-ffdea13ae3d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/40571c53-9af2-48ed-9862-39d87f7c7421.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/aa2862e1-289c-4035-bb83-e5baad779411.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/eb57a6b6-29f6-4ba0-b9f4-5978be86a5fd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/6da5f254-566f-475e-bca0-c754c9225147.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/4a9f015c-6036-43a1-9164-48f17c51d894.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/7f6de316-d48b-419a-8b20-ffdea13ae3d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/40571c53-9af2-48ed-9862-39d87f7c7421.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/aa2862e1-289c-4035-bb83-e5baad779411.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/eb57a6b6-29f6-4ba0-b9f4-5978be86a5fd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/6da5f254-566f-475e-bca0-c754c9225147.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/4a9f015c-6036-43a1-9164-48f17c51d894.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/7f6de316-d48b-419a-8b20-ffdea13ae3d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/40571c53-9af2-48ed-9862-39d87f7c7421.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/aa2862e1-289c-4035-bb83-e5baad779411.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/eb57a6b6-29f6-4ba0-b9f4-5978be86a5fd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/6da5f254-566f-475e-bca0-c754c9225147.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/4a9f015c-6036-43a1-9164-48f17c51d894.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/7f6de316-d48b-419a-8b20-ffdea13ae3d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/40571c53-9af2-48ed-9862-39d87f7c7421.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/b4cf0b5e-3feb-40f1-a5b6-94d1a42b7df8.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7f86e822-ca22-4846-9ff2-834da373928d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/84ebf4c4-de1a-4a8b-9304-2f106640984e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/d2297779-1b26-463e-b975-cd5d130c8b35.woff2") format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/8d345d8d-2092-4403-95e1-24624869a309.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/b0cc4d7c-1847-456e-b798-cc2466521e32.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/b4cf0b5e-3feb-40f1-a5b6-94d1a42b7df8.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/7f86e822-ca22-4846-9ff2-834da373928d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/84ebf4c4-de1a-4a8b-9304-2f106640984e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/d2297779-1b26-463e-b975-cd5d130c8b35.woff2") format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/8d345d8d-2092-4403-95e1-24624869a309.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/b0cc4d7c-1847-456e-b798-cc2466521e32.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/b4cf0b5e-3feb-40f1-a5b6-94d1a42b7df8.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/7f86e822-ca22-4846-9ff2-834da373928d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/84ebf4c4-de1a-4a8b-9304-2f106640984e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/d2297779-1b26-463e-b975-cd5d130c8b35.woff2") format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/8d345d8d-2092-4403-95e1-24624869a309.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/b0cc4d7c-1847-456e-b798-cc2466521e32.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/b4cf0b5e-3feb-40f1-a5b6-94d1a42b7df8.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/7f86e822-ca22-4846-9ff2-834da373928d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/84ebf4c4-de1a-4a8b-9304-2f106640984e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/d2297779-1b26-463e-b975-cd5d130c8b35.woff2") format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/8d345d8d-2092-4403-95e1-24624869a309.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/b0cc4d7c-1847-456e-b798-cc2466521e32.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik Mono One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/04707746-0642-4be9-aabd-945510cede34.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Rubik Mono One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/1eef4c94-8ab2-4913-9db9-53416d42e24a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rubik Mono One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/800289b1-5f0a-469b-8166-c89c382632ad.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/3c3d770d-222f-4904-ba59-8a74e492471d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/b9dea684-9d43-4ffc-8aa1-e5fd11bea4ed.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/97cff3da-07f9-423c-b04e-b16744275ebd.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/c0dd7180-0dda-4b27-96a2-10369a9900cb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/a57b30bf-183a-45f7-9298-146d41304ee3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/3c3d770d-222f-4904-ba59-8a74e492471d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/b9dea684-9d43-4ffc-8aa1-e5fd11bea4ed.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/97cff3da-07f9-423c-b04e-b16744275ebd.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/c0dd7180-0dda-4b27-96a2-10369a9900cb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/a57b30bf-183a-45f7-9298-146d41304ee3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/3c3d770d-222f-4904-ba59-8a74e492471d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/b9dea684-9d43-4ffc-8aa1-e5fd11bea4ed.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/97cff3da-07f9-423c-b04e-b16744275ebd.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/c0dd7180-0dda-4b27-96a2-10369a9900cb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/a57b30bf-183a-45f7-9298-146d41304ee3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Theme controls shared by all three appearances. */
/* Keep the page geometry steady; only colors, type and decoration change. */
body{background-color:var(--bg)}
.title-input{height:clamp(43px,4.6vw,58px)}
.add-form{margin-top:12px;margin-bottom:18px}
.add-form .add-input,.add-form .add-tier-select,.add-form>.btn,.add-form>.file-label{height:44px}
.add-tier-select{width:180px;max-width:100%;padding:0 30px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-size:14px;cursor:pointer;outline:none;white-space:nowrap;text-overflow:ellipsis}
.add-tier-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8cff22}
.theme-switching,.theme-switching .brand,.theme-switching .brand .dot,
.theme-switching .theme-picker,.theme-switching .theme-button,
.theme-switching .title-input,.theme-switching .hint,.theme-switching .add-input,.theme-switching .add-tier-select,
.theme-switching .btn,.theme-switching .board,.theme-switching .tier,
.theme-switching .tier-label,.theme-switching .tier .items,
.theme-switching .item,.theme-switching .pool-wrap,.theme-switching .pool-head{
  transition:background-color .18s ease-out,color .18s ease-out,
    border-color .18s ease-out,box-shadow .18s ease-out,outline-color .18s ease-out
}
@media (prefers-reduced-motion:reduce){.theme-switching,.theme-switching *{transition-duration:0ms!important}}
.topbar-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.topbar .actions .btn{display:inline-flex;align-items:center;justify-content:center;height:40px}
.theme-picker{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}
.theme-buttons{display:flex;align-items:center;gap:5px}
.theme-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--muted);cursor:pointer}
.theme-button svg{display:block;width:19px;height:19px}
.theme-button:hover{border-color:var(--accent);color:var(--text)}
.theme-button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#fff}
.theme-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* 1a: dark neon, based on the first direction in Tierlog.html. */
body[data-theme="neon"]{
  --bg:#0B0A10;--panel:#110F17;--panel-2:#1E1A2A;--line:#2B2736;
  --text:#EDEAF5;--muted:#A39CB4;--accent:#FF3EA5;
  background:#0B0A10;color:var(--text);font-family:Manrope,"Segoe UI",sans-serif
}
body[data-theme="neon"] .brand{font:900 17px Unbounded,Manrope,sans-serif;letter-spacing:.01em;color:#fff;text-shadow:0 0 14px #FF3EA599}
body[data-theme="neon"] .brand .dot{background:#FF3EA5;box-shadow:0 0 14px #FF3EA5}
body[data-theme="neon"] .theme-button{background:#1E1A2A;border-color:#342d40;color:#A39CB4}
body[data-theme="neon"] .theme-button:hover{border-color:#FF3EA5;color:#fff}
body[data-theme="neon"] .theme-button[aria-pressed="true"]{background:#FF3EA5;border-color:#FF3EA5;color:#0B0A10;box-shadow:0 0 14px #FF3EA577}
body[data-theme="neon"] .title-input{font-family:Unbounded,Manrope,sans-serif}
body[data-theme="neon"] .hint{color:#8A8499}
body[data-theme="neon"] .add-input{background:#14121C;border-color:#2B2736;color:#EDEAF5}
body[data-theme="neon"] .add-input:focus{border-color:#FF3EA5;box-shadow:0 0 0 3px #FF3EA533}
body[data-theme="neon"] .add-tier-select{background:#14121C;border-color:#2B2736;color:#EDEAF5}
body[data-theme="neon"] .add-tier-select:focus{border-color:#FF3EA5;box-shadow:0 0 0 3px #FF3EA533}
body[data-theme="neon"] .btn{background:#1E1A2A;border-color:#342d40;color:#EDEAF5}
body[data-theme="neon"] .btn:hover{border-color:#FF3EA5;background:#2a2035}
body[data-theme="neon"] #addForm>.btn{background:#FF3EA5;border-color:#FF3EA5;color:#0B0A10;font-weight:800;box-shadow:0 0 20px #FF3EA555}
body[data-theme="neon"] .tier{background:#110F17;border-color:#1F1C28;border-radius:10px}
body[data-theme="neon"] .tier-label{box-shadow:0 0 18px color-mix(in srgb,var(--tier-color) 45%,transparent)}
body[data-theme="neon"] .tier-name{font-family:Unbounded,Manrope,sans-serif;font-size:17px}
body[data-theme="neon"] .tier .items{background:transparent}
body[data-theme="neon"] .item{background:#1F1B2A;border-color:#2C2838;border-radius:6px}
body[data-theme="neon"] .item:hover{border-color:#FF3EA5;box-shadow:0 0 15px #FF3EA544}
body[data-theme="neon"] .item.is-image{background:#15121c}
body[data-theme="neon"] .pool-wrap{border-color:#3A3547;background:#110F17;border-radius:10px}
body[data-theme="neon"] .pool-head{color:#2FE0F0;font-family:"JetBrains Mono",monospace}
body[data-theme="neon"] .modal-card{background:#14121C;border-color:#3A2B48}
body[data-theme="neon"] .star.on{background:#FF3EA533;border-color:#FF3EA5;color:#fff}
body[data-theme="neon"] .comment{background:#1E1A2A;border-color:#3A2B48}
body[data-theme="neon"] .item-context-menu{background:#201829;border-color:#60446a}

/* 1b: light arcade, based on the second direction in Tierlog.html. */
body[data-theme="comic"]{
  --bg:#F3F0E8;--panel:#fff;--panel-2:#fff;--line:#16141C;
  --text:#16141C;--muted:#625e69;--accent:#FF2E88;
  background:#F3F0E8;color:var(--text);font-family:Rubik,"Segoe UI",sans-serif
}
body[data-theme="comic"] .topbar{margin-bottom:14px}
body[data-theme="comic"] .brand{padding:5px 10px;border:2.5px solid #16141C;background:#FFE600;box-shadow:3px 3px 0 #16141C;color:#16141C;font:400 17px "Rubik Mono One",Rubik,sans-serif}
body[data-theme="comic"] .brand .dot{display:none}
body[data-theme="comic"] .topbar-tools{margin-left:auto}
body[data-theme="comic"] .theme-picker{color:#514d56;font-weight:600}
body[data-theme="comic"] .theme-button{border:2px solid #16141C;background:#fff;color:#16141C;box-shadow:2px 2px 0 #16141C}
body[data-theme="comic"] .theme-button:hover{background:#FFF9C2}
body[data-theme="comic"] .theme-button[aria-pressed="true"]{background:#FFE600;color:#16141C}
body[data-theme="comic"] .btn{border:2px solid #16141C;background:#fff;color:#16141C;box-shadow:3px 3px 0 #16141C;font-weight:700}
body[data-theme="comic"] .btn:hover{background:#FFE600;border-color:#16141C}
body[data-theme="comic"] .btn.danger-ghost{color:#a01c55}
body[data-theme="comic"] .title-input{color:#16141C;font-family:"Rubik Mono One",Rubik,sans-serif;font-weight:400}
body[data-theme="comic"] .hint{color:#625e69}
body[data-theme="comic"] .add-input{background:#fff;border:2px solid #16141C;color:#16141C;box-shadow:3px 3px 0 #16141C}
body[data-theme="comic"] .add-input:focus{border-color:#FF2E88;box-shadow:3px 3px 0 #16141C,0 0 0 4px #FF2E8833}
body[data-theme="comic"] .add-tier-select{background:#fff;border:2px solid #16141C;color:#16141C;box-shadow:3px 3px 0 #16141C}
body[data-theme="comic"] .add-tier-select:focus{border-color:#FF2E88;box-shadow:3px 3px 0 #16141C,0 0 0 4px #FF2E8833}
body[data-theme="comic"] #addForm>.btn{background:#FF2E88}
body[data-theme="comic"] .board{border-radius:10px}
body[data-theme="comic"] .tier{border-color:#16141C;background:#fff;box-shadow:4px 4px 0 #16141C}
body[data-theme="comic"] .tier-label{border-right:3px solid #16141C}
body[data-theme="comic"] .tier-name{font:700 19px Rubik,sans-serif}
body[data-theme="comic"] .tier .items{background:#fff}
body[data-theme="comic"] .tier-gear{background:#ffffff88;border:1px solid #16141C;color:#16141C}
body[data-theme="comic"] .tier-menu-panel{background:#fff;color:#16141C;border:2px solid #16141C;box-shadow:4px 4px 0 #16141C}
body[data-theme="comic"] .tier-menu-panel button:hover,body[data-theme="comic"] .tier-color-option:hover{background:#FFE600}
body[data-theme="comic"] .item{background:#F6F3EC;border:2px solid #16141C;border-radius:5px;box-shadow:2px 2px 0 #16141C;color:#16141C}
body[data-theme="comic"] .item:hover{border-color:#16141C;box-shadow:3px 3px 0 #16141C,0 0 0 2px #FF2E88}
body[data-theme="comic"] .item.is-image{background:#E8E3D8}
body[data-theme="comic"] .item.cover-missing{background:repeating-linear-gradient(135deg,#F6F3EC 0 6px,#E8E3D8 6px 12px)}
body[data-theme="comic"] .broken{color:#514d56}
body[data-theme="comic"] .pool-wrap{border-color:#16141C;background:#EAE6DB;box-shadow:4px 4px 0 #16141C}
body[data-theme="comic"] .pool-head{color:#16141C;font-family:"Rubik Mono One",Rubik,sans-serif}
body[data-theme="comic"] .pool-toggle{border:2px solid #16141C;background:#fff;color:#16141C}
body[data-theme="comic"] .item-context-menu{background:#fff;color:#16141C;border:2px solid #16141C;box-shadow:4px 4px 0 #16141C}
body[data-theme="comic"] .item-context-menu button:hover{background:#FFE600}
body[data-theme="comic"] .item-context-menu-divider{background:#16141C}
body[data-theme="comic"] .modal-backdrop{background:#16141Cbb}
body[data-theme="comic"] .modal-card{background:#fff;color:#16141C;border:3px solid #16141C;border-radius:10px;box-shadow:8px 8px 0 #16141C}
body[data-theme="comic"] .modal-close{background:#FFE600;color:#16141C;border:2px solid #16141C}
body[data-theme="comic"] .modal-cover img{border:2px solid #16141C;border-radius:6px;box-shadow:4px 4px 0 #16141C}
body[data-theme="comic"] .modal-meta{color:#16141C}
body[data-theme="comic"] .modal-meta span{background:#FFF9C2;border:2px solid #16141C;border-radius:5px}
body[data-theme="comic"] .modal-desc{color:#3c3942}
body[data-theme="comic"] .rating-label,body[data-theme="comic"] .rating-value,
body[data-theme="comic"] .completion-note,body[data-theme="comic"] .comments-head{color:#514d56}
body[data-theme="comic"] .star{background:#fff;border:2px solid #16141C;color:#625e69}
body[data-theme="comic"] .star.on{background:#FF2E88;border-color:#16141C;color:#fff}
body[data-theme="comic"] .completion-toggle{background:#FFE600;border:2px solid #16141C;color:#16141C;box-shadow:3px 3px 0 #16141C}
body[data-theme="comic"] .completion-toggle[aria-pressed="true"]{background:#19E68C;border-color:#16141C;color:#16141C}
body[data-theme="comic"] .comments{border-top:2px solid #16141C}
body[data-theme="comic"] .comment{background:#FFF9C2;border:2px solid #16141C;border-radius:6px;color:#16141C;box-shadow:3px 3px 0 #16141C}
body[data-theme="comic"] .comment .cdate,body[data-theme="comic"] .cbtn{color:#514d56}
body[data-theme="comic"] .comment-form textarea{background:#fff;border:2px solid #16141C;color:#16141C;box-shadow:3px 3px 0 #16141C}
body[data-theme="comic"] .toast{background:#fff;border:2px solid #16141C;color:#16141C;box-shadow:4px 4px 0 #16141C}

@media (max-width:900px){
  .topbar-tools{justify-content:flex-start}
}
@media (max-width:640px){
  .add-tier-select{flex:1 1 160px;width:auto;min-width:145px}
  body[data-theme="comic"] .topbar-tools{margin-left:0}
  body[data-theme="comic"] .title-input{font-size:clamp(24px,3.4vw,38px)}
  body[data-theme="neon"] .brand{font-size:15px}
  .theme-picker{flex-wrap:wrap}
}

/* iPhone layout and safe areas */
@media(max-width:640px){
 body{padding:16px max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .topbar-tools{width:100%;gap:10px}
 .topbar .actions{gap:6px}
 .topbar .actions .btn{min-height:44px;padding:8px 10px}
 .add-form .add-input{flex-basis:100%;min-width:0;font-size:16px}
 .add-tier-select{font-size:16px}
 .theme-button{width:40px;height:40px}
 .modal{padding:10px;padding-top:max(10px,env(safe-area-inset-top))}
 .comment-form{flex-wrap:wrap}
 .comment-form textarea{min-width:0;font-size:16px}
}