/* generated shape masks */
.s-cookie{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M100.0%2050.0L99.8%2051.7L99.1%2053.4L98.1%2055.1L96.8%2056.6L95.3%2058.0L93.8%2059.3L92.4%2060.6L91.1%2061.8L90.1%2063.0L89.5%2064.4L89.1%2065.8L89.1%2067.4L89.2%2069.1L89.5%2071.0L89.8%2073.0L90.1%2075.0L90.1%2077.0L89.8%2078.9L89.2%2080.7L88.3%2082.1L87.0%2083.3L85.4%2084.2L83.6%2084.8L81.6%2085.1L79.6%2085.2L77.6%2085.3L75.7%2085.3L73.9%2085.5L72.4%2085.8L71.0%2086.4L69.8%2087.3L68.7%2088.4L67.8%2089.9L66.8%2091.5L65.7%2093.2L64.6%2094.9L63.3%2096.5L61.9%2097.8L60.4%2098.7L58.7%2099.2L56.9%2099.3L55.1%2099.0L53.4%2098.2L51.6%2097.2L50.0%2096.0L48.4%2094.7L47.0%2093.5L45.5%2092.5L44.1%2091.8L42.7%2091.4L41.2%2091.3L39.7%2091.5L38.0%2092.0L36.2%2092.6L34.3%2093.2L32.3%2093.8L30.3%2094.2L28.4%2094.3L26.6%2094.0L25.0%2093.3L23.6%2092.2L22.5%2090.8L21.6%2089.1L20.9%2087.2L20.4%2085.2L20.0%2083.3L19.7%2081.4L19.2%2079.7L18.6%2078.2L17.8%2077.0L16.7%2076.0L15.4%2075.1L13.8%2074.4L12.0%2073.7L10.2%2073.0L8.3%2072.2L6.5%2071.2L5.0%2070.0L3.8%2068.7L3.0%2067.1L2.6%2065.4L2.7%2063.6L3.1%2061.7L3.8%2059.8L4.7%2058.0L5.7%2056.2L6.6%2054.6L7.3%2053.0L7.8%2051.5L8.0%2050.0L7.8%2048.5L7.3%2047.0L6.6%2045.4L5.7%2043.8L4.7%2042.0L3.8%2040.2L3.1%2038.3L2.7%2036.4L2.6%2034.6L3.0%2032.9L3.8%2031.3L5.0%2030.0L6.5%2028.8L8.3%2027.8L10.2%2027.0L12.0%2026.3L13.8%2025.6L15.4%2024.9L16.7%2024.0L17.8%2023.0L18.6%2021.8L19.2%2020.3L19.7%2018.6L20.0%2016.7L20.4%2014.8L20.9%2012.8L21.6%2010.9L22.5%209.2L23.6%207.8L25.0%206.7L26.6%206.0L28.4%205.7L30.3%205.8L32.3%206.2L34.3%206.8L36.2%207.4L38.0%208.0L39.7%208.5L41.2%208.7L42.7%208.6L44.1%208.2L45.5%207.5L47.0%206.5L48.4%205.3L50.0%204.0L51.6%202.8L53.4%201.8L55.1%201.0L56.9%200.7L58.7%200.8L60.4%201.3L61.9%202.2L63.3%203.5L64.6%205.1L65.7%206.8L66.8%208.5L67.8%2010.1L68.7%2011.6L69.8%2012.7L71.0%2013.6L72.4%2014.2L73.9%2014.5L75.7%2014.7L77.6%2014.7L79.6%2014.8L81.6%2014.9L83.6%2015.2L85.4%2015.8L87.0%2016.7L88.3%2017.9L89.2%2019.3L89.8%2021.1L90.1%2023.0L90.1%2025.0L89.8%2027.0L89.5%2029.0L89.2%2030.9L89.1%2032.6L89.1%2034.2L89.5%2035.6L90.1%2037.0L91.1%2038.2L92.4%2039.4L93.8%2040.7L95.3%2042.0L96.8%2043.4L98.1%2044.9L99.1%2046.6L99.8%2048.3L100.0%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M100.0%2050.0L99.8%2051.7L99.1%2053.4L98.1%2055.1L96.8%2056.6L95.3%2058.0L93.8%2059.3L92.4%2060.6L91.1%2061.8L90.1%2063.0L89.5%2064.4L89.1%2065.8L89.1%2067.4L89.2%2069.1L89.5%2071.0L89.8%2073.0L90.1%2075.0L90.1%2077.0L89.8%2078.9L89.2%2080.7L88.3%2082.1L87.0%2083.3L85.4%2084.2L83.6%2084.8L81.6%2085.1L79.6%2085.2L77.6%2085.3L75.7%2085.3L73.9%2085.5L72.4%2085.8L71.0%2086.4L69.8%2087.3L68.7%2088.4L67.8%2089.9L66.8%2091.5L65.7%2093.2L64.6%2094.9L63.3%2096.5L61.9%2097.8L60.4%2098.7L58.7%2099.2L56.9%2099.3L55.1%2099.0L53.4%2098.2L51.6%2097.2L50.0%2096.0L48.4%2094.7L47.0%2093.5L45.5%2092.5L44.1%2091.8L42.7%2091.4L41.2%2091.3L39.7%2091.5L38.0%2092.0L36.2%2092.6L34.3%2093.2L32.3%2093.8L30.3%2094.2L28.4%2094.3L26.6%2094.0L25.0%2093.3L23.6%2092.2L22.5%2090.8L21.6%2089.1L20.9%2087.2L20.4%2085.2L20.0%2083.3L19.7%2081.4L19.2%2079.7L18.6%2078.2L17.8%2077.0L16.7%2076.0L15.4%2075.1L13.8%2074.4L12.0%2073.7L10.2%2073.0L8.3%2072.2L6.5%2071.2L5.0%2070.0L3.8%2068.7L3.0%2067.1L2.6%2065.4L2.7%2063.6L3.1%2061.7L3.8%2059.8L4.7%2058.0L5.7%2056.2L6.6%2054.6L7.3%2053.0L7.8%2051.5L8.0%2050.0L7.8%2048.5L7.3%2047.0L6.6%2045.4L5.7%2043.8L4.7%2042.0L3.8%2040.2L3.1%2038.3L2.7%2036.4L2.6%2034.6L3.0%2032.9L3.8%2031.3L5.0%2030.0L6.5%2028.8L8.3%2027.8L10.2%2027.0L12.0%2026.3L13.8%2025.6L15.4%2024.9L16.7%2024.0L17.8%2023.0L18.6%2021.8L19.2%2020.3L19.7%2018.6L20.0%2016.7L20.4%2014.8L20.9%2012.8L21.6%2010.9L22.5%209.2L23.6%207.8L25.0%206.7L26.6%206.0L28.4%205.7L30.3%205.8L32.3%206.2L34.3%206.8L36.2%207.4L38.0%208.0L39.7%208.5L41.2%208.7L42.7%208.6L44.1%208.2L45.5%207.5L47.0%206.5L48.4%205.3L50.0%204.0L51.6%202.8L53.4%201.8L55.1%201.0L56.9%200.7L58.7%200.8L60.4%201.3L61.9%202.2L63.3%203.5L64.6%205.1L65.7%206.8L66.8%208.5L67.8%2010.1L68.7%2011.6L69.8%2012.7L71.0%2013.6L72.4%2014.2L73.9%2014.5L75.7%2014.7L77.6%2014.7L79.6%2014.8L81.6%2014.9L83.6%2015.2L85.4%2015.8L87.0%2016.7L88.3%2017.9L89.2%2019.3L89.8%2021.1L90.1%2023.0L90.1%2025.0L89.8%2027.0L89.5%2029.0L89.2%2030.9L89.1%2032.6L89.1%2034.2L89.5%2035.6L90.1%2037.0L91.1%2038.2L92.4%2039.4L93.8%2040.7L95.3%2042.0L96.8%2043.4L98.1%2044.9L99.1%2046.6L99.8%2048.3L100.0%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.s-clover{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M100.0%2050.0L100.0%2051.7L99.8%2053.5L99.6%2055.2L99.2%2056.9L98.8%2058.6L98.3%2060.3L97.7%2061.9L97.0%2063.5L96.2%2065.0L95.3%2066.5L94.4%2067.9L93.3%2069.3L92.2%2070.6L91.0%2071.8L89.8%2073.0L88.4%2074.0L87.0%2075.0L85.5%2075.8L84.0%2076.5L82.3%2077.1L80.5%2077.5L78.5%2077.5L77.5%2078.5L77.5%2080.5L77.1%2082.3L76.5%2084.0L75.8%2085.5L75.0%2087.0L74.0%2088.4L73.0%2089.8L71.8%2091.0L70.6%2092.2L69.3%2093.3L67.9%2094.4L66.5%2095.3L65.0%2096.2L63.5%2097.0L61.9%2097.7L60.3%2098.3L58.6%2098.8L56.9%2099.2L55.2%2099.6L53.5%2099.8L51.7%20100.0L50.0%20100.0L48.3%20100.0L46.5%2099.8L44.8%2099.6L43.1%2099.2L41.4%2098.8L39.7%2098.3L38.1%2097.7L36.5%2097.0L35.0%2096.2L33.5%2095.3L32.1%2094.4L30.7%2093.3L29.4%2092.2L28.2%2091.0L27.0%2089.8L26.0%2088.4L25.0%2087.0L24.2%2085.5L23.5%2084.0L22.9%2082.3L22.5%2080.5L22.5%2078.5L21.5%2077.5L19.5%2077.5L17.7%2077.1L16.0%2076.5L14.5%2075.8L13.0%2075.0L11.6%2074.0L10.2%2073.0L9.0%2071.8L7.8%2070.6L6.7%2069.3L5.6%2067.9L4.7%2066.5L3.8%2065.0L3.0%2063.5L2.3%2061.9L1.7%2060.3L1.2%2058.6L0.8%2056.9L0.4%2055.2L0.2%2053.5L0.0%2051.7L0.0%2050.0L0.0%2048.3L0.2%2046.5L0.4%2044.8L0.8%2043.1L1.2%2041.4L1.7%2039.7L2.3%2038.1L3.0%2036.5L3.8%2035.0L4.7%2033.5L5.6%2032.1L6.7%2030.7L7.8%2029.4L9.0%2028.2L10.2%2027.0L11.6%2026.0L13.0%2025.0L14.5%2024.2L16.0%2023.5L17.7%2022.9L19.5%2022.5L21.5%2022.5L22.5%2021.5L22.5%2019.5L22.9%2017.7L23.5%2016.0L24.2%2014.5L25.0%2013.0L26.0%2011.6L27.0%2010.2L28.2%209.0L29.4%207.8L30.7%206.7L32.1%205.6L33.5%204.7L35.0%203.8L36.5%203.0L38.1%202.3L39.7%201.7L41.4%201.2L43.1%200.8L44.8%200.4L46.5%200.2L48.3%200.0L50.0%200.0L51.7%200.0L53.5%200.2L55.2%200.4L56.9%200.8L58.6%201.2L60.3%201.7L61.9%202.3L63.5%203.0L65.0%203.8L66.5%204.7L67.9%205.6L69.3%206.7L70.6%207.8L71.8%209.0L73.0%2010.2L74.0%2011.6L75.0%2013.0L75.8%2014.5L76.5%2016.0L77.1%2017.7L77.5%2019.5L77.5%2021.5L78.5%2022.5L80.5%2022.5L82.3%2022.9L84.0%2023.5L85.5%2024.2L87.0%2025.0L88.4%2026.0L89.8%2027.0L91.0%2028.2L92.2%2029.4L93.3%2030.7L94.4%2032.1L95.3%2033.5L96.2%2035.0L97.0%2036.5L97.7%2038.1L98.3%2039.7L98.8%2041.4L99.2%2043.1L99.6%2044.8L99.8%2046.5L100.0%2048.3L100.0%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M100.0%2050.0L100.0%2051.7L99.8%2053.5L99.6%2055.2L99.2%2056.9L98.8%2058.6L98.3%2060.3L97.7%2061.9L97.0%2063.5L96.2%2065.0L95.3%2066.5L94.4%2067.9L93.3%2069.3L92.2%2070.6L91.0%2071.8L89.8%2073.0L88.4%2074.0L87.0%2075.0L85.5%2075.8L84.0%2076.5L82.3%2077.1L80.5%2077.5L78.5%2077.5L77.5%2078.5L77.5%2080.5L77.1%2082.3L76.5%2084.0L75.8%2085.5L75.0%2087.0L74.0%2088.4L73.0%2089.8L71.8%2091.0L70.6%2092.2L69.3%2093.3L67.9%2094.4L66.5%2095.3L65.0%2096.2L63.5%2097.0L61.9%2097.7L60.3%2098.3L58.6%2098.8L56.9%2099.2L55.2%2099.6L53.5%2099.8L51.7%20100.0L50.0%20100.0L48.3%20100.0L46.5%2099.8L44.8%2099.6L43.1%2099.2L41.4%2098.8L39.7%2098.3L38.1%2097.7L36.5%2097.0L35.0%2096.2L33.5%2095.3L32.1%2094.4L30.7%2093.3L29.4%2092.2L28.2%2091.0L27.0%2089.8L26.0%2088.4L25.0%2087.0L24.2%2085.5L23.5%2084.0L22.9%2082.3L22.5%2080.5L22.5%2078.5L21.5%2077.5L19.5%2077.5L17.7%2077.1L16.0%2076.5L14.5%2075.8L13.0%2075.0L11.6%2074.0L10.2%2073.0L9.0%2071.8L7.8%2070.6L6.7%2069.3L5.6%2067.9L4.7%2066.5L3.8%2065.0L3.0%2063.5L2.3%2061.9L1.7%2060.3L1.2%2058.6L0.8%2056.9L0.4%2055.2L0.2%2053.5L0.0%2051.7L0.0%2050.0L0.0%2048.3L0.2%2046.5L0.4%2044.8L0.8%2043.1L1.2%2041.4L1.7%2039.7L2.3%2038.1L3.0%2036.5L3.8%2035.0L4.7%2033.5L5.6%2032.1L6.7%2030.7L7.8%2029.4L9.0%2028.2L10.2%2027.0L11.6%2026.0L13.0%2025.0L14.5%2024.2L16.0%2023.5L17.7%2022.9L19.5%2022.5L21.5%2022.5L22.5%2021.5L22.5%2019.5L22.9%2017.7L23.5%2016.0L24.2%2014.5L25.0%2013.0L26.0%2011.6L27.0%2010.2L28.2%209.0L29.4%207.8L30.7%206.7L32.1%205.6L33.5%204.7L35.0%203.8L36.5%203.0L38.1%202.3L39.7%201.7L41.4%201.2L43.1%200.8L44.8%200.4L46.5%200.2L48.3%200.0L50.0%200.0L51.7%200.0L53.5%200.2L55.2%200.4L56.9%200.8L58.6%201.2L60.3%201.7L61.9%202.3L63.5%203.0L65.0%203.8L66.5%204.7L67.9%205.6L69.3%206.7L70.6%207.8L71.8%209.0L73.0%2010.2L74.0%2011.6L75.0%2013.0L75.8%2014.5L76.5%2016.0L77.1%2017.7L77.5%2019.5L77.5%2021.5L78.5%2022.5L80.5%2022.5L82.3%2022.9L84.0%2023.5L85.5%2024.2L87.0%2025.0L88.4%2026.0L89.8%2027.0L91.0%2028.2L92.2%2029.4L93.3%2030.7L94.4%2032.1L95.3%2033.5L96.2%2035.0L97.0%2036.5L97.7%2038.1L98.3%2039.7L98.8%2041.4L99.2%2043.1L99.6%2044.8L99.8%2046.5L100.0%2048.3L100.0%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.s-flower{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M100.0%2050.0L99.9%2051.7L99.6%2053.5L99.0%2055.2L98.3%2056.8L97.3%2058.3L96.2%2059.8L94.9%2061.2L93.4%2062.5L91.8%2063.6L89.9%2064.5L87.7%2065.2L88.0%2066.9L88.8%2068.9L89.3%2070.9L89.6%2072.9L89.7%2074.8L89.5%2076.7L89.2%2078.5L88.7%2080.2L87.9%2081.8L87.0%2083.3L86.0%2084.7L84.7%2086.0L83.3%2087.0L81.8%2087.9L80.2%2088.7L78.5%2089.2L76.7%2089.5L74.8%2089.7L72.9%2089.6L70.9%2089.3L68.9%2088.8L66.9%2088.0L65.2%2087.7L64.5%2089.9L63.6%2091.8L62.5%2093.4L61.2%2094.9L59.8%2096.2L58.3%2097.3L56.8%2098.3L55.2%2099.0L53.5%2099.6L51.7%2099.9L50.0%20100.0L48.3%2099.9L46.5%2099.6L44.8%2099.0L43.2%2098.3L41.7%2097.3L40.2%2096.2L38.8%2094.9L37.5%2093.4L36.4%2091.8L35.5%2089.9L34.8%2087.7L33.1%2088.0L31.1%2088.8L29.1%2089.3L27.1%2089.6L25.2%2089.7L23.3%2089.5L21.5%2089.2L19.8%2088.7L18.2%2087.9L16.7%2087.0L15.3%2086.0L14.0%2084.7L13.0%2083.3L12.1%2081.8L11.3%2080.2L10.8%2078.5L10.5%2076.7L10.3%2074.8L10.4%2072.9L10.7%2070.9L11.2%2068.9L12.0%2066.9L12.3%2065.2L10.1%2064.5L8.2%2063.6L6.6%2062.5L5.1%2061.2L3.8%2059.8L2.7%2058.3L1.7%2056.8L1.0%2055.2L0.4%2053.5L0.1%2051.7L0.0%2050.0L0.1%2048.3L0.4%2046.5L1.0%2044.8L1.7%2043.2L2.7%2041.7L3.8%2040.2L5.1%2038.8L6.6%2037.5L8.2%2036.4L10.1%2035.5L12.3%2034.8L12.0%2033.1L11.2%2031.1L10.7%2029.1L10.4%2027.1L10.3%2025.2L10.5%2023.3L10.8%2021.5L11.3%2019.8L12.1%2018.2L13.0%2016.7L14.0%2015.3L15.3%2014.0L16.7%2013.0L18.2%2012.1L19.8%2011.3L21.5%2010.8L23.3%2010.5L25.2%2010.3L27.1%2010.4L29.1%2010.7L31.1%2011.2L33.1%2012.0L34.8%2012.3L35.5%2010.1L36.4%208.2L37.5%206.6L38.8%205.1L40.2%203.8L41.7%202.7L43.2%201.7L44.8%201.0L46.5%200.4L48.3%200.1L50.0%200.0L51.7%200.1L53.5%200.4L55.2%201.0L56.8%201.7L58.3%202.7L59.8%203.8L61.2%205.1L62.5%206.6L63.6%208.2L64.5%2010.1L65.2%2012.3L66.9%2012.0L68.9%2011.2L70.9%2010.7L72.9%2010.4L74.8%2010.3L76.7%2010.5L78.5%2010.8L80.2%2011.3L81.8%2012.1L83.3%2013.0L84.7%2014.0L86.0%2015.3L87.0%2016.7L87.9%2018.2L88.7%2019.8L89.2%2021.5L89.5%2023.3L89.7%2025.2L89.6%2027.1L89.3%2029.1L88.8%2031.1L88.0%2033.1L87.7%2034.8L89.9%2035.5L91.8%2036.4L93.4%2037.5L94.9%2038.8L96.2%2040.2L97.3%2041.7L98.3%2043.2L99.0%2044.8L99.6%2046.5L99.9%2048.3L100.0%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M100.0%2050.0L99.9%2051.7L99.6%2053.5L99.0%2055.2L98.3%2056.8L97.3%2058.3L96.2%2059.8L94.9%2061.2L93.4%2062.5L91.8%2063.6L89.9%2064.5L87.7%2065.2L88.0%2066.9L88.8%2068.9L89.3%2070.9L89.6%2072.9L89.7%2074.8L89.5%2076.7L89.2%2078.5L88.7%2080.2L87.9%2081.8L87.0%2083.3L86.0%2084.7L84.7%2086.0L83.3%2087.0L81.8%2087.9L80.2%2088.7L78.5%2089.2L76.7%2089.5L74.8%2089.7L72.9%2089.6L70.9%2089.3L68.9%2088.8L66.9%2088.0L65.2%2087.7L64.5%2089.9L63.6%2091.8L62.5%2093.4L61.2%2094.9L59.8%2096.2L58.3%2097.3L56.8%2098.3L55.2%2099.0L53.5%2099.6L51.7%2099.9L50.0%20100.0L48.3%2099.9L46.5%2099.6L44.8%2099.0L43.2%2098.3L41.7%2097.3L40.2%2096.2L38.8%2094.9L37.5%2093.4L36.4%2091.8L35.5%2089.9L34.8%2087.7L33.1%2088.0L31.1%2088.8L29.1%2089.3L27.1%2089.6L25.2%2089.7L23.3%2089.5L21.5%2089.2L19.8%2088.7L18.2%2087.9L16.7%2087.0L15.3%2086.0L14.0%2084.7L13.0%2083.3L12.1%2081.8L11.3%2080.2L10.8%2078.5L10.5%2076.7L10.3%2074.8L10.4%2072.9L10.7%2070.9L11.2%2068.9L12.0%2066.9L12.3%2065.2L10.1%2064.5L8.2%2063.6L6.6%2062.5L5.1%2061.2L3.8%2059.8L2.7%2058.3L1.7%2056.8L1.0%2055.2L0.4%2053.5L0.1%2051.7L0.0%2050.0L0.1%2048.3L0.4%2046.5L1.0%2044.8L1.7%2043.2L2.7%2041.7L3.8%2040.2L5.1%2038.8L6.6%2037.5L8.2%2036.4L10.1%2035.5L12.3%2034.8L12.0%2033.1L11.2%2031.1L10.7%2029.1L10.4%2027.1L10.3%2025.2L10.5%2023.3L10.8%2021.5L11.3%2019.8L12.1%2018.2L13.0%2016.7L14.0%2015.3L15.3%2014.0L16.7%2013.0L18.2%2012.1L19.8%2011.3L21.5%2010.8L23.3%2010.5L25.2%2010.3L27.1%2010.4L29.1%2010.7L31.1%2011.2L33.1%2012.0L34.8%2012.3L35.5%2010.1L36.4%208.2L37.5%206.6L38.8%205.1L40.2%203.8L41.7%202.7L43.2%201.7L44.8%201.0L46.5%200.4L48.3%200.1L50.0%200.0L51.7%200.1L53.5%200.4L55.2%201.0L56.8%201.7L58.3%202.7L59.8%203.8L61.2%205.1L62.5%206.6L63.6%208.2L64.5%2010.1L65.2%2012.3L66.9%2012.0L68.9%2011.2L70.9%2010.7L72.9%2010.4L74.8%2010.3L76.7%2010.5L78.5%2010.8L80.2%2011.3L81.8%2012.1L83.3%2013.0L84.7%2014.0L86.0%2015.3L87.0%2016.7L87.9%2018.2L88.7%2019.8L89.2%2021.5L89.5%2023.3L89.7%2025.2L89.6%2027.1L89.3%2029.1L88.8%2031.1L88.0%2033.1L87.7%2034.8L89.9%2035.5L91.8%2036.4L93.4%2037.5L94.9%2038.8L96.2%2040.2L97.3%2041.7L98.3%2043.2L99.0%2044.8L99.6%2046.5L99.9%2048.3L100.0%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.s-pill{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M30%2012H70A38%2038%200%200%201%2070%2088H30A38%2038%200%200%201%2030%2012Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M30%2012H70A38%2038%200%200%201%2070%2088H30A38%2038%200%200%201%2030%2012Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.s-gem{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M93.3%2050.0L93.3%2051.5L93.2%2053.0L93.1%2054.5L92.9%2056.0L92.7%2057.5L92.5%2059.0L92.2%2060.5L91.8%2062.0L91.4%2063.5L91.0%2064.9L90.5%2066.4L89.9%2067.8L89.4%2069.2L88.7%2070.6L88.1%2072.0L87.3%2073.3L86.6%2074.7L85.7%2076.0L84.9%2077.2L83.9%2078.5L82.9%2079.7L81.9%2080.8L80.8%2081.9L79.7%2082.9L78.5%2083.9L77.2%2084.9L76.0%2085.7L74.7%2086.6L73.3%2087.3L72.0%2088.1L70.6%2088.7L69.2%2089.4L67.8%2089.9L66.4%2090.5L64.9%2091.0L63.5%2091.4L62.0%2091.8L60.5%2092.2L59.0%2092.5L57.5%2092.7L56.0%2092.9L54.5%2093.1L53.0%2093.2L51.5%2093.3L50.0%2093.3L48.5%2093.3L47.0%2093.2L45.5%2093.1L44.0%2092.9L42.5%2092.7L41.0%2092.5L39.5%2092.2L38.0%2091.8L36.5%2091.4L35.1%2091.0L33.6%2090.5L32.2%2089.9L30.8%2089.4L29.4%2088.7L28.0%2088.1L26.7%2087.3L25.3%2086.6L24.0%2085.7L22.8%2084.9L21.5%2083.9L20.3%2082.9L19.2%2081.9L18.1%2080.8L17.1%2079.7L16.1%2078.5L15.1%2077.2L14.3%2076.0L13.4%2074.7L12.7%2073.3L11.9%2072.0L11.3%2070.6L10.6%2069.2L10.1%2067.8L9.5%2066.4L9.0%2064.9L8.6%2063.5L8.2%2062.0L7.8%2060.5L7.5%2059.0L7.3%2057.5L7.1%2056.0L6.9%2054.5L6.8%2053.0L6.7%2051.5L6.7%2050.0L6.7%2048.5L6.8%2047.0L6.9%2045.5L7.1%2044.0L7.3%2042.5L7.5%2041.0L7.8%2039.5L8.2%2038.0L8.6%2036.5L9.0%2035.1L9.5%2033.6L10.1%2032.2L10.6%2030.8L11.3%2029.4L11.9%2028.0L12.7%2026.7L13.4%2025.3L14.3%2024.0L15.1%2022.8L16.1%2021.5L17.1%2020.3L18.1%2019.2L19.2%2018.1L20.3%2017.1L21.5%2016.1L22.8%2015.1L24.0%2014.3L25.3%2013.4L26.7%2012.7L28.0%2011.9L29.4%2011.3L30.8%2010.6L32.2%2010.1L33.6%209.5L35.1%209.0L36.5%208.6L38.0%208.2L39.5%207.8L41.0%207.5L42.5%207.3L44.0%207.1L45.5%206.9L47.0%206.8L48.5%206.7L50.0%206.7L51.5%206.7L53.0%206.8L54.5%206.9L56.0%207.1L57.5%207.3L59.0%207.5L60.5%207.8L62.0%208.2L63.5%208.6L64.9%209.0L66.4%209.5L67.8%2010.1L69.2%2010.6L70.6%2011.3L72.0%2011.9L73.3%2012.7L74.7%2013.4L76.0%2014.3L77.2%2015.1L78.5%2016.1L79.7%2017.1L80.8%2018.1L81.9%2019.2L82.9%2020.3L83.9%2021.5L84.9%2022.8L85.7%2024.0L86.6%2025.3L87.3%2026.7L88.1%2028.0L88.7%2029.4L89.4%2030.8L89.9%2032.2L90.5%2033.6L91.0%2035.1L91.4%2036.5L91.8%2038.0L92.2%2039.5L92.5%2041.0L92.7%2042.5L92.9%2044.0L93.1%2045.5L93.2%2047.0L93.3%2048.5L93.3%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M93.3%2050.0L93.3%2051.5L93.2%2053.0L93.1%2054.5L92.9%2056.0L92.7%2057.5L92.5%2059.0L92.2%2060.5L91.8%2062.0L91.4%2063.5L91.0%2064.9L90.5%2066.4L89.9%2067.8L89.4%2069.2L88.7%2070.6L88.1%2072.0L87.3%2073.3L86.6%2074.7L85.7%2076.0L84.9%2077.2L83.9%2078.5L82.9%2079.7L81.9%2080.8L80.8%2081.9L79.7%2082.9L78.5%2083.9L77.2%2084.9L76.0%2085.7L74.7%2086.6L73.3%2087.3L72.0%2088.1L70.6%2088.7L69.2%2089.4L67.8%2089.9L66.4%2090.5L64.9%2091.0L63.5%2091.4L62.0%2091.8L60.5%2092.2L59.0%2092.5L57.5%2092.7L56.0%2092.9L54.5%2093.1L53.0%2093.2L51.5%2093.3L50.0%2093.3L48.5%2093.3L47.0%2093.2L45.5%2093.1L44.0%2092.9L42.5%2092.7L41.0%2092.5L39.5%2092.2L38.0%2091.8L36.5%2091.4L35.1%2091.0L33.6%2090.5L32.2%2089.9L30.8%2089.4L29.4%2088.7L28.0%2088.1L26.7%2087.3L25.3%2086.6L24.0%2085.7L22.8%2084.9L21.5%2083.9L20.3%2082.9L19.2%2081.9L18.1%2080.8L17.1%2079.7L16.1%2078.5L15.1%2077.2L14.3%2076.0L13.4%2074.7L12.7%2073.3L11.9%2072.0L11.3%2070.6L10.6%2069.2L10.1%2067.8L9.5%2066.4L9.0%2064.9L8.6%2063.5L8.2%2062.0L7.8%2060.5L7.5%2059.0L7.3%2057.5L7.1%2056.0L6.9%2054.5L6.8%2053.0L6.7%2051.5L6.7%2050.0L6.7%2048.5L6.8%2047.0L6.9%2045.5L7.1%2044.0L7.3%2042.5L7.5%2041.0L7.8%2039.5L8.2%2038.0L8.6%2036.5L9.0%2035.1L9.5%2033.6L10.1%2032.2L10.6%2030.8L11.3%2029.4L11.9%2028.0L12.7%2026.7L13.4%2025.3L14.3%2024.0L15.1%2022.8L16.1%2021.5L17.1%2020.3L18.1%2019.2L19.2%2018.1L20.3%2017.1L21.5%2016.1L22.8%2015.1L24.0%2014.3L25.3%2013.4L26.7%2012.7L28.0%2011.9L29.4%2011.3L30.8%2010.6L32.2%2010.1L33.6%209.5L35.1%209.0L36.5%208.6L38.0%208.2L39.5%207.8L41.0%207.5L42.5%207.3L44.0%207.1L45.5%206.9L47.0%206.8L48.5%206.7L50.0%206.7L51.5%206.7L53.0%206.8L54.5%206.9L56.0%207.1L57.5%207.3L59.0%207.5L60.5%207.8L62.0%208.2L63.5%208.6L64.9%209.0L66.4%209.5L67.8%2010.1L69.2%2010.6L70.6%2011.3L72.0%2011.9L73.3%2012.7L74.7%2013.4L76.0%2014.3L77.2%2015.1L78.5%2016.1L79.7%2017.1L80.8%2018.1L81.9%2019.2L82.9%2020.3L83.9%2021.5L84.9%2022.8L85.7%2024.0L86.6%2025.3L87.3%2026.7L88.1%2028.0L88.7%2029.4L89.4%2030.8L89.9%2032.2L90.5%2033.6L91.0%2035.1L91.4%2036.5L91.8%2038.0L92.2%2039.5L92.5%2041.0L92.7%2042.5L92.9%2044.0L93.1%2045.5L93.2%2047.0L93.3%2048.5L93.3%2050.0Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
/* ===== A0X194 homepage & blog — tokens come from /a0x-shared/theme.css ===== */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .45s; animation-timing-function: cubic-bezier(.2,0,0,1); }
::view-transition-old(root) { animation-name: vt-out; } ::view-transition-new(root) { animation-name: vt-in; }
@keyframes vt-out { to { opacity: 0; filter: blur(8px); transform: scale(.98); } }
@keyframes vt-in { from { opacity: 0; filter: blur(10px); transform: scale(1.02); } }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; font-family: var(--md-font); background: var(--md-surface); color: var(--md-on-surface); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; }
img { max-width: 100%; display: block; }
.muted { color: var(--md-on-surface-variant); }
small { font-weight: 400; color: var(--md-on-surface-variant); font-size: .55em; letter-spacing: 0; margin-left: .4em; font-family: var(--md-font-zh); }
.skip { position: absolute; left: -999px; top: 8px; } .skip:focus { left: 16px; z-index: 100; background: var(--md-primary); color: var(--md-on-primary); padding: 8px 14px; border-radius: 999px; }
:focus-visible { outline: 3px solid var(--md-secondary); outline-offset: 3px; border-radius: 12px; }

/* ambient colour blobs */
.ambient { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.ambient i { position: absolute; width: 52vmax; height: 52vmax; border-radius: 50%; filter: blur(80px); opacity: .45; animation: drift 26s ease-in-out infinite; }
.ambient i:nth-child(1) { background: var(--md-primary-container); left: -12vmax; top: -16vmax; }
.ambient i:nth-child(2) { background: var(--md-tertiary-container); right: -16vmax; top: 18vh; animation-delay: -8s; }
.ambient i:nth-child(3) { background: var(--md-secondary-container); left: 20vw; bottom: -24vmax; animation-delay: -16s; }
@keyframes drift { 33% { transform: translate(6vmax, 4vmax) scale(1.08); } 66% { transform: translate(-4vmax, 6vmax) scale(.94); } }

/* top bar */
.bar { position: sticky; top: 12px; z-index: 50; margin: 12px auto 0; width: min(1120px, calc(100% - 24px)); display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 14px;
  border-radius: 999px; background: color-mix(in srgb, var(--md-surface-container) 72%, transparent); backdrop-filter: blur(var(--a0x-glass-blur)) saturate(1.4); -webkit-backdrop-filter: blur(var(--a0x-glass-blur)) saturate(1.4); box-shadow: var(--md-elev-1); }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 700; letter-spacing: .3px; margin-right: auto; }
.logo { width: 38px; height: 38px; display: grid; place-items: center; background: var(--md-primary); color: var(--md-on-primary); border-radius: 14px; font-weight: 800; transition: border-radius var(--a0x-morph), transform var(--a0x-morph); }
.brand:hover .logo { border-radius: 50%; transform: rotate(-12deg); }
.nav { display: flex; gap: 2px; }
.nav-a { text-decoration: none; padding: 10px 16px; border-radius: 999px; font-weight: 500; font-size: 15px; display: flex; align-items: baseline; transition: background-color .25s, border-radius var(--a0x-morph); }
.nav-a small { font-size: 11px; }
.nav-a:hover { background: color-mix(in srgb, var(--md-on-surface) 8%, transparent); }
.nav-a[aria-current] { background: var(--md-secondary-container); color: var(--md-on-secondary-container); }
.mode { width: 44px; height: 44px; border: none; border-radius: 50%; background: var(--md-surface-container-high); cursor: pointer; display: grid; place-items: center; transition: border-radius var(--a0x-morph); }
.mode:hover { border-radius: 14px; }
.mode span { width: 18px; height: 18px; border-radius: 50%; background: var(--md-on-surface); box-shadow: inset -6px -4px 0 0 var(--md-surface-container-high); transition: transform .5s var(--md-ease); }
[data-theme=dark] .mode span { box-shadow: none; background: #ffd166; transform: rotate(180deg); }
@media (max-width: 720px) { .nav-a small { display: none; } .nav-a { padding: 10px 11px; font-size: 14px; } .brand span:last-child { display: none; } }
@media (max-width: 420px) { .nav-a:nth-child(4) { display: none; } }

/* buttons */
.btn { display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 26px; border-radius: var(--a0x-btn-radius); text-decoration: none; font-weight: 600; font-size: 15px; border: none; cursor: pointer;
  transition: border-radius var(--a0x-morph), box-shadow .25s, background-color .25s; will-change: transform; }
.btn:hover { border-radius: var(--a0x-btn-radius-hover); box-shadow: var(--md-elev-2); }
.btn:active { border-radius: var(--a0x-btn-radius-press); transform: scale(var(--a0x-press-scale)) !important; transition-duration: .15s; }
.btn.filled { background: var(--md-primary); color: var(--md-on-primary); }
.btn.tonal { background: var(--md-secondary-container); color: var(--md-on-secondary-container); }
.btn.text { background: none; color: var(--md-primary); height: 44px; padding: 0 16px; }
.btn.text:hover { box-shadow: none; background: color-mix(in srgb, var(--md-primary) 10%, transparent); }

/* hero */
.hero { position: relative; min-height: min(92vh, 860px); display: grid; align-items: center; width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.hero-txt { position: relative; z-index: 1; max-width: 640px; padding: 40px 0; }
.eyebrow { font-family: var(--md-font-zh); color: var(--md-primary); font-weight: 600; letter-spacing: 2px; margin: 0 0 12px; }
.hero h1 { font-size: clamp(64px, 14vw, 168px); line-height: .92; margin: 0; font-weight: 700; letter-spacing: -0.04em; }
.lead { font-size: clamp(18px, 2.2vw, 24px); color: var(--md-on-surface-variant); margin: 20px 0 32px; line-height: 1.5; }
.cta { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-art { position: absolute; right: -4%; top: 50%; width: min(560px, 58vw); aspect-ratio: 1; transform: translateY(-50%); }
.hero-art b { position: absolute; display: block; transition: transform .6s var(--md-ease); }
.a1 { width: 54%; aspect-ratio: 1; left: 22%; top: 18%; background: var(--md-primary); animation: spin 40s linear infinite; }
.a2 { width: 30%; aspect-ratio: 1; right: 4%; top: 2%; background: var(--md-tertiary-container); animation: float 7s ease-in-out infinite; }
.a3 { width: 34%; aspect-ratio: 1; left: 0; bottom: 6%; background: var(--md-secondary-container); animation: float 9s ease-in-out infinite reverse; transform: rotate(-24deg); }
.a4 { width: 24%; aspect-ratio: 1; right: 8%; bottom: 10%; background: var(--md-tertiary); animation: spin 26s linear infinite reverse; }
.a5 { width: 14%; aspect-ratio: 1; left: 10%; top: 8%; background: var(--md-primary-container); animation: float 6s ease-in-out infinite; }
@keyframes spin { to { rotate: 360deg; } } @keyframes float { 50% { translate: 0 -18px; } }
@media (max-width: 760px) { .hero { min-height: 88vh; align-items: end; } .hero-art { width: 86vw; right: -18%; top: 30%; opacity: .9; } .hero-txt { padding-bottom: 64px; } }
.scroll-hint { position: absolute; left: 50%; bottom: 18px; width: 30px; height: 48px; border-radius: 20px; box-shadow: inset 0 0 0 2px var(--md-outline); transform: translateX(-50%); }
.scroll-hint span { position: absolute; left: 50%; top: 10px; width: 4px; height: 8px; border-radius: 4px; background: var(--md-primary); transform: translateX(-50%); animation: wheel 1.6s ease-in-out infinite; }
@keyframes wheel { 60% { transform: translate(-50%, 12px); opacity: 0; } }

/* letter-by-letter titles */
.split .ch { display: inline-block; opacity: 0; transform: translateY(.4em) rotate(6deg); filter: blur(10px); animation: ch .8s cubic-bezier(.34,1.56,.64,1) forwards; animation-delay: calc(var(--c) * 45ms + 120ms); }
@keyframes ch { to { opacity: 1; transform: none; filter: none; } }

/* sections */
.sec { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: var(--a0x-section-gap) 0 0; }
.sec-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
h2 { font-size: clamp(30px, 4vw, 44px); margin: 0 0 12px; letter-spacing: -0.02em; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: clamp(16px, 2vw, 28px); }
.card { position: relative; background: color-mix(in srgb, var(--md-surface-container-low) 86%, transparent); border-radius: var(--a0x-card-radius); padding: var(--a0x-card-pad); box-shadow: var(--md-elev-1);
  transition: border-radius var(--a0x-morph), box-shadow .3s, background-color .3s; }
a.card { text-decoration: none; display: block; }
a.card:hover { border-radius: var(--a0x-card-radius-hover); box-shadow: var(--md-elev-3); }
a.card:active { border-radius: var(--a0x-card-radius-press); }
.post-card { padding: 12px; overflow: hidden; }
.post-card .cover { aspect-ratio: 16 / 9; border-radius: calc(var(--a0x-card-radius) - 8px); overflow: hidden; transition: border-radius var(--a0x-morph); }
.post-card .cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--md-ease); }
.post-card:hover .cover img { transform: scale(1.06); }
.card-body { padding: 16px 12px 12px; }
.card-body h3 { font-size: 22px; margin: 6px 0 8px; line-height: 1.25; }
.card-body p { margin: 0; color: var(--md-on-surface-variant); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.meta { font-size: 13px; color: var(--md-on-surface-variant); }
.art { position: relative; width: 100%; height: 100%; background: linear-gradient(135deg, var(--md-primary-container), var(--md-tertiary-container)); overflow: hidden; }
.art b { position: absolute; width: 46%; aspect-ratio: 1; display: block; background: var(--md-primary); opacity: .85; left: 8%; top: 18%; animation: spin 30s linear infinite; }
.art b + b { width: 34%; left: auto; right: 10%; top: 38%; background: var(--md-tertiary); animation: float 6s ease-in-out infinite; }
.art-1 { background: linear-gradient(135deg, var(--md-secondary-container), var(--md-primary-container)); } .art-2 { background: linear-gradient(160deg, var(--md-tertiary-container), var(--md-surface-container-high)); }
.art-3 { background: linear-gradient(120deg, var(--md-primary-container), var(--md-secondary-container)); } .art-4 { background: linear-gradient(200deg, var(--md-tertiary-container), var(--md-primary-container)); }
.empty { text-align: center; padding: 48px 24px; grid-column: 1 / -1; }
.big { display: block; width: 96px; aspect-ratio: 1; margin: 0 auto 16px; background: var(--md-tertiary); }
.spin { animation: spin 12s linear infinite; }
.about { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: center; padding: clamp(24px, 4vw, 48px); }
.about p { font-size: 18px; line-height: 1.7; margin: 0 0 12px; }
.topics { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.chip { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border-radius: 999px; background: var(--md-surface-container-high); text-decoration: none; font-weight: 500; font-size: 14px; transition: border-radius var(--a0x-morph), background-color .2s; }
a.chip:hover { border-radius: 14px; background: var(--md-secondary-container); }
.chip.on { background: var(--md-secondary-container); color: var(--md-on-secondary-container); }
.contact { text-align: center; padding: clamp(32px, 5vw, 64px); margin-bottom: 24px; } .contact .cta { justify-content: center; margin-top: 20px; }
@media (max-width: 760px) { .about { grid-template-columns: 1fr; } }
.page-head { padding-top: clamp(48px, 8vw, 96px); } .page-head h1 { font-size: clamp(56px, 10vw, 112px); margin: 0; letter-spacing: -0.04em; } .center { text-align: center; } .center .lead { margin-bottom: 28px; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.foot { width: min(1120px, calc(100% - 32px)); margin: 72px auto 32px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 14px; padding: 20px 24px; border-radius: 999px; background: var(--md-surface-container-low); }

/* reveal on scroll */
.reveal { opacity: 0; transform: translateY(28px); filter: blur(8px); transition: opacity .8s var(--md-ease-decel), transform .9s cubic-bezier(.34,1.4,.64,1), filter .8s; transition-delay: calc(var(--i, 0) * 70ms); }
.reveal.in { opacity: 1; transform: none; filter: none; }

/* article */
.progress { position: fixed; left: 0; right: 0; top: 0; height: 4px; z-index: 60; } .progress i { display: block; height: 100%; width: 0; background: var(--md-primary); border-radius: 0 4px 4px 0; }
.post { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.post-head { max-width: 820px; margin: 32px auto 0; text-align: center; }
.back { display: inline-flex; padding: 10px 18px; border-radius: 999px; background: var(--md-surface-container); text-decoration: none; font-weight: 500; margin-bottom: 24px; transition: border-radius var(--a0x-morph); } .back:hover { border-radius: 14px; }
.hero-cover { aspect-ratio: 21 / 9; border-radius: var(--md-shape-xl-inc); overflow: hidden; margin-bottom: 32px; box-shadow: var(--md-elev-2); } .hero-cover img { width: 100%; height: 100%; object-fit: cover; }
.post-head h1 { font-size: clamp(34px, 5.4vw, 60px); line-height: 1.12; margin: 0 0 16px; letter-spacing: -0.025em; }
.post-head .tags { justify-content: center; margin-top: 16px; }
.post-wrap { display: grid; grid-template-columns: 1fr; gap: 48px; margin-top: 48px; }
@media (min-width: 1100px) { .post-wrap { grid-template-columns: 220px minmax(0, 720px); justify-content: center; } }
.toc { position: sticky; top: 100px; align-self: start; display: none; flex-direction: column; gap: 6px; font-size: 14px; padding: 18px; border-radius: var(--md-shape-xl); background: var(--md-surface-container-low); }
@media (min-width: 1100px) { .toc { display: flex; } }
.toc b { margin-bottom: 6px; } .toc a { text-decoration: none; color: var(--md-on-surface-variant); padding: 4px 10px; border-radius: 999px; transition: background-color .2s; } .toc a:hover, .toc a.on { background: var(--md-secondary-container); color: var(--md-on-secondary-container); } .toc .d3 { padding-left: 22px; }
.prose { max-width: 720px; margin: 0 auto; font-size: 18px; line-height: 1.85; word-break: break-word; }
.prose h2, .prose h3 { line-height: 1.3; margin: 2em 0 .6em; letter-spacing: -0.01em; } .prose h2 { font-size: 1.6em; } .prose h3 { font-size: 1.25em; }
.prose .anchor { opacity: 0; text-decoration: none; color: var(--md-primary); margin-right: 8px; margin-left: -24px; transition: opacity .2s; } .prose h2:hover .anchor, .prose h3:hover .anchor { opacity: 1; }
.prose a { color: var(--md-primary); text-underline-offset: 4px; }
.prose img { border-radius: var(--md-shape-xl); margin: 1.4em auto; box-shadow: var(--md-elev-1); }
.prose blockquote { margin: 1.4em 0; padding: 14px 24px; border-radius: var(--md-shape-xl); background: var(--md-surface-container); color: var(--md-on-surface-variant); }
.prose code { font-family: var(--md-font-mono); font-size: .86em; background: var(--md-surface-container-high); padding: 2px 8px; border-radius: 8px; }
.prose pre { background: var(--md-surface-container-high); padding: 20px; border-radius: var(--md-shape-xl); overflow: auto; line-height: 1.6; } .prose pre code { background: none; padding: 0; }
.prose hr { border: none; height: 6px; width: 64px; border-radius: 6px; background: var(--md-outline-variant); margin: 3em auto; }
.prose table { border-collapse: separate; border-spacing: 0; width: 100%; border-radius: var(--md-shape-lg); overflow: hidden; box-shadow: inset 0 0 0 1px var(--md-outline-variant); } .prose th, .prose td { padding: 10px 14px; border-bottom: 1px solid var(--md-outline-variant); text-align: left; }
.pn { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 820px; margin: 64px auto 0; } .pn .card { font-weight: 600; } .pn small { display: block; margin: 0 0 6px; font-size: 13px; } .pn .right { text-align: right; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } .reveal, .split .ch { opacity: 1; transform: none; filter: none; } }
.fest-pill { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 10px; padding: 6px 18px 6px 7px; margin-bottom: 14px; border-radius: 999px; color: #fff; background: linear-gradient(110deg, var(--f1), color-mix(in srgb, var(--f1) 55%, var(--f2)) 60%, var(--f2)); box-shadow: 0 10px 26px -10px var(--f1), inset 0 0 0 1.5px rgba(255,255,255,.3); }
.fest-pill::before { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.4) 50%, transparent 70%); transform: translateX(-120%); animation: fpshine 5s 1.5s infinite; }
@keyframes fpshine { 0%, 70% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
.fest-pill .fp-e { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.22); font-size: 18px; }
.fest-pill .fp-t { display: flex; flex-direction: column; line-height: 1.15; text-shadow: 0 1px 2px rgba(0,0,0,.25); } .fest-pill b { font-size: 15px; color: #fff; } .fest-pill small { font-size: 12px; opacity: .92; font-weight: 500; color: #fff; }
.fest-canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 40; }