@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/inter-cyrillic-ext-100-normal-53b2b3a4.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-100-normal-02c278e7.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/inter-cyrillic-100-normal-79af3825.woff2) format("woff2"),url(/assets/inter-cyrillic-100-normal-7cb21c94.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/inter-greek-ext-100-normal-6fb5ebf3.woff2) format("woff2"),url(/assets/inter-greek-ext-100-normal-0e09cf8a.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/inter-greek-100-normal-163d5eb4.woff2) format("woff2"),url(/assets/inter-greek-100-normal-b37e8dec.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/inter-vietnamese-100-normal-233e22eb.woff2) format("woff2"),url(/assets/inter-vietnamese-100-normal-220ec96f.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/inter-latin-ext-100-normal-81ff97f6.woff2) format("woff2"),url(/assets/inter-latin-ext-100-normal-f6670196.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/inter-latin-100-normal-0204ee3b.woff2) format("woff2"),url(/assets/inter-latin-100-normal-bccc5030.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/inter-cyrillic-ext-200-normal-7b16772a.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-200-normal-8ff34d1c.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/inter-cyrillic-200-normal-d6279cdb.woff2) format("woff2"),url(/assets/inter-cyrillic-200-normal-51451152.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/inter-greek-ext-200-normal-c1e575fe.woff2) format("woff2"),url(/assets/inter-greek-ext-200-normal-5341dd97.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/inter-greek-200-normal-6f47d713.woff2) format("woff2"),url(/assets/inter-greek-200-normal-1f4406d8.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/inter-vietnamese-200-normal-eb4d0bfe.woff2) format("woff2"),url(/assets/inter-vietnamese-200-normal-8f62e230.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/inter-latin-ext-200-normal-f3b197fd.woff2) format("woff2"),url(/assets/inter-latin-ext-200-normal-b3dba56f.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/inter-latin-200-normal-a95c398b.woff2) format("woff2"),url(/assets/inter-latin-200-normal-32c4e794.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-cyrillic-ext-300-normal-fbc60886.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-300-normal-f625a5fe.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-cyrillic-300-normal-c7f471ae.woff2) format("woff2"),url(/assets/inter-cyrillic-300-normal-ed3c42f7.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-greek-ext-300-normal-f7c9abff.woff2) format("woff2"),url(/assets/inter-greek-ext-300-normal-a62f9690.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-greek-300-normal-08b0c8f4.woff2) format("woff2"),url(/assets/inter-greek-300-normal-ce05c788.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-vietnamese-300-normal-1e3cde65.woff2) format("woff2"),url(/assets/inter-vietnamese-300-normal-6305c5e2.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-ext-300-normal-b11def54.woff2) format("woff2"),url(/assets/inter-latin-ext-300-normal-0d9db034.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-300-normal-be027655.woff2) format("woff2"),url(/assets/inter-latin-300-normal-635cf706.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-ef323d84.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-44717686.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-636d13aa.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-1a60c442.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-ab526cb3.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-4ea12c79.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-150dc439.woff2) format("woff2"),url(/assets/inter-greek-400-normal-aad8c19d.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-547ad9fd.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-54aa42d3.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-6744a7f5.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-22ae8360.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-8909904a.woff2) format("woff2"),url(/assets/inter-latin-400-normal-e20fa0b4.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-c487f99f.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-6721845a.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-add5aec3.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-abe60657.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-fb371a44.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-1b4cc9e2.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-74df66ba.woff2) format("woff2"),url(/assets/inter-greek-500-normal-62b9192d.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-44e36aa5.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-18a4a09f.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-2c6fbc42.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-30d2903c.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-f3779f1e.woff2) format("woff2"),url(/assets/inter-latin-500-normal-9b42c108.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-6d911a1f.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-a76e99f9.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-1cb33630.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-a8b3d31f.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-a008324e.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-f28b1f03.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-06309c75.woff2) format("woff2"),url(/assets/inter-greek-600-normal-47e97645.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-1aeb94ae.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-24a01e7b.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-e4bdf67b.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-22ff20a6.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-f9a06e79.woff2) format("woff2"),url(/assets/inter-latin-600-normal-6a9cb3a5.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-1590af32.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-6572c45f.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-2f0d13ed.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-e45e71f8.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-e802f236.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-a614a0f4.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-15d8bef8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-57f8478a.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-0d785753.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-75129106.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-0303177c.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-2f2a8a48.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-0b56ec39.woff2) format("woff2"),url(/assets/inter-latin-700-normal-ae0e098f.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-cyrillic-ext-800-normal-80d2455e.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-800-normal-e423e668.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-cyrillic-800-normal-761e3c44.woff2) format("woff2"),url(/assets/inter-cyrillic-800-normal-a0b3f983.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-greek-ext-800-normal-61386f97.woff2) format("woff2"),url(/assets/inter-greek-ext-800-normal-d4041028.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-greek-800-normal-e7daf28e.woff2) format("woff2"),url(/assets/inter-greek-800-normal-481861ea.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-vietnamese-800-normal-37852ffd.woff2) format("woff2"),url(/assets/inter-vietnamese-800-normal-46ce148a.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-ext-800-normal-eade5559.woff2) format("woff2"),url(/assets/inter-latin-ext-800-normal-40c8e1bb.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-a7d0a50f.woff2) format("woff2"),url(/assets/inter-latin-800-normal-a2fdc5be.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-cyrillic-ext-900-normal-feee6070.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-900-normal-142d0e2f.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-cyrillic-900-normal-4ea8e43d.woff2) format("woff2"),url(/assets/inter-cyrillic-900-normal-5ba9a7b8.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-greek-ext-900-normal-944be89f.woff2) format("woff2"),url(/assets/inter-greek-ext-900-normal-a27a69ac.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-greek-900-normal-98e8c48b.woff2) format("woff2"),url(/assets/inter-greek-900-normal-5dc07ba8.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-vietnamese-900-normal-885b386e.woff2) format("woff2"),url(/assets/inter-vietnamese-900-normal-54e01026.woff) format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-latin-ext-900-normal-de536299.woff2) format("woff2"),url(/assets/inter-latin-ext-900-normal-cff25eef.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-latin-900-normal-d5c0ed7b.woff2) format("woff2"),url(/assets/inter-latin-900-normal-59c48a05.woff) format("woff");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}.text-0{font-size:var(--text-size-0)}.text-1{font-size:var(--text-size-1)}.text-2{font-size:var(--text-size-2)}.text-3{font-size:var(--text-size-3)}.text-4{font-size:var(--text-size-4)}.text-5{font-size:var(--text-size-5)}.text-6{font-size:var(--text-size-6)}.text-7{font-size:var(--text-size-7)}.text-8{font-size:var(--text-size-8)}.text-9{font-size:var(--text-size-9)}.text-10{font-size:var(--text-size-10)}.heading-0{font-size:var(--text-size-8)}.heading-1{font-size:var(--heading-size-2)}.heading-2{font-size:var(--heading-size-3)}.heading-3{font-size:var(--heading-size-4)}.heading-4{font-size:var(--heading-size-5)}.heading-5{font-size:var(--heading-size-6)}.heading-6{font-size:2.5rem}.heading-7{font-size:2.75rem}.heading-8{font-size:3rem}.heading-9{font-size:3.25rem}.heading-10{font-size:3.5rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.App{background-color:var(--color-background-primary);color:var(--color-text-primary);min-height:100vh}.app-header{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);color:var(--color-text-primary);padding:2rem;text-align:center;box-shadow:0 2px 4px #0000004d;position:relative}.app-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:600}.app-header p{margin:0;font-size:1.1rem;opacity:.9}.api-attribution{position:absolute;bottom:.5rem;right:1rem;font-size:.7rem;color:var(--color-text-muted);opacity:.6}.app-main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.results-header h2{color:var(--color-primary-400);margin-bottom:.5rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.error,.no-results,.no-search{text-align:center;padding:3rem;background:var(--color-background-elevated);color:var(--color-text-primary);border-radius:8px;box-shadow:0 2px 4px #0000004d}.error{border-left:4px solid var(--color-error-500)}.error h3{color:var(--color-error-400);margin-bottom:1rem}.no-search{border-left:4px solid var(--color-primary-500)}.example-tag{background-color:var(--color-background-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);padding:.25rem .5rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}@media (max-width: 768px){.app-main{padding:1rem}.results-grid{grid-template-columns:1fr}.app-header h1{font-size:2rem}.api-attribution{position:relative;text-align:center;margin-top:.5rem}.heading-6,.heading-7,.heading-8,.heading-9,.heading-10{font-size:2.5rem}}.model-selector-wrapper{position:relative;display:inline-block}.model-selector-chip{padding:.25rem .5rem;background:var(--color-background-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-rounded);white-space:nowrap;color:var(--color-text-primary)}.model-selector-chip.error{border-color:var(--color-error-border);color:var(--color-error-text);cursor:pointer}.model-selector-trigger{padding:.25rem .5rem;background:var(--color-background-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-rounded);white-space:nowrap;color:var(--color-text-primary);cursor:pointer;height:auto}.model-selector-trigger:hover{background:var(--color-interactive-bg-hover)}.model-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--color-background-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-rounded);box-shadow:var(--shadow-elevation-medium);z-index:1000;max-height:200px;overflow-y:auto;width:250px}.model-option{display:block;width:100%;padding:.5rem;font-size:.75rem;color:var(--color-text-primary);background:transparent;border:none;cursor:pointer;text-align:left;border-bottom:1px solid var(--color-border-subtle)}.model-option:last-child{border-bottom:none}.model-option:hover{background:var(--color-interactive-bg-hover)}.model-option.selected{background:var(--color-accent-primary)}.main-content-rel{position:relative}.logout-btn{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:white;border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast);z-index:1000;display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-rounded)}.logout-btn:hover{border:2px solid var(--color-border-default)}.icon-flex-shrink{flex-shrink:0}.ai-answer-wrapper{background:transparent}.compare-bar{position:sticky;top:0;z-index:10;background:var(--gradient-primary, var(--color-primary-soft-bg));padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:var(--shadow-elevation-medium, 0 4px 6px rgba(0, 0, 0, .3))}.compare-bar-label,.compare-bar-hint{color:var(--color-text-on-primary)}.btn-compare{padding:.5rem 1.5rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;transition:var(--transition-fast)}.btn-compare.ready{background:var(--color-success-solid, var(--color-success));color:var(--color-success-on-solid, var(--color-text-on-primary));cursor:pointer;box-shadow:var(--shadow-elevation-low, 0 2px 4px rgba(0, 0, 0, .3))}.btn-compare.ready:hover{filter:brightness(1.05)}.btn-compare.disabled{background:var(--color-surface-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.ai-meta-block{margin-bottom:1.25rem;background:transparent;padding-block:.875rem 1.125rem;border-radius:8px}.meta-toggle-btn{padding:3px 10px!important;font-size:.9rem!important;min-height:auto!important;line-height:1.4!important}.ls-wide-05{letter-spacing:.5px}.meta-table-wrapper{margin-top:.875rem;overflow-x:auto}.meta-table-head-row{text-align:left;background:var(--color-surface, transparent)}.meta-th{border-bottom:1px solid var(--color-border-subtle);padding:6px 8px;font-weight:600;color:var(--color-text-primary)}.meta-table{width:100%;border-collapse:collapse;font-size:.9rem;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-background-elevated)}.meta-row{border-bottom:1px solid var(--color-border-subtle)}.meta-row-last{border-bottom:none}.meta-td{padding:6px 8px;color:var(--color-text-primary)}.meta-td-muted{padding:6px 8px;color:var(--color-text-muted);opacity:.6}.meta-td-rationale{padding:6px 8px;max-width:400px;color:var(--color-text-secondary);line-height:1.4}.meta-arrow{margin-left:4px;opacity:.5;color:var(--color-accent)}.meta-empty{opacity:.4}.meta-toggle-row{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.unmatched-suggestions{margin-top:.75rem;font-size:.9rem}.meta-notes{margin-top:.5rem;opacity:.6;font-size:.65rem}.meta-pre,.meta-pre-small{margin-top:.75rem;overflow:auto;font-size:.8rem;background:var(--color-code-bg);padding:.75rem;border-radius:6px;line-height:1.3}.meta-pre-full{max-height:400px}.meta-pre-small{font-size:.75rem}.meta-pre-first{margin-top:.5rem;max-height:250px;border:1px dashed var(--color-border-default)}.meta-pre-bordered{border:1px solid var(--color-border-default)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.ai-answer-layout{display:flex;gap:1.5rem;align-items:flex-start}.ai-answer-col-main{flex:0 0 65%;background:white;color:var(--color-text-primary);padding:2rem;border-radius:8px;box-shadow:var(--elevation-low)}.ai-answer-col-sidebar{flex:0 0 35%;display:flex;flex-direction:column;gap:.875rem}.related-diag-heading{font-size:.8rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-subtle)}.ai-mentioned-diagnoses{font-size:.85rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border-inverse-subtle)}.ai-mentioned-term{color:var(--color-primary);margin-right:8px;text-decoration:none;font-weight:500;cursor:pointer}.ai-meta-latency{margin-top:.75rem;font-size:.6rem;opacity:.6}.btn-meta-compact{padding:3px 10px;font-size:.7rem}.ai-answer-error{color:var(--color-error);padding:12px;background:var(--color-error-soft-bg);border:1px solid var(--color-error-border);border-radius:6px;font-size:.75rem}.mt-1rem{margin-top:1rem}.mr-05rem{margin-right:.5rem}.fw-500{font-weight:500}.severity-badge{display:inline-block;padding:2px 8px;border-radius:14px;font-size:.65rem;font-weight:600;line-height:1.2;letter-spacing:.5px;color:var(--color-text-on-primary)}.severity-mild{background:var(--color-success)}.severity-moderate{background:var(--color-warning)}.severity-severe,.severity-standard{background:var(--color-error)}.severity-unknown{background:var(--color-text-muted);color:var(--color-text-inverse)}.original-name-badge{font-size:.65rem;opacity:.7;margin-top:4px}.model-indicator{padding:.25rem .5rem;background:var(--color-background-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-rounded, 5px);font-size:.75rem;white-space:nowrap;color:var(--color-text-primary);font-weight:500}.proxy-status-indicator.status-up{background:var(--color-success)}.proxy-status-indicator.status-down{background:var(--color-error)}.proxy-status-indicator.status-unknown{background:var(--color-text-muted)}.intent-details-wrapper{max-width:900px;margin:.5rem auto 1rem;text-align:right}.intent-toggle-btn{background:none;border:none;cursor:pointer;font-size:.65rem;color:var(--color-text-muted);text-decoration:underline;padding:0}.intent-box{margin-top:.5rem;background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);padding:.75rem .9rem;border-radius:6px;text-align:left}.intent-box-heading{font-size:.7rem;letter-spacing:.5px}.intent-box-list{margin:.4rem 0 0;padding-left:1rem;list-style:disc}.intent-box-list li{font-size:.65rem;line-height:1.3}.search-hint{color:var(--color-text-muted);font-size:.75rem;margin-top:.5rem;font-style:italic;text-align:center}.recent-queries-block{margin-top:.75rem;border-top:1px solid var(--color-border-subtle);padding-top:.75rem}.recent-queries-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recent-queries-title{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;opacity:.85}.recent-queries-clear{background:none;border:none;color:var(--color-text-muted);font-size:.65rem;cursor:pointer;padding:0}.recent-query-btn{width:100%;text-align:left;background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);padding:.4rem .6rem;border-radius:6px;font-size:.7rem;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .15s ease}.recent-query-btn:hover{background:var(--color-interactive-bg-hover)}.recent-query-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:linear-gradient(135deg,var(--vdx-blue-05),var(--vdx-blue-08));color:var(--color-text-on-primary);font-size:.55rem;border-radius:4px;flex-shrink:0;box-shadow:var(--shadow-elevation-low)}.ai-textarea-form{position:relative;flex:1}.ai-textarea-container{flex:1;position:relative}.ai-textarea{resize:vertical;font-family:inherit;padding-right:3rem;padding-bottom:2.5rem}.ai-submit-btn{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);transition:all .2s ease;color:var(--color-text-on-primary)}.ai-submit-btn:not(:disabled):hover{transform:scale(1.05)}.ai-submit-btn:disabled{cursor:not-allowed;opacity:.5}.ai-submit-dots{font-size:.75rem}.ai-mode-hint{color:var(--color-text-muted);font-size:.75rem;margin-top:.5rem;font-style:italic;text-align:center}.recent-queries-inline{margin:0 0 1.5rem;padding:.75rem 1rem;background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-rounded)}.recent-queries-inline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recent-queries-inline-title{font-size:.85rem;letter-spacing:.5px}.recent-queries-inline-tags{display:flex;flex-wrap:wrap;gap:.5rem}.recent-query-tag{background:linear-gradient(135deg,var(--vdx-blue-05),var(--vdx-blue-08));border:1px solid var(--color-border-default);color:var(--color-text-on-primary);padding:.35rem .6rem;font-size:.7rem;border-radius:var(--radius-pill);cursor:pointer;display:flex;align-items:center;gap:.3rem;box-shadow:var(--shadow-elevation-low)}.explore-wrapper{padding:2rem;max-width:800px;margin:0 auto}.explore-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.explore-intro{color:var(--color-text-secondary);text-align:center;margin-bottom:2rem}.max-w-700{max-width:700px;margin:0 auto}.mt-075{margin-top:.75rem}.mt-05{margin-top:.5rem}.mt-2{margin-top:2rem}.text-center{text-align:center}.italic{font-style:italic}.fs-065{font-size:.65rem}.fs-07{font-size:.7rem}.fs-075{font-size:.75rem}.fs-085{font-size:.85rem}.ls-05{letter-spacing:.5px}.uppercase{text-transform:uppercase}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-035{gap:.35rem}.gap-04{gap:.4rem}.gap-05{gap:.5rem}.flex-wrap{flex-wrap:wrap}.w-100{width:100%}.text-left{text-align:left}.cursor-pointer{cursor:pointer}.bg-subtle{background:var(--color-background-subtle)}.border-subtle{border:1px solid var(--color-border-subtle)}.rounded-6{border-radius:6px}.p-04-06{padding:.4rem .6rem}.p-075-09{padding:.75rem .9rem}.pb-05{padding-bottom:.5rem}.pt-075{padding-top:.75rem}.pr-3rem{padding-right:3rem}.pb-25rem{padding-bottom:2.5rem}.hidden{display:none}.mt-05rem{margin-top:.5rem}.max-h-300{max-height:300px}.max-h-400{max-height:400px}.max-h-250{max-height:250px}.health-status-card{font-family:var(--font-family-default);padding:1rem 1.25rem;background:var(--color-background-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;max-width:680px;margin:2rem auto;line-height:1.4}.health-status-title{margin-top:0;font-size:1.15rem}.health-status-section{margin-bottom:.75rem}.health-status-pre{background:var(--overlay-inverse-subtle);padding:.75rem;border-radius:8px;overflow-x:auto;font-size:.75rem}.health-status-errors{color:var(--color-error-text)}.health-status-error-list{margin:.25rem 0 0 1rem}.health-status-updated{font-size:.65rem;opacity:.6}.dev-telemetry{font-size:.6rem;line-height:1.3}.dev-telemetry-heading{display:block;margin-bottom:.25rem}.dev-telemetry-stats{display:flex;gap:.5rem;flex-wrap:wrap}.dev-telemetry-reset{margin-top:.25rem;background:none;border:1px solid var(--color-border-subtle);font-size:.55rem;padding:.15rem .4rem;border-radius:4px;cursor:pointer}.dev-telemetry-reset:hover{background:var(--color-surface-subtle)}.proxy-status{display:flex;align-items:center;gap:.5rem;font-size:.7rem;background:var(--color-background-elevated);padding:4px 8px;border-radius:12px;border:var(--border-thin) solid var(--color-border-subtle);line-height:1.2;position:absolute;top:23px;right:72px;max-width:260px}.proxy-status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%}.proxy-status-error{display:inline-block;padding:2px 4px;background:var(--color-error-soft-bg);color:var(--color-error);border-radius:4px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button,.btn{border:var(--border-none);border-radius:var(--radius-rounded);cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary);font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;white-space:nowrap;height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--button-font-sm)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-xs{height:var(--button-height-xs);padding:var(--button-padding-xs);font-size:var(--button-font-xs);min-width:60px}.btn-sm{height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--button-font-sm);min-width:80px}.btn-md{height:var(--button-height-md);padding:var(--button-padding-md);font-size:var(--button-font-md);min-width:100px}.btn-lg{height:var(--button-height-lg);padding:var(--button-padding-lg);font-size:var(--button-font-lg);min-width:120px}.btn-xl{height:var(--button-height-xl);padding:var(--button-padding-xl);font-size:var(--button-font-xl);min-width:140px}.btn-2xl{height:var(--button-height-2xl);padding:var(--button-padding-2xl);font-size:var(--button-font-2xl);min-width:160px}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-background-elevated);color:var(--color-text-muted)}.btn-secondary{background:var(--color-background-elevated);color:var(--color-text-primary);border:none}.btn-secondary:hover:not(:disabled){background:var(--color-background-tertiary)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border-subtle)}.btn-ghost:hover:not(:disabled){background:var(--color-background-elevated);color:var(--color-text-primary)}.search-input{width:100%;max-width:900px;padding:.75rem 1.25rem;border:var(--border-thick) solid var(--color-border-default);border-radius:var(--radius-rounder);background:var(--color-background-default);color:var(--color-text-default);font-size:1rem;transition:border-color .2s ease;font-family:var(--font-family-primary);margin:0 auto;display:block}.search-input::placeholder{color:var(--color-text-muted);line-height:1.5}.search-input:focus{outline:var(--border-none);border-color:var(--color-border-emphasis);box-shadow:0 0 0 3px var(--color-border-subtle)}.search-input:disabled{background:var(--color-background-muted);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.select-input{padding:.5rem 1rem;border-radius:var(--radius-rounded);border:var(--border-thin) solid var(--color-border-default);background:var(--color-background-muted);color:var(--color-text-default);font-family:var(--font-family-primary)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-family-primary);color:var(--color-text-default)}.search-container{padding:2rem;margin-bottom:2rem}.search-form{display:flex;gap:1rem;align-items:center}.loading{text-align:center;padding:3rem;color:var(--color-text-secondary);font-family:var(--font-family-primary)}.quick-search-button{height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--button-font-sm);min-width:80px}.recent-queries{max-width:568px;border-radius:9px;background:var(--color-background-elevated);padding:1rem;margin:auto;margin-top:3rem}body{margin:0;min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column}html{scroll-behavior:smooth}.main-content{padding-top:0;transition:padding-top .3s cubic-bezier(.4,0,.2,1)}.app-header{padding:2rem 0 1rem;text-align:center;background:var(--color-background-subtle);border-bottom:var(--border-thin) solid var(--color-border-default)}.app-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:600;color:var(--color-white)}.app-header p{margin:0;font-size:1.1rem;opacity:.9;color:var(--vdx-blue-01)}.api-attribution{position:absolute;bottom:.5rem;right:1rem;font-size:.7rem;color:var(--vdx-blue-02);opacity:.8}.app-main{flex:1;padding:2rem 0;background:var(--color-background-default)}.app-footer{text-align:center;padding:1rem 0;background:var(--color-background-subtle);color:var(--color-text-muted);font-size:.95rem;border-top:var(--border-thin) solid var(--color-border-default)}.quick-search{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 auto}.quick-search-label{font-size:.9rem;color:var(--color-text-muted);margin-right:.5rem}.quick-search-button{background-color:var(--color-background-elevated);color:var(--color-text-secondary);opacity:.6;cursor:not-allowed}.dev-controls-panel{flex-direction:column;position:absolute;top:50px;right:0;background:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:8px;padding:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:12px;align-items:center;min-width:300px;box-shadow:0 4px 20px var(--color-overlay-medium)}.results-container{min-height:300px}.loading{text-align:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border-subtle);border-top:4px solid var(--color-primary);border-radius:var(--radius-pill);animation:spin 1s linear infinite;margin:0 auto 1rem}.error,.no-results,.no-search{text-align:center;padding:3rem;background:var(--color-background-elevated);color:var(--color-text-primary);border-radius:var(--radius-rounder);box-shadow:0 2px 4px #0000004d}.error{border-left:4px solid var(--color-error)}.error h3{color:var(--color-error);margin-bottom:1rem}.no-search{border-left:4px solid var(--color-primary);display:none}.example-searches{margin-top:1.5rem}.example-tags{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.example-tag{background-color:var(--color-background-tertiary);color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border-subtle);padding:.25rem .5rem;border-radius:var(--radius-rounded);font-size:.9rem;cursor:pointer;transition:background-color .2s}.example-tag .focus-glow{outline:2px solid var(--accent-400, #60b4ff)!important;box-shadow:0 0 0 3px #60b4ff59;transition:box-shadow .6s ease,outline-color .6s ease}.example-tag:hover{background-color:var(--color-background-secondary);border-color:var(--color-border-primary)}.results-header{margin-bottom:1.5rem;text-align:center}.results-header h2{color:var(--color-text-primary);margin-bottom:.5rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.search-highlights{background:var(--color-warning-light);border:var(--border-thin) solid var(--color-warning);border-radius:var(--radius-rounded);padding:8px;font-size:.8rem;color:var(--color-warning)}.search-highlights strong{color:var(--color-warning)}.nav-link{display:inline-block;background:rgba(255,255,255,.05);color:var(--color-white);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-rounded);border:var(--border-thin) solid rgba(255,255,255,.1);font-size:.95rem;font-weight:500;transition:all .2s ease;margin-top:1rem}.nav-link:hover{background:rgba(255,255,255,.12);border-color:#fff3;transform:translateY(-1px)}.nav-link:visited{color:var(--color-white)}.main-layout{display:flex}.side-nav{width:80px;flex-shrink:0}.main-content{flex:1 1 0;margin-left:0;min-width:0;padding:2rem}@media (max-width: 600px){.main-content{margin-left:60px;padding:1rem 0}}@media (max-width: 768px){.app-main{padding:1rem}.app-footer{padding:1.5rem .5rem .5rem;font-size:.75rem;margin-top:2rem}.search-form{flex-direction:column}.results-grid{grid-template-columns:1fr}.app-header h1{font-size:2rem}.quick-search{justify-content:flex-start}.quick-search-label{width:100%;margin-bottom:.5rem}.api-attribution{position:relative;text-align:center;margin-top:.5rem}}.dev-controls{position:fixed;top:15px;right:15px;z-index:1000}.dev-controls-toggle{background:rgba(42,52,65,.9);border:1px solid var(--color-border-subtle, #525f7a);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;color:var(--color-text-primary, #f5f6f9)}.dev-controls-toggle{background:var(--color-surface-3);border:1px solid var(--color-border-default);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-fast);color:var(--color-text-primary)}.dev-controls-toggle:hover{background:var(--color-surface-hover);transform:scale(1.05)}.dev-control-item{display:flex;align-items:center}.theme-toggle-btn{display:inline-flex;align-items:center;gap:4px;background:var(--color-surface-2);border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:4px 8px;border-radius:var(--radius-rounded);cursor:pointer;font-size:12px;line-height:1;transition:var(--transition-fast, all .2s ease)}.theme-toggle-btn:hover{background:var(--color-surface-hover)}.theme-toggle-btn:active{background:var(--color-surface-active)}.theme-toggle-label{font-weight:500}html[data-theme=light] .theme-toggle-btn{background:var(--color-surface-2)}.proxy-badge{background:var(--color-success-subtle);color:var(--color-success);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid var(--color-success)}.version-info{font-family:Monaco,Courier New,monospace;font-size:11px;color:var(--color-text-muted);padding:4px 8px;background:var(--color-surface-1);border-radius:4px;border:1px solid var(--color-border-subtle);cursor:help}.version-text{display:flex;align-items:center;gap:4px}.nav-link{display:inline-block;background:var(--color-primary-subtle);color:var(--color-text-on-primary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-rounded);border:var(--border-thin) solid var(--color-primary-border);font-size:.95rem;font-weight:500;transition:var(--transition-fast);margin-top:1rem}.nav-link:hover{background:var(--color-primary-hover);border-color:var(--color-primary-active);transform:translateY(-1px)}.nav-link:visited{color:var(--color-text-on-primary)}.toggle-mode-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.mode-switch-group{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-radius:12px;border:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-overlay-light);display:none}.mode-segment{font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:all .3s ease;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.mode-segment.active{font-weight:600;color:var(--color-text-primary)}.mode-toggle-button{position:relative;width:48px;height:24px;background:var(--color-border-default);border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;outline:none;flex-shrink:0}.mode-toggle-button.active{background:var(--color-primary)}.mode-toggle-button .switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--color-white);border-radius:50%;box-shadow:0 2px 4px var(--color-overlay-medium);transition:left .3s ease}.mode-toggle-button.active .switch-knob{left:27px}.auto-compare-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;display:none}.auto-compare-toggle label{font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.auto-compare-switch{position:relative;width:34px;height:18px;background:var(--color-border-default);border-radius:9px;border:none;cursor:pointer;transition:background .25s ease;outline:none}.auto-compare-switch.active{background:var(--color-primary)}.auto-compare-switch .switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--color-white);border-radius:50%;box-shadow:0 1px 3px var(--color-overlay-light);transition:left .25s ease}.auto-compare-switch.active .switch-knob{left:18px}.recent-queries{margin-top:.75rem;border-top:1px solid var(--color-border-subtle);padding-top:.75rem}.recent-queries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recent-queries-title{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;opacity:.85;font-weight:600}.recent-queries-clear{background:none;border:none;color:var(--color-text-muted);font-size:.65rem;cursor:pointer}.recent-queries-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.recent-query-item{width:100%;text-align:left;background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);padding:.4rem .6rem;border-radius:6px;font-size:.7rem;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .15s ease}.recent-query-item:hover{background:var(--color-interactive-bg-hover)}.recent-query-item-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--gradient-primary);color:var(--color-white);font-size:.55rem;border-radius:4px;flex-shrink:0;box-shadow:0 1px 2px var(--color-overlay-light)}.recent-queries-head,.recent-queries-inline-head{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.recent-queries-filters{display:flex;gap:.25rem;align-items:center}.recent-queries-filters.inline{order:2}.rq-filter-btn{--_pad-x: .45rem;--_pad-y: .2rem;background:var(--color-interactive-subtle);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);padding:var(--_pad-y) var(--_pad-x);font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;cursor:pointer;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease}.rq-filter-btn:hover{background:var(--color-interactive-subtle-hover);color:var(--color-text-secondary)}.rq-filter-btn.active{background:var(--color-primary-subtle);color:var(--vdx-blue-09);border-color:var(--color-primary-border)}.recent-query-btn{width:100%;text-align:left;display:flex;gap:.5rem;align-items:center;padding:.4rem .55rem;font-size:.7rem;background:var(--color-interactive-bg);border:1px solid var(--color-interactive-border);border-radius:6px;cursor:pointer;color:var(--color-text-default);transition:background .15s ease,border-color .15s ease}.recent-query-btn:hover{background:var(--color-interactive-bg-hover);border-color:var(--color-interactive-border-hover)}.recent-query-btn:active{background:var(--color-interactive-bg-active)}.recent-query-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:600;width:18px;height:18px;border-radius:4px;background:var(--gradient-primary);color:var(--color-text-on-primary);box-shadow:0 1px 2px var(--color-overlay-light);flex-shrink:0}.recent-query-badge.compare,.recent-query-tag.comparison .recent-query-badge{background:var(--gradient-error)}.recent-query-tag.ddx{border-color:#10b981;background:rgba(16,185,129,.1);color:#059669}.recent-query-tag.ddx:hover{background:rgba(16,185,129,.2);color:#047857}.recent-queries-inline-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.recent-query-tag{background:var(--color-interactive-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);padding:.35rem .55rem;font-size:.62rem;border-radius:999px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;gap:.25rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.recent-query-tag:hover{background:var(--color-interactive-subtle-hover)}.recent-query-tag.comparison{border-color:var(--color-primary-border);background:var(--color-primary-subtle)}.recent-query-tag.comparison:hover{background:var(--color-primary-hover);color:var(--color-text-on-primary)}@media (max-width: 640px){.recent-queries-filters{flex-wrap:wrap}.rq-filter-btn{font-size:.55rem}.recent-query-btn{font-size:.65rem}}.color-label{font-size:.8rem;color:var(--color-text-secondary);text-align:center;font-family:var(--font-family-mono)}.component-reference{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-background-default);color:var(--color-text-default);min-height:100vh;font-family:var(--font-family-primary)}.component-reference{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-background-default);color:var(--color-text-default);min-height:100vh}.reference-header{text-align:center;margin-bottom:2rem}.reference-header h1{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:600}.reference-header p{color:var(--color-text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.reference-content{display:flex;flex-direction:column;gap:2.5rem}.reference-section{margin-bottom:2.5rem}.reference-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.8rem;font-weight:600;border-bottom:var(--border-thin) solid var(--color-border-subtle);padding-bottom:.5rem}.reference-section h3{color:var(--color-text-primary);margin:1.5rem 0 1rem;font-size:1.2rem;font-weight:500}.color-group{margin-bottom:2rem}.color-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-top:1rem}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-box{width:80px;height:80px;border-radius:var(--radius-rounded);border:var(--border-thin) solid var(--color-border-subtle);box-shadow:0 2px 4px #0003}.color-label{font-size:.8rem;color:var(--color-text-secondary);text-align:center;font-family:var(--font-family-mono);font-weight:500}.color-value{font-size:.7rem;color:var(--color-text-muted);text-align:center;font-family:var(--font-family-mono);line-height:1.2;max-width:120px;word-break:break-all}.typography-examples{display:flex;flex-direction:column;gap:1rem}.typography-examples h1,.typography-examples h2,.typography-examples h3,.typography-examples h4{margin:.5rem 0;color:var(--color-text-primary)}.typography-examples p{margin:0;line-height:1.6}.button-examples{display:flex;flex-direction:column;gap:2rem}.button-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.button-group h3{margin:0 0 .5rem}.button-group button{align-self:flex-start;margin-right:1rem;margin-bottom:.5rem}.search-bar{margin-block:3rem}.search-form{display:flex;gap:1rem;max-width:600px;margin:0 auto 1rem}.search-input-container{position:relative;flex:1}.search-input{width:100%;padding:.75rem 1rem;border:var(--border-thick) solid var(--color-border-default);border-radius:var(--radius-rounder);font-size:1rem;transition:border-color .2s;box-sizing:border-box;color:var(--color-text-primary);background:white}.search-input:focus{outline:var(--border-none);border-color:var(--color-primary-light)}.clear-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:var(--border-none);color:var(--color-text-muted);cursor:pointer;font-size:1.2rem;padding:.25rem}.clear-button:hover{color:var(--color-text-secondary)}.search-button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:var(--color-white);border:var(--border-none);border-radius:var(--radius-rounder);font-size:1rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.search-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.search-button:disabled{background-color:var(--color-background-elevated);cursor:not-allowed}.form-examples{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:1rem}.form-group h3{margin:0}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;margin-bottom:.5rem}.checkbox-label input,.radio-label input{cursor:pointer}.select-input{padding:.75rem 1rem;border:var(--border-thick) solid var(--color-border-primary);border-radius:var(--radius-rounder);background:var(--color-background-primary);color:var(--color-text-primary);font-size:1rem;max-width:300px}.select-input:focus{outline:var(--border-none);border-color:var(--color-primary);box-shadow:0 0 0 3px #0c90c033}.badge-examples{display:flex;flex-direction:column;gap:2rem}.badge-group{display:flex;flex-direction:column;gap:1rem}.badge-group h3{margin:0}.badge-group span{margin-right:.5rem;margin-bottom:.5rem}.alert-examples{display:flex;flex-direction:column;gap:1rem}.card-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.example-card{padding:1.5rem}.example-card h3{margin:0 0 1rem;color:var(--color-text-primary)}.example-card p{margin:0;color:var(--color-text-secondary)}.radius-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.radius-demo{padding:1rem;background:var(--color-background-elevated);border:var(--border-thin) solid var(--color-border-primary);text-align:center;color:var(--color-text-primary);font-size:.9rem;font-weight:500}.border-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.border-demo{padding:1rem;background:var(--color-background-elevated);text-align:center;color:var(--color-text-primary);font-size:.9rem;font-weight:500;border-radius:var(--radius-rounded)}.loading-examples{display:flex;justify-content:center}.palette-grid{display:flex;flex-direction:row;gap:2rem;margin:2rem 0;justify-content:flex-start;align-items:flex-start}.palette-column{display:flex;flex-direction:column;align-items:center}.palette-label{font-size:1.2rem;color:var(--vdx-neutral-04);margin-bottom:.5rem;text-align:center;text-transform:lowercase;font-weight:500}.palette-swatch{width:160px;display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.palette-color{width:100%;height:40px;border-radius:2px;box-sizing:border-box}.palette-varname{font-size:.82rem;color:var(--color-text-secondary);font-family:var(--font-family-mono, monospace);margin-bottom:4px;text-align:center;width:100%;word-break:break-all}@media (max-width: 768px){.component-reference{padding:1rem}.reference-section{padding:1.5rem}.color-swatches{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.color-box{width:60px;height:60px}.card-examples{grid-template-columns:1fr}.radius-examples,.border-examples{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.btn-invisible{background:none;border:none;color:inherit;padding:0;margin:0;box-shadow:none;font:inherit;cursor:pointer}.debug-panel{position:fixed;bottom:70px;right:20px;background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:8px;box-shadow:var(--elevation-high);z-index:1000;font-family:var(--font-family-mono);font-size:11px;max-width:400px;transition:all .3s ease}.debug-panel.collapsed{width:320px;max-height:200px}.debug-panel.expanded{width:450px;max-height:600px}.debug-panel-toggle{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--elevation-medium);color:var(--color-text-primary);z-index:1000;transition:all .2s ease;font-size:18px}.debug-panel-toggle:hover{background:var(--color-surface-hover);transform:scale(1.05);box-shadow:var(--elevation-high)}.debug-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-2);border-radius:8px 8px 0 0}.debug-panel-title{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-text-primary);font-size:12px}.debug-panel-count{color:var(--color-text-muted);font-weight:400}.debug-panel-controls{display:flex;align-items:center;gap:4px}.debug-panel-btn{width:20px;height:20px;border:none;background:transparent;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .15s ease}.debug-panel-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.debug-panel-btn.clear:hover{background:var(--color-error);color:var(--color-error-text-on)}.debug-panel-content{max-height:500px;overflow-y:auto;padding:8px}.debug-panel-empty{padding:20px;text-align:center;color:var(--color-text-muted);font-style:italic}.debug-panel-logs{display:flex;flex-direction:column;gap:8px}.debug-log-entry{padding:8px;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:6px;font-size:10px;line-height:1.4}.debug-log-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.debug-log-time{color:var(--color-text-muted);font-weight:500;font-family:var(--font-family-mono)}.debug-log-intent{font-weight:600;text-transform:uppercase;font-size:9px;letter-spacing:.5px;padding:2px 4px;border-radius:3px;background:color-mix(in srgb,currentColor 15%,transparent)}.debug-log-confidence{font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-2);padding:1px 4px;border-radius:3px;font-size:9px}.debug-log-query{font-weight:500;color:var(--color-text-primary);margin-bottom:4px;font-family:var(--font-family-primary);background:var(--color-surface-2);padding:4px 6px;border-radius:3px;font-size:11px}.debug-log-diagnoses{color:var(--color-primary);font-weight:500;margin-bottom:3px;font-size:10px}.debug-log-branch{color:var(--color-text-secondary);margin-bottom:3px}.debug-log-phase{color:var(--color-warning);font-weight:500;margin-bottom:3px}.debug-log-explicit{color:var(--color-text-muted);font-size:9px;margin-bottom:4px}.debug-log-reasoning{margin-top:6px;padding-top:4px;border-top:1px solid var(--color-border-subtle)}.debug-log-reasoning-title{font-weight:600;color:var(--color-text-secondary);margin-bottom:3px;font-size:9px;text-transform:uppercase;letter-spacing:.3px}.debug-log-reasoning-list{margin:0;padding-left:12px;list-style:none}.debug-log-reasoning-list li{position:relative;margin-bottom:2px;color:var(--color-text-muted);font-size:9px;line-height:1.3}.debug-log-reasoning-list li:before{content:"•";position:absolute;left:-8px;color:var(--color-primary);font-weight:700}.debug-panel-content::-webkit-scrollbar{width:4px}.debug-panel-content::-webkit-scrollbar-track{background:var(--color-surface-1)}.debug-panel-content::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:2px}.debug-panel-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}@media (max-width: 768px){.debug-panel.collapsed{width:280px}.debug-panel.expanded{width:320px;right:10px;bottom:10px}.debug-panel-toggle{right:10px;bottom:10px;width:36px;height:36px}}.image-loading{display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;min-height:100px;position:relative}.loading-spinner{color:#6b7280;font-size:.875rem;animation:pulse 1.5s infinite}.image-error{display:flex;align-items:center;justify-content:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;min-height:100px;position:relative}.error-message{color:#dc2626;font-size:.875rem;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.focused-section-image-img{width:100%;height:auto;border-radius:4px}.item-thumbnail-img{width:60px;height:45px;object-fit:cover;border-radius:4px}.diagnosis-comparison{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background-default)}.comparison-header{background:var(--color-background-elevated);border-bottom:1px solid var(--color-border-default);padding:1.5rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.comparison-header-content{display:flex;flex-direction:column;gap:1.5rem;max-width:1600px;margin:0 auto}.header-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.view-mode-toggle{display:flex;gap:.5rem;margin-left:auto;background:var(--color-background-muted);padding:.25rem;border-radius:.5rem;border:1px solid var(--color-border-default)}.view-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-mode-btn svg{flex-shrink:0}.view-mode-btn:hover{background:var(--color-background-elevated);color:var(--color-text-default)}.view-mode-btn.active{background:var(--color-primary-06);color:var(--color-text-emphasis);box-shadow:0 2px 4px #0003}.back-button{display:flex;align-items:center;padding:.5rem 1rem;background:var(--color-background-muted);border:1px solid var(--color-border-default);border-radius:.375rem;color:var(--color-text-default);text-decoration:none;font-weight:500;transition:all .2s;cursor:pointer}.back-button:hover{background:var(--color-background-emphasis);color:var(--color-text-emphasis)}.comparison-title h1{font-size:1.5rem;font-weight:600;color:var(--color-text-default);margin:0}.comparison-subtitle{color:var(--color-text-muted);font-size:.875rem;margin:.25rem 0 0}.failed-matches{color:var(--color-error-text);font-weight:500}.comparison-mode-control{display:flex;justify-content:center;padding:1.5rem 0;max-width:1600px;margin:0 auto}.segmented-control{display:inline-flex;background:var(--color-background-secondary);border:1.5px solid var(--vdx-neutral-03);border-radius:.75rem;padding:.5rem;position:relative;gap:1rem}.segment{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:.5rem;color:var(--vdx-neutral-07);font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;z-index:1}.segment:hover:not(.active){color:var(--color-text-default);background:var(--color-background-subtle)}.segment.active{background:var(--color-background-elevated);color:var(--color-text-default);font-weight:600;box-shadow:0 2px 8px #00000026}.segment svg{width:16px;height:16px;stroke-width:2;transition:all .2s}.segment.active svg{stroke:var(--color-primary)}.content-section{padding:1rem}.content-card{background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.content-card h3{font-size:1.125rem;font-weight:600;color:var(--color-text-default);margin:0 0 1rem;border-bottom:1px solid var(--color-border-default);padding-bottom:.75rem}.test-list{display:flex;flex-direction:column;gap:1rem}.test-item{padding:1rem;background:var(--color-background-muted);border-radius:.5rem;border-left:4px solid var(--color-border-default);transition:all .2s ease}.test-item:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.test-item.priority-essential{border-left-color:#f59e0b;background:rgba(245,158,11,.05)}.test-item.priority-recommended{border-left-color:var(--color-primary);background:rgba(59,130,246,.05)}.test-item.priority-consider{border-left-color:var(--color-success);background:rgba(34,197,94,.05)}.test-item.priority-optional{border-left-color:#94a3b8;background:rgba(148,163,184,.05)}.test-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.test-icon{font-size:1.25rem;flex-shrink:0}.test-priority-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);opacity:.8}.test-content{display:flex;flex-direction:column;gap:.375rem}.test-name{font-weight:600;font-size:.95rem;color:var(--color-text-default);line-height:1.4}.test-description{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.test-notes{font-size:.8rem;color:var(--color-primary);font-style:italic;padding:.375rem .5rem;background:rgba(59,130,246,.08);border-radius:.25rem;margin-top:.25rem}.toggle-full-section-btn{display:block;width:100%;margin-top:1rem;padding:.625rem 1rem;background:var(--color-background-muted);border:1px solid var(--color-border-default);border-radius:.5rem;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.toggle-full-section-btn:hover{background:var(--color-background-elevated);border-color:var(--color-border-focus);color:var(--color-text-default)}.toggle-full-section-btn:active{transform:scale(.98)}.full-section-content{margin-top:1rem;padding:1rem;background:var(--color-background-default);border:1px solid var(--color-border-subtle);border-radius:.5rem;font-size:.875rem;line-height:1.6;color:var(--color-text-default);max-height:500px;overflow-y:auto}.full-section-content h1,.full-section-content h2,.full-section-content h3,.full-section-content h4{color:var(--color-text-default);margin-top:1rem;margin-bottom:.5rem;font-weight:600}.full-section-content h1{font-size:1.25rem}.full-section-content h2{font-size:1.1rem}.full-section-content h3{font-size:1rem}.full-section-content h4{font-size:.9rem}.full-section-content p{margin-bottom:.75rem}.full-section-content ul,.full-section-content ol{margin-left:1.5rem;margin-bottom:.75rem}.full-section-content li{margin-bottom:.375rem}.full-section-content strong{font-weight:600;color:var(--color-text-default)}.full-section-content em{font-style:italic}.full-section-content a{color:var(--color-primary);text-decoration:underline}.full-section-content a:hover{color:var(--color-primary-hover)}.full-section-content::-webkit-scrollbar{width:8px}.full-section-content::-webkit-scrollbar-track{background:var(--color-background-muted);border-radius:4px}.full-section-content::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:4px}.full-section-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-focus)}.therapy-sections{display:flex;flex-direction:column;gap:1rem}.therapy-section h4{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.025em;margin:0 0 .5rem}.therapy-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-background-muted);border-radius:.5rem;margin-bottom:.5rem}.therapy-icon{font-size:1.25rem;flex-shrink:0}.therapy-name{font-weight:600;color:var(--color-text-default)}.therapy-dosage{font-size:.875rem;color:var(--color-text-muted)}.therapy-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.therapy-category-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-subtle)}.therapy-category-title{font-size:.875rem;font-weight:600;color:var(--color-text-default);text-transform:uppercase;letter-spacing:.05em;margin:0}.therapy-treatments{display:flex;flex-direction:column;gap:.625rem}.therapy-item-ai{padding:.875rem 1rem;background:var(--color-background-muted);border-radius:.5rem;border-left:3px solid #8b5cf6;transition:all .2s ease}.therapy-item-ai:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.therapy-name-ai{font-weight:600;font-size:.95rem;color:var(--color-text-default);margin-bottom:.375rem;line-height:1.4}.therapy-dosage-ai,.therapy-frequency{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.25rem;line-height:1.5}.therapy-dosage-ai strong,.therapy-frequency strong{color:var(--color-text-secondary);font-weight:600}.therapy-notes{font-size:.8rem;color:var(--color-primary);font-style:italic;padding:.375rem .5rem;background:rgba(139,92,246,.08);border-radius:.25rem;margin-top:.375rem}.findings-list{display:flex;flex-direction:column;gap:.75rem}.finding-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--color-background-muted);border-radius:.5rem;border-left:3px solid var(--color-border-default)}.finding-item.pathognomonic{border-left-color:var(--color-primary);background:rgba(59,130,246,.05)}.finding-item.common{border-left-color:var(--color-success);background:rgba(34,197,94,.05)}.finding-item.rare{border-left-color:var(--color-warning);background:rgba(245,158,11,.05)}.finding-icon{font-size:1.25rem;flex-shrink:0}.finding-name{font-weight:600;color:var(--color-text-default);margin-bottom:.25rem}.finding-description{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.25rem}.finding-frequency{font-size:.75rem;font-weight:500;color:var(--color-primary);background:rgba(59,130,246,.1);padding:.125rem .375rem;border-radius:.25rem}.loading-content{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--color-text-muted);font-size:.875rem}.no-content{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.875rem;font-style:italic}.filter-controls{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding:1rem;background:var(--color-background-muted);border-radius:.5rem;border:1px solid var(--color-border-default)}.filter-control{display:flex;flex-direction:column;gap:.375rem;min-width:150px}.filter-control label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.025em}.filter-control select{padding:.5rem 2rem .5rem .75rem;background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:.375rem;color:var(--color-text-default);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-control select:hover{border-color:var(--color-primary-06);background-color:var(--color-background-default)}.filter-control select:focus{outline:none;border-color:var(--color-primary-06);box-shadow:0 0 0 3px #3b82f633}.reset-filters-btn{padding:.5rem 1rem;background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:.375rem;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:auto}.reset-filters-btn:hover{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.ai-analysis-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.ai-analysis-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;margin-left:auto}.analysis-loading{display:flex;align-items:center;gap:.5rem;color:var(--color-primary-06)}.spinner-small{width:14px;height:14px;border:2px solid rgba(59,130,246,.3);border-top-color:var(--color-primary-06);border-radius:50%;animation:spin .8s linear infinite}.analysis-error{display:flex;align-items:center;gap:.5rem;color:var(--color-error-text);background:var(--color-error-bg);padding:.5rem .75rem;border-radius:.375rem;border:1px solid var(--color-error-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.analysis-error:hover{background:rgba(239,68,68,.2);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.analysis-ready{display:flex;align-items:center;gap:.5rem;color:var(--vdx-blue-09);background:var(--vdx-blue-01);padding:.5rem .75rem;border-radius:.375rem;border:solid 1.5px var(--vdx-blue-04);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.analysis-ready:hover{background:var(--vdx-blue-07);color:#fff;transform:translateY(-1px);border-color:var(--vdx-blue-09)}.analysis-ready svg:last-child{margin-left:.25rem}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem;margin:0;flex:1;align-items:start;height:calc(100vh - 120px);overflow:hidden}.diagnosis-column{display:flex;flex-direction:column;background:var(--color-background-elevated);border:none;border-radius:0;overflow:visible;box-shadow:none;transition:all .2s}.diagnosis-column:hover{box-shadow:none}.diagnosis-column-header{padding:.75rem 1rem;background:var(--color-background-elevated);border-bottom:1px solid var(--color-border-default)}.diagnosis-name{font-size:1.1rem;font-weight:600;color:var(--color-text-default);margin:0 0 .25rem;line-height:1.2}.icd-code{display:inline-block;font-size:.75rem;font-weight:500;color:var(--color-primary-04);background:var(--color-background-default);padding:.25rem .5rem;border-radius:.25rem}.selected-image-container{position:relative;width:100%;height:calc(100vh - 160px);background:var(--color-background-default);overflow:visible;border-bottom:1px solid var(--color-border-default);display:flex;flex-direction:column;align-items:stretch}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.selected-image-container.clickable{cursor:pointer;transition:opacity .2s ease}.selected-image-container.clickable:hover{opacity:.95}.selected-image-container.clickable:hover .select-image-btn{opacity:1}.selected-image-container.natural-height{height:auto}.selected-image-container.natural-height .image-caption{position:static;background:var(--color-background-elevated);padding:.75rem 1rem;border-top:1px solid var(--color-border-default);margin-top:auto}.selected-image{width:100%;object-fit:contain;object-position:top;display:block;min-height:0}.select-image-btn{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-white);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10}.select-image-btn:hover{background:rgba(0,0,0,.9);border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.select-image-btn svg{flex-shrink:0}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.875rem;font-style:italic}.image-caption-below{padding:.5rem 1rem;font-size:.75rem;line-height:1.3;flex-shrink:0;width:100%}.image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:1rem;background:var(--color-background-muted)}.grid-image-wrapper{aspect-ratio:4 / 3;border-radius:.25rem;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s;background:var(--color-background-default)}.grid-image-wrapper:hover{border-color:var(--color-primary-06);transform:scale(1.05);z-index:10}.grid-image-wrapper.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 40%,transparent)}.grid-image{width:100%;height:100%;object-fit:contain;display:block}.image-controls{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-background-muted);border-top:1px solid var(--color-border-default);gap:1rem}.image-count-badge{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.filtered-count{color:var(--color-text-subtle);font-weight:400}.show-all-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:.25rem;color:var(--color-text-on-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.show-all-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--elevation-low)}.thumbnail-gallery-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:var(--color-background-elevated)!important;z-index:999999!important;display:flex;flex-direction:column;animation:scaleInBounce .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;isolation:isolate;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translateZ(0);will-change:transform,opacity}.thumbnail-gallery-overlay.closing{animation:scaleOutQuick .2s cubic-bezier(.55,.085,.68,.53);animation-fill-mode:forwards}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.8) translateZ(0)}60%{opacity:1;transform:scale(1.02) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes scaleOutQuick{0%{opacity:1;transform:scale(1) translateZ(0)}to{opacity:0;transform:scale(.9) translateZ(0)}}.thumbnail-gallery-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--color-background-elevated);border-bottom:1px solid var(--color-border-default)}.gallery-filters{display:flex;gap:.5rem;padding:.65rem 1rem .85rem 1.25rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-muted) transparent;background:rgba(17,24,39,.75);border-bottom:1px solid rgba(255,255,255,.06)}.gallery-filters.keyword-row{padding-top:.6rem;padding-bottom:.9rem;background:var(--color-background-emphasis);border-top:1px solid rgba(255,255,255,.04);flex-wrap:wrap;overflow-x:visible;max-height:none}.gallery-filters::-webkit-scrollbar{height:6px}.gallery-filters::-webkit-scrollbar-track{background:transparent}.gallery-filters::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:3px}.gallery-filters::-webkit-scrollbar-thumb:hover{background:var(--color-primary-06)}.gallery-filter-pill{background:white;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;max-width:220px;text-overflow:ellipsis;overflow:hidden}.gallery-filter-pill:hover{background:color-mix(in srgb,var(--color-primary) 25%,transparent);color:var(--color-text-default);border-color:var(--color-primary)}.gallery-filter-pill.active{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary-border);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 60%,transparent),var(--elevation-low)}.gallery-title{color:var(--color-text-emphasis);font-weight:600;font-size:var(--text-size-10)}.gallery-close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.375rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.gallery-close-btn:hover{background:rgba(239,68,68,.2);color:var(--color-error-text)}.thumbnail-gallery-scroll{flex:1;overflow-y:auto;padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:165px;gap:1.5rem;align-content:start;justify-content:stretch;will-change:transform;contain:layout paint;scrollbar-width:thin;scrollbar-color:var(--color-border-emphasis) transparent}.thumbnail-gallery-scroll::-webkit-scrollbar{width:8px}.thumbnail-gallery-scroll::-webkit-scrollbar-track{background:transparent}.thumbnail-gallery-scroll::-webkit-scrollbar-thumb{background:var(--color-border-emphasis);border-radius:4px}.thumbnail-gallery-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-primary-06)}.gallery-thumbnail{position:relative;width:100%;height:100%;border-radius:.375rem;overflow:hidden;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;isolation:isolate}.gallery-thumbnail:hover{border-color:var(--color-primary);box-shadow:var(--elevation-medium)}.gallery-thumbnail>img,.gallery-thumbnail>.gallery-thumb-inner{width:100%;height:100%;object-fit:cover}.gallery-thumbnail.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 40%,transparent)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumbnail-caption{position:absolute;bottom:0;left:0;right:0;background:var(--gradient-fade-strong);color:var(--color-white);padding:.5rem;font-size:.65rem;line-height:1.3;max-height:50%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.comparison-footer{background:var(--color-background-elevated);border-top:1px solid var(--color-border-default);padding:1.5rem 2rem;margin-top:auto}.footer-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-info{flex:1}.query-info{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-subtle)}.query-info strong{color:var(--color-text-default)}.failed-matches-info{margin:0;font-size:.875rem;color:var(--color-error-text)}.failed-matches-info strong{color:var(--color-error-text);font-weight:600}.action-btn{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center;border:none;white-space:nowrap}.action-btn.primary{background:var(--color-primary-06);color:var(--color-text-emphasis)}.action-btn.primary:hover{background:var(--color-primary-05);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}@media (max-width: 1200px){.comparison-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0}.image-grid{grid-template-columns:repeat(4,1fr)}.selected-image-container{height:calc(100vh - 100px)}}@media (max-width: 768px){.comparison-header{padding:1rem}.header-top{flex-direction:column;gap:1rem;align-items:flex-start}.filter-controls{padding:.75rem;gap:.75rem}.filter-control{min-width:120px;flex:1}.reset-filters-btn{width:100%;margin-left:0}.comparison-grid{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.image-grid{grid-template-columns:repeat(5,1fr)}.footer-content{flex-direction:column;align-items:stretch}.action-btn{width:100%}}@media (max-width: 480px){.comparison-header{padding:.75rem}.filter-controls{flex-direction:column;gap:.75rem}.filter-control{min-width:auto;width:100%}.filter-control select{width:100%}.diagnosis-column-header{padding:1rem}.diagnosis-name{font-size:1.1rem}.image-grid{grid-template-columns:repeat(3,1fr);gap:.375rem;padding:.75rem}.comparison-grid{padding:.75rem;gap:1rem}}.mosaic-container{padding:2rem;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.mosaic-section{display:flex;flex-direction:column;gap:1.5rem}.mosaic-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-emphasis)}.mosaic-diagnosis-name{font-size:1.75rem;font-weight:700;color:var(--color-text-default);margin:0;letter-spacing:-.02em}.mosaic-icd-code{display:inline-block;font-size:.875rem;font-weight:600;color:var(--color-primary-04);background:var(--color-background-elevated);padding:.375rem .75rem;border-radius:.375rem;border:1px solid var(--color-border-default)}.mosaic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:200px;gap:1rem;grid-auto-flow:dense}.mosaic-item{position:relative;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--color-background-elevated);border:2px solid transparent}.mosaic-item:hover{transform:translateY(-4px);box-shadow:var(--elevation-medium);border-color:var(--color-primary);z-index:10}.mosaic-item-small{grid-column:span 1;grid-row:span 1}.mosaic-item-medium{grid-column:span 1;grid-row:span 2}.mosaic-item-large{grid-column:span 2;grid-row:span 2}.mosaic-item-wide{grid-column:span 2;grid-row:span 1}.mosaic-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.mosaic-item:hover .mosaic-image{transform:scale(1.05)}.mosaic-caption{position:absolute;bottom:0;left:0;right:0;background:var(--gradient-fade-strong);color:var(--color-white);padding:1rem;font-size:.75rem;line-height:1.4;opacity:0;transition:opacity .3s}.mosaic-item:hover .mosaic-caption{opacity:1}.mosaic-overlay{position:absolute;top:.75rem;right:.75rem;background:var(--color-overlay-xstrong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.375rem .75rem;border-radius:.25rem;opacity:0;transition:opacity .3s}.mosaic-item:hover .mosaic-overlay{opacity:1}.mosaic-index{color:#fff;font-size:.75rem;font-weight:600}.mosaic-count{padding:.75rem 1rem;background:var(--color-background-elevated);border-radius:.375rem;text-align:center;font-size:.875rem;color:var(--color-text-muted);border:1px solid var(--color-border-default)}.mosaic-count span{color:var(--color-text-subtle)}@media (max-width: 1200px){.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:180px}}@media (max-width: 768px){.mosaic-container{padding:1rem;gap:3rem}.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;gap:.75rem}.mosaic-item-large,.mosaic-item-wide{grid-column:span 2}.mosaic-diagnosis-name{font-size:1.5rem}}@media (max-width: 480px){.mosaic-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:.5rem}.mosaic-item-large{grid-column:span 2;grid-row:span 2}.mosaic-item-wide,.mosaic-item-medium{grid-column:span 1;grid-row:span 1}.mosaic-diagnosis-name{font-size:1.25rem}.view-mode-btn span{display:none}}.filmstrip-view{padding:2rem;flex:1;display:flex;flex-direction:column;overflow:hidden}.filmstrip-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;height:calc(100vh - 260px);overflow:hidden}.filmstrip-column{display:flex;flex-direction:column;background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000004d}.filmstrip-header{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--color-background-muted);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.filmstrip-title{font-size:1.25rem;font-weight:700;color:var(--color-text-default);margin:0;letter-spacing:-.02em;line-height:1.3}.filmstrip-icd-code{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-primary-04);background:var(--color-background-default);padding:.25rem .5rem;border-radius:.25rem;width:fit-content}.filmstrip-count{font-size:.75rem;color:var(--color-text-muted);font-weight:500;margin-top:.25rem}.filtered-note{color:var(--color-text-subtle);font-weight:400}.filmstrip-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-emphasis) var(--color-background-muted);scroll-behavior:smooth}.filmstrip-scroll-container::-webkit-scrollbar{width:10px}.filmstrip-scroll-container::-webkit-scrollbar-track{background:var(--color-background-muted)}.filmstrip-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border-emphasis);border-radius:5px;border:2px solid var(--color-background-muted)}.filmstrip-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-06)}.no-images-placeholder{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;color:var(--color-text-muted);font-size:.875rem;font-style:italic;text-align:center}.filmstrip-track{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.filmstrip-item{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1)}.filmstrip-item:hover{transform:translate(4px)}.filmstrip-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:.375rem;overflow:hidden;background:var(--color-background-default);border:2px solid var(--color-border-default);transition:all .3s}.filmstrip-item:hover .filmstrip-image-wrapper{border-color:var(--color-primary);box-shadow:var(--elevation-medium)}.filmstrip-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.filmstrip-item:hover .filmstrip-image{transform:scale(1.05)}.filmstrip-overlay{position:absolute;top:.75rem;right:.75rem;background:var(--color-overlay-xstrong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.375rem .75rem;border-radius:.25rem;opacity:0;transition:opacity .3s}.filmstrip-item:hover .filmstrip-overlay{opacity:1}.filmstrip-index{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.025em}.filmstrip-caption{color:var(--color-text-default);font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.filmstrip-metadata{display:flex;flex-wrap:wrap;gap:.5rem}.metadata-tag{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);background:var(--color-background-muted);padding:.25rem .625rem;border-radius:.25rem;border:1px solid var(--color-border-default);text-transform:capitalize}@media (max-width: 1400px){.filmstrip-columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 768px){.filmstrip-view{padding:1rem}.filmstrip-columns{grid-template-columns:1fr;gap:1rem;height:auto}.filmstrip-column{max-height:500px}.filmstrip-header{padding:1rem}.filmstrip-title{font-size:1.1rem}.filmstrip-track{gap:1rem;padding:1rem}}@media (max-width: 480px){.filmstrip-view{padding:.75rem}.filmstrip-columns{gap:.75rem}.filmstrip-column{max-height:400px}.filmstrip-header{padding:.75rem}.filmstrip-title{font-size:1rem}.filmstrip-track{gap:.75rem;padding:.75rem}.filmstrip-caption{font-size:.8rem}.metadata-tag{font-size:.7rem;padding:.2rem .5rem}}.differential-overlay{position:fixed;top:8rem;right:2rem;z-index:1000;background:var(--overlay-surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-emphasis);border-radius:.75rem;box-shadow:var(--shadow-elevation-high);width:520px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.differential-overlay.expanded{width:520px;height:auto;max-height:85vh}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--overlay-surface-medium);border-bottom:1px solid var(--color-border-default);transition:background .2s;flex-shrink:0}.overlay-title{display:flex;align-items:center;gap:.625rem;color:var(--color-text-emphasis);font-weight:600;font-size:.875rem;letter-spacing:.025em}.overlay-title svg{flex-shrink:0;color:var(--color-primary-04)}.close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-error-soft-bg);color:var(--color-error-text)}.overlay-content{padding:1.25rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--color-border-emphasis) transparent}.overlay-content::-webkit-scrollbar{width:6px}.overlay-content::-webkit-scrollbar-track{background:transparent}.overlay-content::-webkit-scrollbar-thumb{background:var(--color-border-emphasis);border-radius:3px}.overlay-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-06)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;color:var(--color-text-muted)}.spinner{width:24px;height:24px;border:3px solid var(--color-primary-soft-bg);border-top-color:var(--color-primary-06);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin:0;font-size:.875rem}.error-state{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:var(--color-error-soft-bg);border:1px solid var(--color-error-border);border-radius:.375rem;color:var(--color-error-text);font-size:.875rem}.error-state svg{flex-shrink:0}.error-state p{margin:0;line-height:1.4}.summary-section{margin-bottom:1rem}.summary-text{margin:0;color:var(--color-text-default);font-size:.875rem;line-height:1.6}.expanded-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-default)}.analysis-section{display:flex;flex-direction:column;gap:.875rem}.section-title{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--color-primary-04);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.section-title svg{flex-shrink:0}.differentiator-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--overlay-surface-subtle);border-radius:.375rem;border:1px solid var(--color-border-default)}.diagnosis-label{font-weight:600;font-size:.875rem;color:var(--color-text-emphasis)}.feature-list{margin:0;padding-left:1.25rem;list-style-type:disc}.feature-list li{color:var(--color-text-default);font-size:.8125rem;line-height:1.5;margin-bottom:.25rem}.feature-list li:last-child{margin-bottom:0}.test-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--overlay-surface-subtle);border-radius:.375rem;border:1px solid var(--color-border-default)}.test-name{font-weight:600;font-size:.875rem;color:var(--color-text-emphasis)}.test-details{display:flex;flex-direction:column;gap:.375rem}.test-helpful,.test-rationale{font-size:.8125rem;line-height:1.5;color:var(--color-text-default)}.test-helpful strong{color:var(--color-text-emphasis);font-weight:600}.test-rationale{color:var(--color-text-muted);font-style:italic}.therapy-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--overlay-surface-subtle);border-radius:.375rem;border:1px solid var(--color-border-default)}.therapy-name{font-weight:600;font-size:.875rem;color:var(--color-text-emphasis)}.therapy-details{display:flex;flex-direction:column;gap:.375rem}.therapy-used,.therapy-notes{font-size:.8125rem;line-height:1.5;color:var(--color-text-default)}.therapy-used strong{color:var(--color-text-emphasis);font-weight:600}.therapy-notes{color:var(--color-text-muted);font-style:italic}.analysis-metadata{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border-default);flex-wrap:wrap}.metadata-item{font-size:.75rem;color:var(--color-text-subtle);font-weight:500}@media (max-width: 768px){.differential-overlay{bottom:1rem;right:1rem;left:1rem}.differential-overlay.collapsed{width:auto}.differential-overlay.expanded{width:auto;max-height:80vh}.overlay-content{padding:1rem}}@media (max-width: 480px){.differential-overlay{bottom:.75rem;right:.75rem;left:.75rem}.overlay-header{padding:.875rem 1rem}.overlay-title{font-size:.8125rem}.overlay-content{padding:.875rem}.expanded-content{gap:1.25rem}.differentiator-item,.test-item,.therapy-item{padding:.625rem}}.collapsible-section{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:white;transition:box-shadow .2s}.collapsible-section.open{box-shadow:0 2px 8px #0000000d}.collapsible-header{width:100%;padding:1rem 1.25rem;background-color:#f9fafb;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;transition:background-color .2s}.collapsible-header:hover{background-color:#f3f4f6}.collapsible-section.open .collapsible-header{background-color:#eff6ff;border-bottom:1px solid #dbeafe}.collapsible-title{display:flex;align-items:center;gap:.75rem;flex:1}.section-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.collapsible-title h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.collapsible-arrow{color:#6b7280;font-size:.875rem;transition:transform .2s;display:flex;align-items:center}.collapsible-content{padding:1.5rem 1.25rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.collapsible-content ul{margin:.5rem 0;padding-left:1.5rem}.collapsible-content li{margin:.5rem 0;line-height:1.6}.collapsible-content p{margin:.75rem 0;line-height:1.6}.collapsible-content a{color:#2563eb;text-decoration:none}.collapsible-content a:hover{text-decoration:underline}.collapsible-content b,.collapsible-content strong{font-weight:600;color:#1f2937}.collapsible-content br{display:block;content:"";margin:.5rem 0}.diagnosis-detail{color:var(--color-text-default);padding:2rem;margin:2rem auto;max-width:1200px}.detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;display:none}.back-button{background:none;border:none;color:var(--color-link);font-size:1.1rem;cursor:pointer;margin-right:1rem}.detail-info{margin-bottom:2rem}.detail-info h2{color:var(--color-text-primary);margin:0 0 20px;font-size:1.6rem;font-weight:600}.detail-info p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:24px;font-size:1rem}.diagnosis-modules{margin:1.5rem 0 2rem;padding:1rem 1.5rem;background:var(--color-background-secondary);border-left:4px solid var(--color-primary)}.modules-label{margin:0 0 .75rem;font-weight:600;font-size:.9rem;color:var(--color-primary-active);text-transform:uppercase;letter-spacing:.5px}.modules-links{display:flex;flex-wrap:wrap;gap:.75rem}.images-section-title{margin-top:2rem;margin-bottom:1rem;font-size:1.2rem;color:var(--color-text-emphasis);text-align:left;font-weight:600;border-bottom:var(--border-thick) solid var(--color-border-subtle);padding-bottom:16px}.loading-text{color:var(--color-text-muted);font-style:italic;margin-bottom:24px}.image-gallery{display:flex;flex-wrap:wrap;gap:1rem;width:100%;box-sizing:border-box}.gallery-grid-flexbox{display:grid;width:100%;gap:1rem;grid-template-columns:repeat(4,minmax(180px,1fr));align-items:stretch}.gallery-image-container-flexbox{display:flex;flex-direction:column;align-items:center;aspect-ratio:4/3;position:relative;cursor:pointer;overflow:hidden;background:var(--color-background-tertiary);transition:all .2s ease;box-sizing:border-box;width:100%}.gallery-image-container-flexbox:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000080}.gallery-image-container-flexbox:focus{outline:var(--border-thick) solid var(--color-primary);outline-offset:2px}.gallery-image-container-flexbox img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease;display:block}.gallery-image-container-flexbox:hover img{transform:scale(1.05)}.image-score-badge{position:absolute;top:8px;left:8px;background:var(--gradient-score-badge);color:var(--color-text-on-primary);font-weight:700;font-size:.85rem;padding:4px 10px;border-radius:12px;z-index:3;box-shadow:var(--elevation-low);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-border-inverse-subtle)}.image-caption-preview{font-size:.9rem;color:var(--color-text-muted);margin-top:.5rem;text-align:center;position:absolute;bottom:0;left:0;right:0;background:var(--gradient-fade-strong);color:var(--color-white);padding:20px 16px 16px;line-height:1.3;opacity:0;transition:opacity .3s ease;z-index:2;border-radius:0 0 var(--radius-rounder) var(--radius-rounder)}.gallery-image-container-flexbox:hover .image-caption-preview{opacity:1}.no-images{color:var(--color-text-muted);font-style:italic;margin:2rem 0;text-align:center;padding:40px 20px;background:var(--color-background-secondary);border-radius:var(--radius-rounder);border:var(--border-thin) solid var(--color-border-subtle)}.no-images h2{color:var(--color-text-primary);margin:0 0 16px;font-size:1.4rem}.no-images p{color:var(--color-text-secondary);font-size:1rem}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-heavy);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-content{background:var(--color-surface-primary);border-radius:var(--radius-rounder);padding:2rem;max-width:90vw;max-height:90vh;box-shadow:0 4px 32px #0006;position:relative}.lightbox-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-muted);font-size:2rem;cursor:pointer}.lightbox-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.nav-button{background:var(--color-background-muted);border:none;color:var(--color-text-default);font-size:1.5rem;border-radius:var(--radius-rounded);padding:.5rem 1rem;cursor:pointer;transition:background .2s;margin:0 16px}.nav-button:hover{background:var(--color-background-emphasis)}.lightbox-image-container{display:flex;flex-direction:column;align-items:center;max-height:70vh;padding:20px}.lightbox-image-container img{width:800px;max-width:100%;height:auto;object-fit:cover}.image-info{margin-top:1rem;color:var(--color-text-muted);font-size:.95rem;padding:16px;text-align:center;background:var(--color-background-primary);width:100%;border-top:var(--border-thin) solid var(--color-border-subtle)}.image-info p{margin:0 0 8px;color:var(--color-text-primary);font-size:.9rem;line-height:1.4}.image-counter{font-size:.9rem;color:var(--color-text-muted);margin-top:.5rem;display:block}.image-source{font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem}.data-source-badge{display:inline-block;background:var(--color-background-emphasis);color:var(--color-text-muted);border-radius:var(--radius-pill);padding:.2em .8em;font-size:.8rem;margin-left:.5rem}.data-source-badge.api{background:var(--color-success-light);color:var(--color-success);border:var(--border-thin) solid var(--color-success)}.data-source-badge.mock{background:var(--color-warning-light);color:var(--color-warning);border:var(--border-thin) solid var(--color-warning)}@media (max-width: 599px){.gallery-image-container-flexbox{flex:0 0 100%;max-width:100%}.diagnosis-detail{padding:1rem}.detail-info{padding:24px}.detail-header{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-header h1{font-size:1.6rem}.images-section-title{font-size:1.5rem;margin-bottom:24px}.lightbox-overlay{padding:10px}.lightbox-navigation{height:60vh}.nav-button{width:40px;height:40px;margin:0 8px;font-size:1.2rem}.lightbox-content{width:95vw}.lightbox-image-container img{width:100%;max-width:90vw}}.skin-type-btn{background:var(--color-background-elevated);border:var(--border-thin) solid var(--color-border-default);color:var(--color-text-default);border-radius:var(--radius-rounded);padding:.25rem .75rem;cursor:pointer;font-size:.95rem;margin-right:.25rem;transition:background .2s,color .2s}.skin-type-btn.active,.skin-type-btn:focus{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.images-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem}.view-all-images-button{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .2s}.view-all-images-button:hover{background-color:var(--color-primary-hover)}.diagnosis-sections{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border-subtle)}.sections-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem}.sections-container{display:flex;flex-direction:column;gap:.75rem}.loading-sections{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-muted)}.loading-sections .spinner{border:3px solid var(--color-border-subtle);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.section-body{color:var(--color-text-default);line-height:1.8;font-size:.95rem}.section-body ul{margin:.75rem 0;padding-left:1.5rem}.section-body li{margin:.5rem 0}.section-body a{color:var(--color-primary);text-decoration:none;cursor:pointer}.section-body a:hover{text-decoration:underline}.section-body b,.section-body strong{font-weight:600;color:var(--color-text-primary)}@media (max-width: 768px){.images-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.view-all-images-button{width:100%}}.ai-answer-root{line-height:1.7;font-size:1rem;display:flex;flex-direction:column;gap:1rem}.ai-answer-root .ai-h{font-weight:600;line-height:1.35;margin:1.25rem 0 .5rem;letter-spacing:.3px}.ai-answer-root .ai-h1{font-size:1.5rem}.ai-answer-root .ai-h2{font-size:1.3rem}.ai-answer-root .ai-h3{font-size:1.15rem}.ai-answer-root .ai-p{margin:0;line-height:1.7}.ai-answer-root .ai-ul,.ai-answer-root .ai-ol{margin:.5rem 0 .5rem 1.5rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.ai-answer-root .ai-ul{list-style:disc}.ai-answer-root .ai-ol{list-style:decimal}.ai-answer-root li{padding-left:4px;line-height:1.6}.ai-answer-root .ai-kv{font-size:.8rem;display:flex;flex-wrap:wrap;gap:.35rem;background:var(--overlay-inverse-subtle);padding:4px 6px;border-radius:4px}.ai-answer-root .ai-kv-key{font-weight:600}.ai-answer-root .ai-inline-code{font-family:var(--font-mono);background:var(--color-code-inline-bg);padding:2px 5px;border-radius:4px;font-size:.75rem}.ai-answer-root .ai-code-wrapper{position:relative}.ai-answer-root .ai-code-toggle{background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:.6rem;border:1px solid var(--color-border-subtle);padding:2px 6px;border-radius:4px;cursor:pointer;margin-bottom:4px}.ai-answer-root .ai-code-toggle:hover{background:var(--color-surface)}.ai-answer-root .ai-pre{background:var(--color-code-block-bg);border:1px solid var(--color-border-subtle);padding:.9rem;border-radius:8px;font-size:.75rem;line-height:1.4;overflow:auto}.ai-answer-root code{font-family:var(--font-mono)}.ai-answer-root .ai-link{color:var(--color-accent);text-decoration:none}.ai-answer-root .ai-link:hover{text-decoration:underline}.ai-answer-root .ai-h .ai-anchor{opacity:0;margin-right:.4rem;text-decoration:none;font-size:.75em;color:var(--color-text-muted)}.ai-answer-root .ai-h:hover .ai-anchor{opacity:1}.ai-kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem}.ai-table-wrapper{overflow-x:auto}.ai-table{width:100%;border-collapse:collapse;font-size:.8rem}.ai-table th,.ai-table td{border:1px solid var(--color-border-subtle);padding:4px 8px;text-align:left}.ai-table th{background:var(--color-surface-subtle);font-weight:600}.ai-toc{display:none;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);padding:.65rem .75rem;border-radius:6px;font-size:.7rem;line-height:1.3;margin-bottom:.75rem}.ai-toc-title{display:none}.ai-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.ai-toc a{color:var(--color-primary-text);text-decoration:none}.ai-toc a:hover{text-decoration:underline}.ai-collapsible{position:relative}.ai-collapse-btn{background:var(--color-bg-card);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:.6rem;padding:3px 6px;border-radius:4px;margin-top:4px;cursor:pointer}.ai-collapse-btn:hover{background:var(--color-surface-subtle)}#c-h-oice-1{display:none}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-h,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-h{color:var(--color-text-emphasis)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-p,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-p{color:var(--color-text-default)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-link,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-link{color:var(--color-primary-text)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-inline-code,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-inline-code{background:var(--color-code-inline-bg-light);color:var(--color-text-default);border:1px solid var(--color-border-subtle)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-pre,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-pre{background:var(--color-code-block-bg-light);border:1px solid var(--color-border-subtle);color:var(--color-text-default)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-kv,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-kv{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-table th,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-table th{border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);color:var(--color-text-emphasis)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-table td,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-table td{border:1px solid var(--color-border-subtle);color:var(--color-text-default)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-toc,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-toc{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root .ai-h .ai-anchor,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root .ai-h .ai-anchor{color:var(--color-text-muted)}.ai-answer-panel[style*="background: #ffffff"] .ai-answer-root li,.ai-answer-panel[style*="background: rgb(255, 255, 255)"] .ai-answer-root li{color:var(--color-text-default)}.ai-diagnosis-highlight{position:relative;display:inline-block;font-weight:600;color:var(--color-primary-text);padding:0 2px;border-radius:2px;cursor:pointer;text-decoration:underline;transition:background .2s}.ai-diagnosis-highlight:hover{background:linear-gradient(to bottom,transparent 50%,var(--color-primary-soft-bg) 50%);text-decoration:underline}.ai-diagnosis-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;width:14px;height:14px;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s;-webkit-user-select:none;user-select:none;vertical-align:middle}.ai-diagnosis-icon svg{width:100%;height:100%;fill:currentColor}.ai-diagnosis-icon:hover{opacity:1;transform:scale(1.15)}.ai-diagnosis-icon:active{transform:scale(.95)}.clinical-questionnaire-modal{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:12px;padding:0;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-elevation-large);animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;background:var(--color-surface-raised);z-index:1}.modal-header-content{display:flex;align-items:flex-start;gap:1rem}.modal-header-content h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.questionnaire-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.modal-close-button{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.modal-close-button:hover{background:var(--color-surface);color:var(--color-text-primary)}.loading-spinner-small{width:24px;height:24px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary-solid);border-radius:50%;animation:spin .8s linear infinite}.questionnaire-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1.5rem}.question-group{display:flex;flex-direction:column;gap:.5rem}.question-group.full-width{grid-column:1 / -1}.question-group label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.questionnaire-input,.questionnaire-select,.questionnaire-textarea{padding:.625rem;background:var(--color-background);border:1px solid var(--color-border-subtle);border-radius:6px;color:var(--color-text-primary);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.questionnaire-input:focus,.questionnaire-select:focus,.questionnaire-textarea:focus{outline:none;border-color:var(--color-primary-border);box-shadow:var(--shadow-focus-ring-primary)}.questionnaire-textarea{resize:vertical;font-family:inherit;min-height:60px}.questionnaire-select{cursor:pointer}.skin-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skin-type-clear{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.skin-type-clear:hover{background:var(--color-surface-subtle);border-color:var(--color-primary-border);color:var(--color-primary-text)}.skin-type-selector{display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:space-between}.skin-type-option{flex:1;min-width:0;height:48px;border:2px solid var(--color-border-subtle);border-radius:8px;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.skin-type-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevation-low);border-width:3px}.skin-type-option.selected{border-color:var(--color-primary-border);border-width:4px;box-shadow:var(--shadow-focus-ring-primary),var(--shadow-elevation-low);transform:scale(1.05)}.skin-type-option.selected:after{content:"✓";position:absolute;top:-8px;right:-8px;background:var(--color-primary-solid);color:var(--color-primary-on-solid);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:var(--shadow-elevation-low)}.skin-type-option[data-skin-type="1"]{background:var(--color-skin-type-1-bg);color:var(--color-skin-type-1-text)}.skin-type-option[data-skin-type="2"]{background:var(--color-skin-type-2-bg);color:var(--color-skin-type-2-text)}.skin-type-option[data-skin-type="3"]{background:var(--color-skin-type-3-bg);color:var(--color-skin-type-3-text)}.skin-type-option[data-skin-type="4"]{background:var(--color-skin-type-4-bg);color:var(--color-skin-type-4-text)}.skin-type-option[data-skin-type="5"]{background:var(--color-skin-type-5-bg);color:var(--color-skin-type-5-text)}.skin-type-option[data-skin-type="6"]{background:var(--color-skin-type-6-bg);color:var(--color-skin-type-6-text)}.skin-type-label{position:relative;z-index:1}.questionnaire-footer{padding:0 1.5rem 1rem;text-align:center}.questionnaire-footer small{color:var(--color-text-muted);font-size:.8rem}.modal-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--color-border-subtle);background:var(--color-background-secondary);position:sticky;bottom:0;justify-content:flex-end}.modal-button{padding:.625rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-width:100px}.modal-button-secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.modal-button-secondary:hover{background:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.modal-button-primary{background:var(--color-primary-solid);color:var(--color-primary-on-solid);border:1px solid var(--color-primary-solid)}.modal-button-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-elevation-low)}@media (max-width: 768px){.questionnaire-grid{grid-template-columns:1fr}.clinical-questionnaire-modal{width:95%;max-height:90vh}.modal-header,.questionnaire-grid{padding:1rem}.modal-actions{padding:.75rem 1rem 1rem}}.compact-diagnosis-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;max-width:250px}.compact-diagnosis-card:hover{border-color:var(--color-primary-border);transform:translateY(-2px);box-shadow:var(--shadow-elevation-low)}.compact-diagnosis-card:focus{outline:2px solid var(--color-primary-border);outline-offset:2px}.compact-card-image{position:relative;width:100%;height:120px;overflow:hidden;background:var(--color-bg-subtle)}.compact-card-image .image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;z-index:1}.compact-card-image img{position:relative;width:100%;height:100%;object-fit:cover;display:block;z-index:2}.compact-image-count{position:absolute;bottom:6px;right:6px;background:var(--overlay-scrim-strong);color:var(--color-text-on-inverse);padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.compact-skin-type-badge{position:absolute;top:6px;left:6px;background:var(--overlay-primary-strong);color:var(--color-primary-on-solid);padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-elevation-low)}.compact-card-title{padding:10px 12px;background:var(--color-bg-card)}.compact-card-title h4{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.compact-diagnosis-card:hover .compact-card-title h4{color:var(--color-primary-text)}@media (max-width: 768px){.compact-card-image{height:100px}.compact-card-title h4{font-size:.8rem}}.ai-rationale,.ai-likelihood{margin-top:6px;font-size:.75rem;line-height:1.3;background:var(--color-background-elevated);color:var(--color-text-secondary)}.ai-rationale strong,.ai-likelihood strong{color:var(--color-text-primary);font-weight:600;margin-right:4px}.diagnosis-card{background:var(--color-background-elevated);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-rounder);overflow:hidden;box-shadow:var(--elevation-low);transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.ai-answer-sidebar .diagnosis-card{max-width:300px}.diagnosis-card.placeholder-diagnosis{border-style:dashed;background:var(--color-background-secondary);opacity:.9}.diagnosis-card.placeholder-diagnosis:hover{transform:none;box-shadow:var(--elevation-low)}.diagnosis-card:hover{transform:translateY(-4px);box-shadow:var(--elevation-medium);border-color:var(--color-border-primary)}.diagnosis-image-container{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:8px 8px 0 0}.placeholder-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ed 100%);padding:2rem;gap:.5rem}.placeholder-icon{font-size:3rem;opacity:.5}.placeholder-text{font-size:.875rem;color:var(--color-text-muted);text-align:center}.diagnosis-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-background-primary) 100%)}.diagnosis-content{padding:1rem;flex:1}.diagnosis-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.diagnosis-card-image{position:relative;width:100%;height:200px;overflow:hidden;background:var(--color-background-tertiary)}.diagnosis-card-image .image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;z-index:1}.diagnosis-card-image img{position:relative;width:100%;height:100%;object-fit:cover;transition:transform .2s ease;z-index:2}.diagnosis-card:hover .diagnosis-card-image img{transform:scale(1.05)}.image-count{position:absolute;top:8px;right:8px;background:var(--color-overlay-xstrong);color:var(--color-white);padding:4px 8px;border-radius:var(--radius-rounder);font-size:.75rem;font-weight:500}.match-badges-container{position:absolute;top:8px;left:8px;display:flex;gap:6px;pointer-events:none}.compact-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--color-white);box-shadow:var(--elevation-low);transition:transform .2s ease}.compact-badge:hover{transform:scale(1.1)}.skin-type-badge{background:var(--gradient-success)}.caption-badge{background:var(--gradient-primary)}.click-to-view{position:absolute;bottom:0;left:0;right:0;background:var(--gradient-fade-strong);color:var(--color-white);padding:16px 8px 8px;font-size:.8rem;font-weight:500;text-align:center;opacity:0;transition:opacity .2s ease}.diagnosis-card:hover .click-to-view{opacity:1}.diagnosis-card-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:.5rem}.diagnosis-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.diagnosis-name{color:var(--color-text-primary);margin:0;font-size:1.125rem;flex:1;font-weight:600;line-height:1.3}.icd10-code{background:var(--color-background-elevated);color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border-subtle);padding:4px 8px;border-radius:var(--radius-rounded);font-size:.75rem;font-weight:500;white-space:nowrap}.diagnosis-category{margin-bottom:12px}.category-badge{background:var(--color-background-elevated);color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border-subtle);padding:4px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500}.diagnosis-description{color:var(--color-text-tertiary);line-height:1.5;margin-bottom:16px;font-size:.9rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.common-names{border-top:var(--border-thin) solid var(--color-border-subtle);padding-top:12px;margin-top:auto}.common-names-label{font-size:.8rem;color:var(--color-text-muted);display:block;margin-bottom:8px;font-weight:500}.common-names-list{display:flex;gap:6px;flex-wrap:wrap}.common-name-tag{background:var(--color-background-elevated);color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border-subtle);padding:4px 8px;border-radius:var(--radius-rounded);font-size:.75rem}.diagnosis-card{position:relative}.comparison-select-button{width:100%;margin-top:.75rem;padding:.5rem 1rem;background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--elevation-low)}.comparison-select-button:hover{transform:translateY(-1px);box-shadow:var(--elevation-medium)}.comparison-select-button.selected{background:var(--gradient-success)}.diagnosis-card.selected-for-comparison{border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}.diagnosis-card.selected-for-comparison:hover{border-color:var(--color-primary);box-shadow:var(--elevation-medium),0 0 0 3px color-mix(in srgb,var(--color-primary) 40%,transparent)}@media (max-width: 768px){.diagnosis-card-image{height:160px}.diagnosis-card-content{padding:16px}.diagnosis-name{font-size:1rem}.diagnosis-description{-webkit-line-clamp:2;line-clamp:2}}.results-container{padding:20px;max-width:1400px;margin:0 auto;min-height:50vh;display:flex;flex-direction:column}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--color-text-secondary);background:white;border:var(--border-thin) solid var(--color-border-subtle);width:20rem;max-width:90vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--radius-rounder);box-shadow:0 4px 12px #0000001a;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border-subtle);border-top:4px solid var(--color-primary);border-radius:var(--radius-pill);animation:spin 1s linear infinite;margin-bottom:16px}.no-search,.no-results{text-align:center;padding:60px 20px;background:var(--color-background-secondary);border-radius:var(--radius-rounder);border:var(--border-thin) solid var(--color-border-subtle);color:var(--color-text-secondary)}.no-search h3,.no-results h3{color:var(--color-text-primary);margin-bottom:12px;font-size:1.5rem}.results-header{margin-bottom:30px;padding-bottom:20px;border-bottom:var(--border-thin) solid var(--color-border-subtle)}.results-header h2{color:var(--color-text-primary);margin:0 0 8px;font-size:1.8rem;font-weight:600}.config-info-row{font-size:.875rem;color:var(--color-text-muted);font-style:italic;margin-top:.25rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:20px}.ai-answer-panel{font-size:inherit;line-height:inherit}.ai-answer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.btn-inactive{background:var(--color-background-elevated);color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border-subtle);cursor:pointer}.btn-inactive:hover:not(:disabled){background:var(--color-interactive-bg-hover)}.error-message{background:var(--color-error-light);color:var(--color-error);padding:16px 20px;border-radius:var(--radius-rounder);border:var(--border-thin) solid var(--color-error);margin:20px 0;text-align:center;font-weight:500}.diagnosis-meta,.search-highlights{display:none!important}@media (max-width: 768px){.results-container{padding:16px}.results-grid{grid-template-columns:1fr;gap:16px}.results-header h2{font-size:1.5rem}}@media (max-width: 480px){.results-container{padding:12px}.loading,.no-search,.no-results{padding:40px 12px}}.loading-progress-wrapper{width:260px;display:flex;align-items:center;gap:.5rem}.loading-progress-bar{position:relative;flex:1;height:6px;border-radius:999px;background:var(--color-fill-muted, rgba(0,0,0,.15));overflow:hidden}.loading-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary);width:0%;transition:width .3s ease}.loading-progress-steps{width:3rem;text-align:right;font-size:.75rem;opacity:.75;font-variant-numeric:tabular-nums}.loading-phase-list-simple{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;align-items:center}.loading-phase-list-simple li{display:flex;align-items:center;gap:.75rem;font-size:.9rem;padding:.5rem 0;transition:all .2s ease;text-align:left}.loading-phase-list-simple li.pending{color:var(--vdx-neutral-05);opacity:.6}.loading-phase-list-simple li.active{color:var(--vdx-blue-06)}.loading-phase-list-simple li.active .phase-text{font-weight:600;color:var(--vdx-neutral-09)}.loading-phase-list-simple li.done{color:var(--vdx-neutral-06)}.loading-phase-list-simple .check-icon{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--success-600, #22c55e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.loading-phase-list-simple .mini-spinner{flex-shrink:0;width:16px;height:16px;border:2px solid var(--color-border-subtle, rgba(0, 0, 0, .15));border-top-color:var(--vdx-blue-07, #4fa3ff);border-radius:50%;animation:spin .8s linear infinite;display:block}.loading-phase-list-simple .phase-text{flex:1}.loading.compact{gap:.4rem}.loading.compact .loading-phase-list-simple{margin-top:1rem;gap:.5rem}.loading.compact .loading-phase-list-simple li{font-size:.8rem;padding:.35rem 0}.loading.compact .loading-phase-list-simple .check-icon{width:16px;height:16px;font-size:11px}.loading.compact .loading-phase-list-simple .mini-spinner{width:14px;height:14px;border-width:2px}.dev-last-plan-list{list-style:none;margin:.4rem 0 0;padding:0;max-width:260px}.dev-last-plan-row{display:flex;align-items:center;gap:.4rem;margin:2px 0}.dev-last-plan-phase{flex:0 0 110px;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-last-plan-bar-wrapper{flex:1;background:var(--color-fill-muted,rgba(255,255,255,.12));height:6px;border-radius:4px;position:relative}.dev-last-plan-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent-500,#4da3ff),var(--accent-300,#82c3ff));border-radius:4px}.dev-last-plan-ms{flex:0 0 46px;text-align:right;font-size:.6rem;opacity:.75;font-variant-numeric:tabular-nums}.dev-last-plan-toggle{margin-left:.5rem;font-size:.6rem;background:none;border:1px solid var(--color-border-subtle,rgba(255,255,255,.25));color:inherit;padding:2px 6px;border-radius:4px;cursor:pointer}.dev-last-plan-toggle:hover{background:var(--color-bg-subtle,rgba(255,255,255,.12))}.grouped-diagnosis-results{display:flex;flex-direction:column;gap:0}.diagnosis-group{background:white;border:1px solid var(--color-border-subtle);border-radius:8px;overflow:hidden;transition:all .2s ease}.diagnosis-group:hover{border-color:var(--color-border-subtle)}.group-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:4px solid var(--group-accent, var(--color-accent));background:white;transition:background .2s ease}.group-header:hover{background:var(--color-background-secondary)}.group-header-left{display:flex;align-items:center;gap:.5rem}.group-name{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.group-count{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.group-toggle{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-primary);width:32px;height:32px;border-radius:4px;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.group-toggle:hover{background:var(--color-background-secondary);border-color:var(--color-accent);color:var(--color-accent)}.group-content{padding:1.25rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:5000px}}.group-content .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:0}@media (max-width: 768px){.group-header{padding:.875rem 1rem}.group-header-left{gap:.375rem}.group-name{font-size:1rem}.group-content{padding:1rem}.group-content .results-grid{grid-template-columns:1fr}}.source-bar{margin:1rem 0}.source-divider{border:none;height:2px;background:#d1d5db;margin:0 0 .75rem}.source-message{font-size:.9rem;color:#4b5563;font-style:italic;margin:0;text-align:center;font-weight:500}@media (prefers-color-scheme: dark){.source-divider{background:#4b5563}.source-message{color:#d1d5db}}.diagnosis-search-autocomplete{position:relative;width:100%;max-width:600px;margin:0 auto}.search-input-wrapper{position:relative;width:100%}.autocomplete-input{width:100%;padding:.875rem 3rem .875rem 1rem;font-size:1rem;border:2px solid var(--color-border-default);border-radius:.5rem;background:var(--color-background-elevated);color:var(--color-text-primary);transition:all .2s ease}.autocomplete-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}.autocomplete-input::placeholder{color:var(--color-text-muted)}.search-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.spinner{width:20px;height:20px;border:2px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.autocomplete-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:700px;overflow-y:auto;background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:.5rem;box-shadow:var(--elevation-medium);z-index:1000}.autocomplete-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--color-border-subtle)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:var(--color-background-tertiary)}.autocomplete-item.selected{border-left:3px solid var(--color-primary)}.item-thumbnail{flex-shrink:0;width:60px;height:45px;border-radius:.25rem;overflow:hidden;background:var(--color-background-default);display:flex;align-items:center;justify-content:center}.item-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.no-thumbnail{color:var(--color-text-muted);font-size:1.25rem;font-weight:600}.item-content{flex:1;min-width:0}.item-name{font-weight:600;font-size:.95rem;color:var(--color-text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-code{font-size:.8rem;color:var(--color-text-secondary)}.no-results{padding:1.5rem;text-align:center;color:var(--color-text-muted);font-style:italic}.search-error{margin-top:.5rem;padding:.75rem;background:var(--color-error-subtle);border:1px solid var(--color-error);border-radius:.375rem;color:var(--color-error);font-size:.875rem}.autocomplete-dropdown::-webkit-scrollbar{width:8px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--color-background-default);border-radius:0 .5rem .5rem 0}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-emphasis)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.differential-priority-modal{background:white;border:1px solid var(--color-border-subtle);border-radius:12px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-elevation-low);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.priority-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0;border-bottom:1px solid var(--color-border-subtle);margin-bottom:0}.priority-header-content{flex:1;padding-right:16px}.priority-title{color:var(--color-text-emphasis);font-size:1.5rem;font-weight:600;margin:0 0 8px;line-height:1.3}.priority-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 20px;line-height:1.4}.priority-close-button{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1;flex-shrink:0}.priority-close-button:hover{background:var(--color-background-subtle);color:var(--color-text-primary)}.priority-content{padding:20px 24px}.priority-instructions-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.priority-instructions{background:var(--color-background-subtle);border:1px solid var(--color-border-subtle);border-radius:8px;padding:12px 16px;font-size:.9rem;color:var(--color-text-primary);flex:1}.btn-reset-priorities{background:var(--color-background-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-reset-priorities:hover{background:var(--color-background-tertiary);color:var(--color-text-primary);border-color:var(--color-border-emphasis)}.priority-list{display:flex;flex-direction:column;gap:8px}.priority-item{display:flex;align-items:center;background:var(--color-surface);border:2px solid var(--color-border-subtle);border-radius:8px;padding:12px 16px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.priority-item:hover{border-color:var(--color-primary-06);background:var(--color-background-elevated);transform:translateY(-1px);box-shadow:var(--shadow-elevation-low)}.priority-item.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg)}.priority-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary);color:var(--color-white);border-radius:50%;font-weight:600;font-size:.9rem;margin-right:12px;flex-shrink:0}.priority-category{flex:1;font-size:1rem;color:var(--color-text-primary);font-weight:500}.priority-drag-handle{color:var(--color-text-muted);font-size:1.2rem;cursor:grab;padding:4px;margin-left:8px;opacity:.6;transition:opacity .2s ease}.priority-item:hover .priority-drag-handle{opacity:1}.priority-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 24px;border-top:1px solid var(--color-border-subtle);background:var(--color-background-subtle)}.priority-remember-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-primary);font-size:.9rem}.priority-remember-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.priority-remember-checkbox span{line-height:1.4}.priority-buttons{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-background-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.btn-secondary:hover{background:var(--color-background-tertiary);border-color:var(--color-border-emphasis)}@media (max-width: 600px){.differential-priority-modal{width:95%;max-height:90vh}.priority-header{padding:20px 20px 0}.priority-content{padding:16px 20px}.priority-actions{padding:16px 20px 20px;flex-direction:column;align-items:stretch}.priority-remember-checkbox{order:2;margin-top:12px}.priority-buttons{order:1;flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.focused-section-container{max-width:1000px;margin:20px auto 40px;padding:0 20px}.focused-section-loading,.focused-section-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:20px}.focused-section-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.focused-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-border-subtle)}.focused-section-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.breadcrumb-home{background:none;border:none;padding:0;font-size:14px;color:var(--color-text-secondary);cursor:pointer;transition:color .2s;font-family:inherit}.breadcrumb-home:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-diagnosis{font-weight:600;color:var(--color-text-primary)}.breadcrumb-separator{color:var(--color-text-tertiary)}.breadcrumb-section{color:var(--color-primary)}.view-full-button-header,.view-full-button,.view-full-button-footer,.view-more-images-button{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-round);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.view-full-button-header:hover,.view-full-button:hover,.view-full-button-footer:hover,.view-more-images-button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.focused-section-content{background:white;border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-rounder);padding:32px;margin-bottom:24px}.focused-section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-subtle)}.section-icon{font-size:32px}.focused-section-title h2{margin:0;font-size:28px;font-weight:600;color:var(--color-text-primary)}.focused-section-body{font-size:15px;line-height:1.7;color:var(--color-text-primary)}.focused-section-body ul,.focused-section-body ol{margin:16px 0;padding-left:24px}.focused-section-body li{margin:8px 0}.focused-section-body b,.focused-section-body strong{font-weight:600;color:var(--color-text-primary)}.focused-section-body a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.focused-section-body a:hover{border-bottom-color:var(--color-primary)}.focused-section-body p{margin:12px 0}.focused-section-body br{display:block;content:"";margin:8px 0}.focused-section-images{margin-top:32px;padding-top:32px;border-top:1px solid var(--color-border-subtle)}.focused-section-images-top{margin-top:0;padding-top:0;padding-bottom:32px;border-top:none;border-bottom:1px solid var(--color-border-subtle)}.focused-section-images h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.focused-section-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.focused-section-image{position:relative;border-radius:var(--radius-round);overflow:hidden;background:var(--color-background-subtle);border:var(--border-thin) solid var(--color-border-subtle);transition:transform .2s,box-shadow .2s}.focused-section-image:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.focused-section-image img{width:100%;height:200px;object-fit:cover;display:block}.focused-section-image-caption{padding:12px;font-size:13px;line-height:1.4;color:var(--color-text-secondary);background:white}.view-more-images-button{width:100%;padding:12px;margin-top:8px}.focused-section-footer{text-align:center}.view-full-button-footer{padding:12px 32px;font-size:15px}@media (max-width: 768px){.focused-section-container{padding:16px}.focused-section-header{flex-direction:column;align-items:flex-start;gap:12px}.focused-section-content{padding:20px}.focused-section-title{flex-direction:column;align-items:flex-start;gap:8px}.section-icon{font-size:24px}.focused-section-title h2{font-size:22px}.focused-section-image-grid{grid-template-columns:1fr}}.image-gallery-page{padding:1.5rem clamp(.75rem,1.2vw,1.75rem);width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.image-gallery-page.full-bleed{width:100%;max-width:100%}.image-gallery-header{margin-bottom:2rem;border-bottom:2px solid var(--color-border-subtle);padding-bottom:1rem}.back-button{background:none;border:none;color:var(--color-primary-text);cursor:pointer;font-size:1rem;padding:.5rem 1rem;margin-bottom:1rem;border-radius:4px;transition:background-color .2s}.back-button:hover{background-color:var(--color-primary-soft-bg)}.image-gallery-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text-emphasis)}.image-count{color:#fff;font-size:var(--text-size-1)}.image-gallery-grid{display:grid;gap:1rem;padding:1rem 0 2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;box-sizing:border-box;width:100%}@media (min-width: 2200px){.image-gallery-page{--gallery-max-width: 2400px}.image-gallery-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(clamp(180px,12vw,300px),1fr))}}.gallery-image-card{display:flex;flex-direction:column;align-items:center;aspect-ratio:4/3;position:relative;cursor:pointer;border-radius:0;overflow:hidden;background:var(--color-surface-subtle);transition:all .2s ease;box-sizing:border-box;width:100%}.gallery-image-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevation-medium)}.gallery-image-card:focus{outline:2px solid var(--color-primary-border);outline-offset:2px}.gallery-image-card .image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;z-index:1}.gallery-image-card img{position:relative;width:100%;height:100%;object-fit:cover;transition:transform .2s ease;display:block;z-index:2}.gallery-image-card:hover img{transform:scale(1.05)}.image-caption{padding:1rem;font-size:.9rem;color:var(--color-text-default);line-height:1.5}.skin-type-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.skin-type-btn{padding:.5rem 1rem;border:1px solid var(--color-border-default);background-color:var(--color-surface);color:var(--color-text-default);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.skin-type-btn:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-emphasis)}.skin-type-btn.active{background-color:var(--color-primary-solid);color:var(--color-primary-on-solid);border-color:var(--color-primary-solid)}.skin-type-btn.active:hover{background-color:var(--color-primary-hover)}.image-gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-muted)}.spinner{border:3px solid var(--color-surface-subtle);border-top:3px solid var(--color-primary-solid);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-image-card{cursor:pointer}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-scrim-strong);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;width:90%;height:90%;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:1rem;right:1rem;background:var(--overlay-inverse-strong);border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:1001;transition:background-color .2s}.lightbox-close:hover{background:var(--overlay-inverse-solid)}.lightbox-navigation{display:flex;align-items:center;gap:1rem;width:100%;height:100%}.nav-button{background:var(--overlay-inverse-strong);border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;flex-shrink:0;transition:background-color .2s,transform .2s}.nav-button:hover:not(:disabled){background:var(--overlay-inverse-solid);transform:scale(1.1)}.nav-button:disabled{opacity:.3;cursor:not-allowed}.lightbox-image-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-height:100%;position:relative}.lightbox-skeleton-wrapper{position:absolute;width:80%;max-width:800px;aspect-ratio:16/9;z-index:1}.lightbox-image-container img{position:relative;max-width:100%;max-height:calc(100% - 100px);object-fit:contain;border-radius:8px;z-index:2}.image-info{background:var(--overlay-inverse-stronger);padding:1rem;border-radius:8px;max-width:600px;text-align:center}.image-info p{margin:0 0 .5rem;color:var(--color-text-default);font-size:1rem}.image-counter{color:var(--color-text-muted);font-size:.875rem}@media (max-width: 768px){.image-gallery-page{padding:1rem}.image-gallery-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.lightbox-navigation{gap:.5rem}.nav-button{width:40px;height:40px;font-size:1.2rem}.lightbox-close{top:.5rem;right:.5rem}}.non-medical-message-container{max-width:600px;margin:3rem auto;padding:2rem;background:var(--color-background-elevated, white);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-rounder, 12px);box-shadow:var(--elevation-low, 0 2px 8px rgba(0, 0, 0, .1));text-align:center}.non-medical-message-container h3{color:var(--color-text-primary, #1a1a1a);font-size:1.5rem;margin:0 0 1rem;font-weight:600}.non-medical-query{color:var(--color-text-secondary, #666);font-size:.95rem;margin:1rem 0;padding:.75rem 1rem;background:var(--color-background-secondary, #f5f5f5);border-radius:6px}.non-medical-query strong{color:var(--color-text-primary, #1a1a1a)}.non-medical-description{color:var(--color-text-secondary, #666);font-size:.95rem;line-height:1.6;margin:1.5rem 0 1rem;text-align:left}.non-medical-examples{list-style:none;padding:0;margin:1rem 0;text-align:left}.non-medical-examples li{color:var(--color-text-secondary, #666);font-size:.9rem;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.non-medical-examples li:before{content:"✓";position:absolute;left:0;color:var(--success-600, #22c55e);font-weight:700}.non-medical-suggestion{color:var(--color-text-primary, #1a1a1a);font-size:.95rem;margin:1.5rem 0 0;font-weight:500}@media (max-width: 640px){.non-medical-message-container{margin:2rem 1rem;padding:1.5rem}.non-medical-icon{font-size:2.5rem}.non-medical-message-container h3{font-size:1.25rem}}.side-nav{width:80px;background:var(--color-neutral-09);display:flex;flex-direction:column;align-items:center;padding:2rem 0;height:100vh;position:fixed;left:0;top:0;z-index:10;transition:all .2s;display:none}.side-nav-list{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;width:100%}.side-nav-profile{margin-top:auto;margin-bottom:2rem;width:100%;display:flex;flex-direction:column;align-items:center}.side-nav-item{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;color:var(--color-text-muted)!important;text-decoration:none;font-size:.85rem;transition:color .2s}.side-nav-item.active,.side-nav-item.active .side-nav-icon,.side-nav-item.active .side-nav-label,.side-nav-item:focus,.side-nav-item:hover{color:var(--color-text-primary)!important;fill:var(--color-text-primary)!important}.side-nav-icon{width:24px;height:24px;margin-bottom:.3rem;fill:var(--color-text-muted)!important;color:var(--color-text-muted)!important}.side-nav-label{font-size:.72rem;text-align:center;margin-top:.1rem;color:var(--color-text-muted)!important}@media (max-width: 600px){.side-nav{width:100vw;height:56px;min-height:0;max-height:56px;padding:0;position:fixed;left:0;right:0;bottom:0;top:auto;flex-direction:row;align-items:stretch;justify-content:center;z-index:100;box-shadow:0 -2px 8px #00000014}.side-nav-list,.side-nav-profile{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;height:100%;margin:0;padding:0}.side-nav-item{flex:1 1 0;margin:0;padding:0;align-items:center;justify-content:center;font-size:.7rem;height:100%}.side-nav-icon{width:22px;height:22px;margin-bottom:.1rem}.side-nav-label{font-size:.65rem;margin-top:0}}:root{--vdx-blue-00: rgba(229, 248, 255, 1);--vdx-blue-01: rgba(200, 241, 255, 1);--vdx-blue-02: rgba(163, 227, 250, 1);--vdx-blue-03: rgba(113, 209, 244, 1);--vdx-blue-04: rgba(66, 181, 223, 1);--vdx-blue-05: rgba(27, 165, 216, 1);--vdx-blue-06: rgba(12, 144, 192, 1);--vdx-blue-07: rgba(6, 126, 170, 1);--vdx-blue-08: rgba(0, 110, 150, 1);--vdx-blue-09: rgba(0, 93, 128, 1);--vdx-blue-10: rgba(0, 82, 111, 1);--vdx-blue-11: rgba(0, 67, 92, 1);--vdx-green-00: rgba(233, 255, 230, 1);--vdx-green-01: rgba(209, 250, 204, 1);--vdx-green-02: rgba(181, 238, 175, 1);--vdx-green-03: rgba(146, 223, 139, 1);--vdx-green-04: rgba(105, 203, 98, 1);--vdx-green-05: rgba(66, 165, 64, 1);--vdx-green-06: rgba(41, 133, 43, 1);--vdx-green-07: rgba(25, 107, 40, 1);--vdx-green-08: rgba(16, 86, 29, 1);--vdx-green-09: rgba(5, 66, 16, 1);--vdx-green-10: rgba(2, 49, 11, 1);--vdx-green-11: rgba(0, 41, 8, 1);--vdx-neutral-00: rgba(245, 246, 249, 1);--vdx-neutral-01: rgba(235, 237, 242, 1);--vdx-neutral-02: rgba(215, 220, 229, 1);--vdx-neutral-03: rgba(178, 187, 203, 1);--vdx-neutral-04: rgba(144, 157, 178, 1);--vdx-neutral-05: rgba(114, 128, 152, 1);--vdx-neutral-06: rgba(66, 82, 108, 1);--vdx-neutral-07: rgba(42, 54, 75, 1);--vdx-neutral-08: rgba(29, 39, 58, 1);--vdx-neutral-09: rgba(24, 33, 48, 1);--vdx-neutral-10: rgba(13, 21, 35, 1);--vdx-neutral-11: rgba(3, 7, 12, 1);--vdx-red-00: rgba(255, 245, 246, 1);--vdx-red-01: rgba(255, 219, 220, 1);--vdx-red-02: rgba(251, 172, 176, 1);--vdx-red-03: rgba(233, 114, 117, 1);--vdx-red-04: rgba(221, 70, 75, 1);--vdx-red-05: rgba(194, 41, 46, 1);--vdx-red-06: rgba(165, 29, 34, 1);--vdx-red-07: rgba(145, 8, 12, 1);--vdx-red-08: rgba(128, 0, 4, 1);--vdx-red-09: rgba(110, 8, 11, 1);--vdx-red-10: rgba(96, 11, 14, 1);--vdx-red-11: rgba(80, 2, 4, 1);--vdx-violet-00: rgba(254, 245, 255, 1);--vdx-violet-01: rgba(241, 219, 246, 1);--vdx-violet-02: rgba(228, 195, 236, 1);--vdx-violet-03: rgba(206, 145, 220, 1);--vdx-violet-04: rgba(183, 105, 201, 1);--vdx-violet-05: rgba(161, 76, 181, 1);--vdx-violet-06: rgba(137, 51, 157, 1);--vdx-violet-07: rgba(114, 34, 133, 1);--vdx-violet-08: rgba(96, 25, 112, 1);--vdx-violet-09: rgba(84, 19, 98, 1);--vdx-violet-10: rgba(74, 14, 88, 1);--vdx-violet-11: rgba(61, 10, 72, 1);--vdx-yellow-00: rgba(255, 251, 224, 1);--vdx-yellow-01: rgba(255, 247, 204, 1);--vdx-yellow-02: rgba(255, 238, 163, 1);--vdx-yellow-03: rgba(255, 220, 122, 1);--vdx-yellow-04: rgba(250, 179, 61, 1);--vdx-yellow-05: rgba(241, 157, 32, 1);--vdx-yellow-06: rgba(227, 124, 14, 1);--vdx-yellow-07: rgba(209, 93, 4, 1);--vdx-yellow-08: rgba(185, 80, 0, 1);--vdx-yellow-09: rgba(158, 65, 0, 1);--vdx-yellow-10: rgba(129, 52, 0, 1);--vdx-yellow-11: rgba(102, 41, 0, 1);--vdx-white: rgba(255, 255, 255, 1);--radius-none: 0px;--radius-rounded: 5px;--radius-rounder: 9px;--radius-pill: 50px;--border-none: 0;--border-hairline: .5px;--border-thin: 1px;--border-medium: 1.5px;--border-thick: 2px;--button-height-xs: 24px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-height-xl: 56px;--button-height-2xl: 64px;--button-padding-xs: .25rem .5rem;--button-padding-sm: .375rem .75rem;--button-padding-md: .5rem 1rem;--button-padding-lg: .75rem 1.25rem;--button-padding-xl: .875rem 1.5rem;--button-padding-2xl: 1rem 2rem;--button-font-xs: .75rem;--button-font-sm: .875rem;--button-font-md: 1rem;--button-font-lg: 1.125rem;--button-font-xl: 1.25rem;--button-font-2xl: 1.375rem;--color-primary: var(--vdx-blue-07);--color-primary-light: var(--vdx-blue-03);--color-primary-dark: var(--vdx-blue-08);--color-primary-hover: var(--vdx-blue-05);--color-success: var(--vdx-green-06);--color-success-light: var(--vdx-green-02);--color-success-dark: var(--vdx-green-08);--color-warning: var(--vdx-yellow-06);--color-warning-light: var(--vdx-yellow-02);--color-warning-dark: var(--vdx-yellow-08);--color-error: var(--vdx-red-06);--color-error-light: var(--vdx-red-02);--color-error-dark: var(--vdx-red-08);--color-background-default: var(--vdx-neutral-10);--color-background-subtle: var(--vdx-neutral-09);--color-background-elevated: var(--vdx-neutral-08);--color-background-tertiary: var(--vdx-neutral-07);--color-background-muted: var(--vdx-neutral-06);--color-text-primary: var(--vdx-neutral-00);--color-text-secondary: var(--vdx-neutral-03);--color-text-tertiary: var(--vdx-neutral-05);--color-text-muted: var(--vdx-neutral-04);--color-text-emphasis: var(--vdx-blue-06);--color-border-primary: var(--vdx-blue-06);--color-border-subtle: var(--vdx-neutral-07);--color-border-default: var(--vdx-neutral-06);--color-white: var(--vdx-white)}:root{--color-interactive-primary: var(--color-primary-07);--color-interactive-primary-hover: var(--color-primary-06);--color-interactive-primary-active: var(--color-primary-08);--color-interactive-primary-disabled: var(--color-neutral-07);--color-focus-ring: var(--color-primary-04);--color-link: var(--color-primary-04);--color-link-hover: var(--color-primary-03);--color-link-visited: var(--color-primary-05);--color-primary-00: var(--vdx-blue-00);--color-primary-01: var(--vdx-blue-01);--color-primary-02: var(--vdx-blue-02);--color-primary-03: var(--vdx-blue-03);--color-primary-04: var(--vdx-blue-04);--color-primary-05: var(--vdx-blue-05);--color-primary-06: var(--vdx-blue-06);--color-primary-07: var(--vdx-blue-07);--color-primary-08: var(--vdx-blue-08);--color-primary-09: var(--vdx-blue-09);--color-primary-10: var(--vdx-blue-10);--color-primary-11: var(--vdx-blue-11);--color-success-00: var(--vdx-green-00);--color-success-01: var(--vdx-green-01);--color-success-02: var(--vdx-green-02);--color-success-03: var(--vdx-green-03);--color-success-04: var(--vdx-green-04);--color-success-05: var(--vdx-green-05);--color-success-06: var(--vdx-green-06);--color-success-07: var(--vdx-green-07);--color-success-08: var(--vdx-green-08);--color-success-09: var(--vdx-green-09);--color-success-10: var(--vdx-green-10);--color-success-11: var(--vdx-green-11);--color-warning-00: var(--vdx-yellow-00);--color-warning-01: var(--vdx-yellow-01);--color-warning-02: var(--vdx-yellow-02);--color-warning-03: var(--vdx-yellow-03);--color-warning-04: var(--vdx-yellow-04);--color-warning-05: var(--vdx-yellow-05);--color-warning-06: var(--vdx-yellow-06);--color-warning-07: var(--vdx-yellow-07);--color-warning-08: var(--vdx-yellow-08);--color-warning-09: var(--vdx-yellow-09);--color-warning-10: var(--vdx-yellow-10);--color-warning-11: var(--vdx-yellow-11);--color-error-00: var(--vdx-red-00);--color-error-01: var(--vdx-red-01);--color-error-02: var(--vdx-red-02);--color-error-03: var(--vdx-red-03);--color-error-04: var(--vdx-red-04);--color-error-05: var(--vdx-red-05);--color-error-06: var(--vdx-red-06);--color-error-07: var(--vdx-red-07);--color-error-08: var(--vdx-red-08);--color-error-09: var(--vdx-red-09);--color-error-10: var(--vdx-red-10);--color-error-11: var(--vdx-red-11);--color-neutral-00: var(--vdx-neutral-00);--color-neutral-01: var(--vdx-neutral-01);--color-neutral-02: var(--vdx-neutral-02);--color-neutral-03: var(--vdx-neutral-03);--color-neutral-04: var(--vdx-neutral-04);--color-neutral-05: var(--vdx-neutral-05);--color-neutral-06: var(--vdx-neutral-06);--color-neutral-07: var(--vdx-neutral-07);--color-neutral-08: var(--vdx-neutral-08);--color-neutral-09: var(--vdx-neutral-09);--color-neutral-10: var(--vdx-neutral-10);--color-neutral-11: var(--vdx-neutral-11);--color-violet-00: var(--vdx-violet-00);--color-violet-01: var(--vdx-violet-01);--color-violet-02: var(--vdx-violet-02);--color-violet-03: var(--vdx-violet-03);--color-violet-04: var(--vdx-violet-04);--color-violet-05: var(--vdx-violet-05);--color-violet-06: var(--vdx-violet-06);--color-violet-07: var(--vdx-violet-07);--color-violet-08: var(--vdx-violet-08);--color-violet-09: var(--vdx-violet-09);--color-violet-10: var(--vdx-violet-10);--color-violet-11: var(--vdx-violet-11);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Consolas", "Courier New", monospace;--color-white: var(--vdx-white);--color-black: var(--color-neutral-11);--color-background-default: var(--color-neutral-10);--color-background-subtle: var(--color-neutral-09);--color-background-muted: var(--color-neutral-08);--color-background-emphasis: var(--color-neutral-07);--color-text-default: var(--color-neutral-01);--color-text-subtle: var(--color-neutral-03);--color-text-muted: var(--color-neutral-04);--color-text-emphasis: var(--color-neutral-00);--color-text-inverse: var(--color-neutral-11);--color-border-default: var(--color-neutral-06);--color-border-subtle: var(--color-neutral-07);--color-border-muted: var(--color-neutral-09);--color-border-emphasis: var(--color-neutral-05);--color-surface-primary: var(--color-neutral-11);--color-surface-secondary: var(--color-neutral-09);--color-surface-tertiary: var(--color-neutral-07);--color-surface-elevated: var(--color-neutral-07);--color-overlay-light: rgba(255, 255, 255, .1);--color-overlay-medium: rgba(255, 255, 255, .2);--color-overlay-heavy: rgba(0, 0, 0, .7);--color-success-bg: var(--color-success-11);--color-success-text: var(--color-success-03);--color-success-border: var(--color-success-06);--color-warning-bg: var(--color-warning-11);--color-warning-text: var(--color-warning-03);--color-warning-border: var(--color-warning-06);--color-error-bg: var(--color-error-11);--color-error-text: var(--color-error-01);--color-error-border: var(--color-error-11);--color-info-bg: var(--color-primary-11);--color-info-text: var(--color-primary-03);--color-info-border: var(--color-primary-06);--color-background-secondary: var(--color-surface-secondary);--color-background-tertiary: var(--color-surface-tertiary);--color-background-elevated: var(--color-surface-elevated)}body{background-color:var(--color-background-default);color:var(--color-text-default);font-family:var(--font-family-primary);font-feature-settings:"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:var(--border-thick) solid var(--color-focus-ring);outline-offset:2px}a{color:var(--color-link);text-decoration:underline;font-family:var(--font-family-primary)}a:hover{color:var(--color-link-hover)}a:visited{color:var(--color-link-visited)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:600;line-height:1.2;color:var(--color-text-default)}p,span,div{font-family:var(--font-family-primary)}code,pre,.code{font-family:var(--font-family-mono);background-color:var(--color-surface-secondary);color:var(--color-text-default);padding:.25rem;border-radius:var(--radius-rounded)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-emphasis{color:var(--color-text-emphasis)}.bg-default{background-color:var(--color-background-default)}.bg-subtle{background-color:var(--color-background-subtle)}.bg-muted{background-color:var(--color-background-muted)}.bg-elevated{background-color:var(--color-surface-elevated)}.border-default{border:var(--border-thin) solid var(--color-border-default)}.border-subtle{border:var(--border-thin) solid var(--color-border-subtle)}.border-muted{border:var(--border-thin) solid var(--color-border-muted)}.rounded{border-radius:var(--radius-rounded)}.rounded-more{border-radius:var(--radius-rounder)}.pill{border-radius:var(--radius-pill)}.alert-success{background-color:var(--color-success-bg);border:var(--border-thin) solid var(--color-success-border);color:var(--color-success-text);padding:.75rem;border-radius:var(--radius-rounded);font-family:var(--font-family-primary)}.alert-warning{background-color:var(--color-warning-bg);border:var(--border-thin) solid var(--color-warning-border);color:var(--color-warning-text);padding:.75rem;border-radius:var(--radius-rounded);font-family:var(--font-family-primary)}.alert-error{background-color:var(--color-error-bg);border:var(--border-thin) solid var(--color-error-border);color:var(--color-error-text);padding:.75rem;border-radius:var(--radius-rounded);font-family:var(--font-family-primary)}.alert-info{background-color:var(--color-info-bg);border:var(--border-thin) solid var(--color-info-border);color:var(--color-info-text);padding:.75rem;border-radius:var(--radius-rounded);font-family:var(--font-family-primary)}.text-secondary{color:var(--color-text-subtle)}.border-primary{border:var(--border-thin) solid var(--color-border-default)}:root{--vdx-blue-00: hsla(195, 100%, 96%, 1);--vdx-blue-01: hsla(196, 100%, 91%, 1);--vdx-blue-02: hsla(196, 90%, 81%, 1);--vdx-blue-03: hsla(196, 86%, 70%, 1);--vdx-blue-04: hsla(196, 71%, 57%, 1);--vdx-blue-05: hsla(196, 78%, 48%, 1);--vdx-blue-06: hsla(196, 88%, 40%, 1);--vdx-blue-07: hsla(196, 93%, 35%, 1);--vdx-blue-08: hsla(196, 100%, 29%, 1);--vdx-blue-09: hsla(196, 100%, 25%, 1);--vdx-blue-10: hsla(196, 100%, 22%, 1);--vdx-blue-11: hsla(196, 100%, 18%, 1);--vdx-green-00: hsla(113, 82%, 95%, 1);--vdx-green-01: hsla(113, 82%, 89%, 1);--vdx-green-02: hsla(114, 65%, 81%, 1);--vdx-green-03: hsla(115, 57%, 71%, 1);--vdx-green-04: hsla(116, 50%, 59%, 1);--vdx-green-05: hsla(119, 44%, 45%, 1);--vdx-green-06: hsla(121, 53%, 34%, 1);--vdx-green-07: hsla(131, 62%, 26%, 1);--vdx-green-08: hsla(131, 69%, 20%, 1);--vdx-green-09: hsla(131, 86%, 14%, 1);--vdx-green-10: hsla(131, 92%, 10%, 1);--vdx-green-11: hsla(132, 100%, 8%, 1);--vdx-indigo-00: hsla(246, 100%, 98%, 1);--vdx-indigo-01: hsla(235, 92%, 95%, 1);--vdx-indigo-02: hsla(235, 95%, 92%, 1);--vdx-indigo-03: hsla(235, 89%, 79%, 1);--vdx-indigo-04: hsla(234, 66%, 78%, 1);--vdx-indigo-05: hsla(235, 51%, 63%, 1);--vdx-indigo-06: hsla(235, 37%, 52%, 1);--vdx-indigo-07: hsla(236, 45%, 41%, 1);--vdx-indigo-08: hsla(235, 47%, 37%, 1);--vdx-indigo-09: hsla(235, 56%, 33%, 1);--vdx-indigo-10: hsla(235, 63%, 28%, 1);--vdx-indigo-11: hsla(235, 67%, 24%, 1);--vdx-neutral-00: hsla(225, 40%, 98%, 1);--vdx-neutral-01: hsla(220, 27%, 94%, 1);--vdx-neutral-02: hsla(219, 30%, 87%, 1);--vdx-neutral-03: hsla(219, 22%, 75%, 1);--vdx-neutral-04: hsla(217, 18%, 63%, 1);--vdx-neutral-05: hsla(218, 16%, 52%, 1);--vdx-neutral-06: hsla(217, 24%, 34%, 1);--vdx-neutral-07: hsla(219, 29%, 21%, 1);--vdx-neutral-08: hsla(219, 33%, 17%, 1);--vdx-neutral-09: hsla(218, 36%, 13%, 1);--vdx-neutral-10: hsla(218, 46%, 9%, 1);--vdx-neutral-11: hsla(213, 60%, 3%, 1);--vdx-red-00: hsla(354, 100%, 98%, 1);--vdx-red-01: hsla(358, 100%, 93%, 1);--vdx-red-02: hsla(357, 91%, 83%, 1);--vdx-red-03: hsla(358, 73%, 69%, 1);--vdx-red-04: hsla(358, 69%, 57%, 1);--vdx-red-05: hsla(358, 65%, 46%, 1);--vdx-red-06: hsla(358, 70%, 38%, 1);--vdx-red-07: hsla(358, 90%, 30%, 1);--vdx-red-08: hsla(358, 100%, 25%, 1);--vdx-red-09: hsla(358, 86%, 23%, 1);--vdx-red-10: hsla(358, 79%, 21%, 1);--vdx-red-11: hsla(358, 95%, 16%, 1);--vdx-violet-00: hsla(294, 100%, 98%, 1);--vdx-violet-01: hsla(289, 60%, 91%, 1);--vdx-violet-02: hsla(288, 52%, 85%, 1);--vdx-violet-03: hsla(289, 52%, 72%, 1);--vdx-violet-04: hsla(289, 47%, 60%, 1);--vdx-violet-05: hsla(289, 42%, 50%, 1);--vdx-violet-06: hsla(289, 51%, 41%, 1);--vdx-violet-07: hsla(288, 59%, 33%, 1);--vdx-violet-08: hsla(289, 64%, 27%, 1);--vdx-violet-09: hsla(289, 68%, 23%, 1);--vdx-violet-10: hsla(289, 73%, 20%, 1);--vdx-violet-11: hsla(289, 76%, 16%, 1);--vdx-yellow-00: hsla(52, 100%, 94%, 1);--vdx-yellow-01: hsla(51, 100%, 90%, 1);--vdx-yellow-02: hsla(49, 100%, 82%, 1);--vdx-yellow-03: hsla(44, 100%, 74%, 1);--vdx-yellow-04: hsla(37, 95%, 61%, 1);--vdx-yellow-05: hsla(36, 88%, 54%, 1);--vdx-yellow-06: hsla(31, 88%, 47%, 1);--vdx-yellow-07: hsla(26, 96%, 42%, 1);--vdx-yellow-08: hsla(26, 100%, 36%, 1);--vdx-yellow-09: hsla(25, 100%, 31%, 1);--vdx-yellow-10: hsla(24, 100%, 25%, 1);--vdx-yellow-11: hsla(24, 100%, 20%, 1);--vdx-white: rgba(255, 255, 255, 1);--vdx-black: var(--vdx-neutral-11);--alpha-subtle: 25%;--vdx-neutral-07-subtle: hsla(218, 28%, 21%, .25);--vdx-blue-07-subtle: hsla(196, 93%, 35%, .25);--vdx-green-07-subtle: hsla(131, 62%, 26%, .25);--vdx-red-07-subtle: hsla(358, 90%, 30%, .25);--vdx-yellow-07-subtle: hsla(26, 96%, 42%, .25);--vdx-violet-07-subtle: hsla(236, 45%, 41%, .25);--vdx-indigo-07-subtle: hsla(236, 45%, 41%, .25);--radius-none: 0px;--radius-sharp: 2px;--radius-rounded: 5px;--radius-rounder: 9px;--radius-pill: 50px;--radius-full: 9999px;--border-none: 0;--border-hairline: .5px;--border-thin: 1px;--border-medium: 1.5px;--border-thick: 2px;--border-thicker: 3px;--font-family-default: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-serif: Georgia, "Times New Roman", Times, serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-size-0: .625rem;--text-size-1: .6875rem;--text-size-2: .75rem;--text-size-3: .8125rem;--text-size-4: .875rem;--text-size-5: .9375rem;--text-size-6: 1rem;--text-size-7: 1.0625rem;--text-size-8: 1.125rem;--text-size-9: 1.1875rem;--text-size-10: 1.25rem;--heading-size-1: .875rem;--heading-size-2: 1rem;--heading-size-3: 1.15rem;--heading-size-4: 1.25rem;--heading-size-5: 1.5rem;--heading-size-6: 2rem;--button-height-xs: 24px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--button-padding-xs: .25rem .5rem;--button-padding-sm: .375rem .75rem;--button-padding-md: .5rem 1rem;--button-padding-lg: .75rem 1.25rem;--button-padding-xl: .875rem 1.5rem;--button-padding-xxl: 1rem 2rem;--button-font-xs: var(--text-size-2);--button-font-sm: var(--text-size-3);--button-font-md: var(--text-size-4);--button-font-lg: var(--text-size-5);--button-font-xl: var(--text-size-6);--button-font-xxl: var(--text-size-7);--color-background-default: var(--vdx-neutral-10);--color-background-subtle: var(--vdx-neutral-09);--color-background-elevated: var(--vdx-neutral-08);--color-background-tertiary: var(--vdx-neutral-07);--color-text-primary: var(--vdx-white);--color-text-default: var(--vdx-neutral-02);--color-text-secondary: var(--vdx-neutral-03);--color-text-tertiary: var(--vdx-neutral-04);--color-text-muted: var(--vdx-neutral-05);--color-text-success: var(--color-success-light);--color-text-warning: var(--color-warning-light);--color-text-danger: var(--color-error-light);--color-text-info: var(--vdx-indigo-04);--color-text-help: var(--vdx-indigo-03);--color-text-accent: var(--vdx-yellow-03);--color-text-link: var(--vdx-blue-04);--color-text-link-visited: var(--vdx-neutral-04);--color-text-link-visited-hover: var(--vdx-neutral-00);--color-border-primary: var(--vdx-blue-06);--color-border-subtle: var(--vdx-neutral-07);--color-border-default: var(--vdx-neutral-06);--color-white: var(--vdx-white);--color-black: var(--vdx-black);--color-neutral: var(--vdx-neutral-07);--color-neutral-hover: var(--vdx-neutral-08);--color-accent: var(--vdx-yellow-05);--color-accent-dark: var(--vdx-yellow-07);--color-accent-light: var(--vdx-yellow-03);--color-icon-default: var(--vdx-neutral-04);--color-icon-hover: var(--vdx-neutral-02);--color-icon-active: var(--vdx-neutral-04);--color-icon-disabled: var(--vdx-neutral-07);--color-icon-error: var(--vdx-red-03);--color-icon-success: var(--vdx-green-03);--color-icon-warning: var(--vdx-yellow-03);--color-icon-primary: var(--vdx-blue-03);--icon-size-xs: 16px;--icon-size-sm: 20px;--icon-size-md: 24px;--icon-size-lg: 28px;--icon-size-xl: 32px;--icon-size-xxl: 36px;--elevation-none: none;--elevation-low: 0px 2px 4px color-mix(in srgb, var(--color-black) 10%, transparent);--elevation-medium: 0 2px 2px color-mix(in srgb, var(--color-black) 20%, transparent), 0 4px 4px color-mix(in srgb, var(--color-black) 20%, transparent), 0 6px 6px color-mix(in srgb, var(--color-black) 20%, transparent);--elevation-high: 0 2px 2px color-mix(in srgb, var(--color-black) 20%, transparent), 0 4px 4px color-mix(in srgb, var(--color-black) 20%, transparent), 0 8px 8px color-mix(in srgb, var(--color-black) 20%, transparent), 0 16px 16px color-mix(in srgb, var(--color-black) 20%, transparent), 0 32px 32px color-mix(in srgb, var(--color-black) 20%, transparent);--space-0: 0rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-13: 3.25rem;--space-14: 3.5rem;--space-15: 3.75rem;--space-16: 4rem;--space-17: 4.25rem;--space-18: 4.5rem;--space-19: 4.75rem;--space-20: 5rem;--space-xxs: var(--space-2);--space-xs: var(--space-4);--space-sm: var(--space-6);--space-md: var(--space-12);--space-lg: var(--space-16);--space-xl: var(--space-20);--input-height-xs: 24px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-height-xl: 56px;--input-padding-xs: .25rem .5rem;--input-padding-sm: .375rem .75rem;--input-padding-md: .5rem 1rem;--input-padding-lg: .75rem 1.25rem;--input-padding-xl: .875rem 1.5rem;--input-font-xs: var(--text-size-2);--input-font-sm: var(--text-size-3);--input-font-md: var(--text-size-4);--input-font-lg: var(--text-size-5);--input-font-xl: var(--text-size-6);--form-border-default: var(--color-border-default);--form-border-hover: var(--color-border-primary);--form-border-focus: var(--color-primary);--form-border-error: var(--color-error);--form-border-success: var(--color-success);--form-border-disabled: var(--vdx-neutral-07);--form-bg-default: var(--color-background-elevated);--form-bg-hover: var(--color-background-elevated);--form-bg-focus: var(--color-background-elevated);--form-bg-disabled: var(--vdx-neutral-08);--form-text-default: var(--color-text-default);--form-text-placeholder: var(--color-text-muted);--form-text-disabled: var(--color-text-muted);--state-hover-opacity: .8;--state-active-opacity: .9;--state-disabled-opacity: .5;--state-loading-opacity: .6;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-black: 900;--kerning-tight: -.05em;--kerning-normal: 0em;--kerning-wide: .05em;--kerning-wider: .1em;--kerning-widest: .15em;--line-height-none: 1;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--z-index-base: 0;--z-index-raised: 10;--z-index-floating: 100;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-overlay: 1030;--z-index-modal: 1050;--z-index-popover: 1070;--z-index-tooltip: 1100;--z-index-notification: 1200;--duration-instant: 0ms;--duration-fast: .15s;--duration-medium: .3s;--duration-slow: .5s;--duration-slower: .8s;--easing-linear: cubic-bezier(0, 0, 1, 1);--easing-in: cubic-bezier(.42, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .58, 1);--easing-in-out: cubic-bezier(.42, 0, .58, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: all var(--duration-fast) var(--easing-out);--transition-medium: all var(--duration-medium) var(--easing-out);--transition-slow: all var(--duration-slow) var(--easing-out);--transition-colors: color var(--duration-fast) var(--easing-out), background-color var(--duration-fast) var(--easing-out), border-color var(--duration-fast) var(--easing-out);--transition-transform: transform var(--duration-medium) var(--easing-out);--transition-opacity: opacity var(--duration-fast) var(--easing-out);--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1280px;--breakpoint-xl: 1440px;--opacity-none: 0;--opacity-low: .25;--opacity-medium: .5;--opacity-high: .75;--opacity-full: 1;--focus-ring-color-inverse: var(--color-white);--focus-ring-color-error: var(--color-error);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-style: solid;--focus-ring: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);--focus-outline: var(--focus-ring-offset) var(--focus-ring-offset) 0 var(--focus-ring-color);--surface-bevel-none: inset 0px 0px 0px transparent;--surface-bevel-low: inset 0px 1px 0px blue;--theme-blue-bg-filled: var(--vdx-blue-08);--theme-blue-bg-filled-hover: var(--vdx-blue-08);--theme-blue-bg-subtle: color-mix(in srgb, var(--vdx-blue-08) var(--alpha-subtle), transparent);--theme-blue-bg-bordered: transparent;--theme-blue-border-filled: var(--vdx-blue-08);--theme-blue-border-filled-hover: var(--vdx-blue-03);--theme-blue-border-subtle: var(--vdx-blue-06);--theme-blue-border-bordered: var(--vdx-blue-04);--theme-blue-text-default: var(--vdx-blue-03);--theme-blue-text-filled: var(--vdx-white);--theme-blue-text-subtle: var(--vdx-blue-01);--theme-blue-text-bordered: var(--vdx-blue-08);--theme-blue-icon-default: var(--vdx-blue-06);--theme-blue-icon-filled: var(--vdx-blue-01);--theme-blue-icon-subtle: var(--vdx-blue-02);--theme-blue-icon-bordered: var(--vdx-blue-06);--theme-blue-surface-bevel: var(--surface-bevel-low);--theme-green-bg-filled: var(--vdx-green-07);--theme-green-bg-filled-hover: var(--vdx-green-07);--theme-green-bg-subtle: color-mix(in srgb, var(--vdx-green-08) var(--alpha-subtle), transparent);--theme-green-bg-bordered: transparent;--theme-green-border-default: var(--vdx-green-05);--theme-green-border-filled: var(--vdx-green-07);--theme-green-border-filled-hover: var(--vdx-green-03);--theme-green-border-subtle: var(--vdx-green-06);--theme-green-border-bordered: var(--vdx-green-04);--theme-green-text-default: var(--vdx-green-03);--theme-green-text-filled: var(--vdx-green-00);--theme-green-text-subtle: var(--vdx-green-01);--theme-green-text-bordered: var(--vdx-green-03);--theme-green-icon-default: var(--vdx-green-06);--theme-green-icon-filled: var(--vdx-green-01);--theme-green-icon-subtle: var(--vdx-green-02);--theme-green-icon-bordered: var(--vdx-green-06);--theme-yellow-bg-default: var(--vdx-yellow-00);--theme-yellow-bg-filled: var(--vdx-yellow-08);--theme-yellow-bg-filled-hover: var(--vdx-yellow-08);--theme-yellow-bg-subtle: color-mix(in srgb, var(--vdx-yellow-08) var(--alpha-subtle), transparent);--theme-yellow-bg-bordered: transparent;--theme-yellow-border-default: var(--vdx-yellow-04);--theme-yellow-border-filled: var(--vdx-yellow-08);--theme-yellow-border-filled-hover: var(--vdx-yellow-03);--theme-yellow-border-subtle: var(--vdx-yellow-06);--theme-yellow-border-bordered: var(--vdx-yellow-04);--theme-yellow-text-default: var(--vdx-yellow-03);--theme-yellow-text-filled: var(--vdx-yellow-00);--theme-yellow-text-subtle: var(--vdx-yellow-01);--theme-yellow-text-bordered: var(--vdx-yellow-03);--theme-yellow-icon-default: var(--vdx-yellow-07);--theme-yellow-icon-filled: var(--vdx-yellow-01);--theme-yellow-icon-subtle: var(--vdx-yellow-02);--theme-yellow-icon-bordered: var(--vdx-yellow-07);--theme-red-bg-default: var(--vdx-red-00);--theme-red-bg-filled: var(--vdx-red-07);--theme-red-bg-filled-hover: var(--vdx-red-07);--theme-red-bg-subtle: color-mix(in srgb, var(--vdx-red-07) var(--alpha-subtle), transparent);--theme-red-bg-bordered: transparent;--theme-red-border-default: var(--vdx-red-05);--theme-red-border-filled: var(--vdx-red-08);--theme-red-border-filled-hover: var(--vdx-red-03);--theme-red-border-subtle: var(--vdx-red-06);--theme-red-border-bordered: var(--vdx-red-04);--theme-red-text-default: var(--vdx-red-03);--theme-red-text-filled: var(--vdx-red-00);--theme-red-text-subtle: var(--vdx-red-01);--theme-red-text-bordered: var(--vdx-red-03);--theme-red-icon-default: var(--vdx-red-06);--theme-red-icon-filled: var(--vdx-red-01);--theme-red-icon-subtle: var(--vdx-red-02);--theme-red-icon-bordered: var(--vdx-red-06);--theme-neutral-bg-default: var(--vdx-neutral-00);--theme-neutral-bg-filled: var(--vdx-neutral-07);--theme-neutral-bg-filled-hover: var(--vdx-neutral-07);--theme-neutral-bg-subtle: color-mix(in srgb, var(--vdx-neutral-05) var(--alpha-subtle), transparent);--theme-neutral-bg-bordered: transparent;--theme-neutral-border-default: var(--vdx-neutral-03);--theme-neutral-border-filled: var(--vdx-neutral-07);--theme-neutral-border-filled-hover: var(--vdx-neutral-03);--theme-neutral-border-subtle: var(--vdx-neutral-06);--theme-neutral-border-bordered: var(--vdx-neutral-04);--theme-neutral-text-default: var(--vdx-neutral-01);--theme-neutral-text-filled: var(--vdx-white);--theme-neutral-text-subtle: var(--vdx-neutral-01);--theme-neutral-text-bordered: var(--vdx-neutral-01);--theme-neutral-icon-default: var(--vdx-neutral-05);--theme-neutral-icon-filled: var(--vdx-neutral-01);--theme-neutral-icon-subtle: var(--vdx-neutral-02);--theme-neutral-icon-bordered: var(--vdx-neutral-05);--theme-violet-bg-default: var(--vdx-violet-00);--theme-violet-bg-filled: var(--vdx-violet-08);--theme-violet-bg-filled-hover: var(--vdx-violet-09);--theme-violet-bg-subtle: color-mix(in srgb, var(--vdx-violet-08) var(--alpha-subtle), transparent);--theme-violet-bg-bordered: transparent;--theme-violet-border-default: var(--vdx-violet-03);--theme-violet-border-filled: var(--vdx-violet-08);--theme-violet-border-filled-hover: var(--vdx-violet-09);--theme-violet-border-subtle: var(--vdx-violet-06);--theme-violet-border-bordered: var(--vdx-violet-04);--theme-violet-text-default: var(--vdx-violet-10);--theme-violet-text-filled: var(--vdx-violet-00);--theme-violet-text-subtle: var(--vdx-violet-01);--theme-violet-text-bordered: var(--vdx-violet-08);--theme-violet-icon-default: var(--vdx-violet-06);--theme-violet-icon-filled: var(--vdx-violet-01);--theme-violet-icon-subtle: var(--vdx-violet-02);--theme-violet-icon-bordered: var(--vdx-violet-06);--theme-primary-bg-default: var(--theme-blue-bg-default);--theme-primary-bg-filled: var(--theme-blue-bg-filled);--theme-primary-bg-filled-hover: var(--theme-blue-bg-filled-hover);--theme-primary-bg-subtle: var(--theme-blue-bg-subtle);--theme-primary-bg-bordered: var(--theme-blue-bg-bordered);--theme-primary-border-default: var(--theme-blue-border-default);--theme-primary-border-filled: var(--theme-blue-border-filled);--theme-primary-border-filled-hover: var(--theme-blue-border-filled-hover);--theme-primary-border-subtle: var(--theme-blue-border-subtle);--theme-primary-border-bordered: var(--theme-blue-border-bordered);--theme-primary-text-default: var(--theme-blue-text-default);--theme-primary-text-filled: var(--theme-blue-text-filled);--theme-primary-text-subtle: var(--theme-blue-text-subtle);--theme-primary-text-bordered: var(--theme-blue-text-bordered);--theme-primary-icon-default: var(--theme-blue-icon-default);--theme-primary-icon-filled: var(--theme-blue-icon-filled);--theme-primary-icon-subtle: var(--theme-blue-icon-subtle);--theme-primary-icon-bordered: var(--theme-blue-icon-bordered);--theme-success-bg-default: var(--theme-green-bg-default);--theme-success-bg-filled: var(--theme-green-bg-filled);--theme-success-bg-filled-hover: var(--theme-green-bg-filled-hover);--theme-success-bg-subtle: var(--theme-green-bg-subtle);--theme-success-bg-bordered: var(--theme-green-bg-bordered);--theme-success-border-default: var(--theme-green-border-default);--theme-success-border-filled: var(--theme-green-border-filled);--theme-success-border-filled-hover: var(--theme-green-border-filled-hover);--theme-success-border-subtle: var(--theme-green-border-subtle);--theme-success-border-bordered: var(--theme-green-border-bordered);--theme-success-text-default: var(--theme-green-text-default);--theme-success-text-filled: var(--theme-green-text-filled);--theme-success-text-subtle: var(--theme-green-text-subtle);--theme-success-text-bordered: var(--theme-green-text-bordered);--theme-success-icon-default: var(--theme-green-icon-default);--theme-success-icon-filled: var(--theme-green-icon-filled);--theme-success-icon-subtle: var(--theme-green-icon-subtle);--theme-success-icon-bordered: var(--theme-green-icon-bordered);--theme-warning-bg-default: var(--theme-yellow-bg-default);--theme-warning-bg-filled: var(--theme-yellow-bg-filled);--theme-warning-bg-filled-hover: var(--theme-yellow-bg-filled-hover);--theme-warning-bg-subtle: var(--theme-yellow-bg-subtle);--theme-warning-bg-bordered: var(--theme-yellow-bg-bordered);--theme-warning-border-default: var(--theme-yellow-border-default);--theme-warning-border-filled: var(--theme-yellow-border-filled);--theme-warning-border-filled-hover: var(--theme-yellow-border-filled-hover);--theme-warning-border-subtle: var(--theme-yellow-border-subtle);--theme-warning-border-bordered: var(--theme-yellow-border-bordered);--theme-warning-text-default: var(--theme-yellow-text-default);--theme-warning-text-filled: var(--theme-yellow-text-filled);--theme-warning-text-subtle: var(--theme-yellow-text-subtle);--theme-warning-text-bordered: var(--theme-yellow-text-bordered);--theme-warning-icon-default: var(--theme-yellow-icon-default);--theme-warning-icon-filled: var(--theme-yellow-icon-filled);--theme-warning-icon-subtle: var(--theme-yellow-icon-subtle);--theme-warning-icon-bordered: var(--theme-yellow-icon-bordered);--theme-error-bg-default: var(--theme-red-bg-default);--theme-error-bg-filled: var(--theme-red-bg-filled);--theme-error-bg-filled-hover: var(--theme-red-bg-filled-hover);--theme-error-bg-subtle: var(--theme-red-bg-subtle);--theme-error-bg-bordered: var(--theme-red-bg-bordered);--theme-error-border-default: var(--theme-red-border-default);--theme-error-border-filled: var(--theme-red-border-filled);--theme-error-border-filled-hover: var(--theme-red-border-filled-hover);--theme-error-border-subtle: var(--theme-red-border-subtle);--theme-error-border-bordered: var(--theme-red-border-bordered);--theme-error-text-default: var(--theme-red-text-default);--theme-error-text-filled: var(--theme-red-text-filled);--theme-error-text-subtle: var(--theme-red-text-subtle);--theme-error-text-bordered: var(--theme-red-text-bordered);--theme-error-icon-default: var(--theme-red-icon-default);--theme-error-icon-filled: var(--theme-red-icon-filled);--theme-error-icon-subtle: var(--theme-red-icon-subtle);--theme-error-icon-bordered: var(--theme-red-icon-bordered);--theme-information-bg-default: var(--theme-blue-bg-default);--theme-information-bg-filled: var(--theme-blue-bg-filled);--theme-information-bg-filled-hover: var(--theme-blue-bg-filled-hover);--theme-information-bg-subtle: var(--theme-blue-bg-subtle);--theme-information-bg-bordered: var(--theme-blue-bg-bordered);--theme-information-border-default: var(--theme-blue-border-default);--theme-information-border-filled: var(--theme-blue-border-filled);--theme-information-border-filled-hover: var(--theme-blue-border-filled-hover);--theme-information-border-subtle: var(--theme-blue-border-subtle);--theme-information-border-bordered: var(--theme-blue-border-bordered);--theme-information-text-default: var(--theme-blue-text-default);--theme-information-text-filled: var(--theme-blue-text-filled);--theme-information-text-subtle: var(--theme-blue-text-subtle);--theme-information-text-bordered: var(--theme-blue-text-bordered);--theme-information-icon-default: var(--theme-blue-icon-default);--theme-information-icon-filled: var(--theme-blue-icon-filled);--theme-information-icon-subtle: var(--theme-blue-icon-subtle);--theme-information-icon-bordered: var(--theme-blue-icon-bordered);--color-primary: var(--vdx-blue-05);--color-primary-hover: var(--vdx-blue-06);--color-primary-active: var(--vdx-blue-07);--color-primary-subtle: var(--vdx-blue-07-subtle);--color-primary-border: var(--vdx-blue-06);--color-primary-text-on: var(--vdx-white);--color-primary-on-solid: var(--color-primary-text-on);--color-primary-text: var(--color-primary);--color-accent-alt: var(--vdx-yellow-05);--color-accent-alt-hover: var(--vdx-yellow-06);--color-accent-alt-active: var(--vdx-yellow-07);--color-success: var(--vdx-green-05);--color-success-hover: var(--vdx-green-06);--color-success-active: var(--vdx-green-07);--color-success-subtle: var(--vdx-green-07-subtle);--color-success-text-on: var(--vdx-white);--color-warning: var(--vdx-yellow-05);--color-warning-hover: var(--vdx-yellow-06);--color-warning-active: var(--vdx-yellow-07);--color-warning-light: var(--vdx-yellow-02);--color-warning-subtle: var(--vdx-yellow-07-subtle);--color-warning-text-on: var(--vdx-black);--color-error: var(--vdx-red-06);--color-error-hover: var(--vdx-red-07);--color-error-active: var(--vdx-red-08);--color-error-light: var(--vdx-red-03);--color-error-subtle: var(--vdx-red-07-subtle);--color-error-text-on: var(--vdx-white);--color-info: var(--vdx-blue-05);--color-info-hover: var(--vdx-blue-06);--color-info-active: var(--vdx-blue-07);--color-info-light: var(--vdx-blue-02);--color-info-subtle: var(--vdx-blue-07-subtle);--color-info-text-on: var(--vdx-white);--color-text-on-primary: var(--vdx-white);--color-text-on-accent: var(--vdx-black);--color-text-on-error: var(--vdx-white);--color-text-on-warning: var(--vdx-black);--color-surface-0: var(--vdx-neutral-11);--color-surface-1: var(--vdx-neutral-10);--color-surface-2: var(--vdx-neutral-09);--color-surface-3: var(--vdx-neutral-08);--color-surface-4: var(--vdx-neutral-07);--color-surface-subtle: var(--vdx-neutral-09);--color-surface-elevated: var(--vdx-neutral-08);--color-surface-hover: var(--vdx-neutral-07);--color-surface-active: var(--vdx-neutral-06);--color-background: var(--color-surface-2);--color-background-secondary: var(--color-surface-3);--color-background-elevated: var(--color-surface-elevated);--color-background-hover: var(--color-surface-hover);--color-background-elevated-hover: var(--color-surface-hover);--color-background-primary: var(--color-background);--color-background-muted: var(--color-background-subtle);--color-background-emphasis: var(--color-background-tertiary);--color-border: var(--color-border-default);--color-border-default: var(--vdx-neutral-07);--color-border-subtle: var(--vdx-neutral-08);--color-border-strong: var(--vdx-neutral-05);--color-border-emphasis: var(--vdx-blue-05);--color-overlay-strong: rgba(0,0,0,.6);--color-overlay-medium: rgba(0,0,0,.4);--color-overlay-light: rgba(0,0,0,.25);--color-overlay-xstrong: rgba(0,0,0,.8);--color-overlay-xxstrong: rgba(0,0,0,.9);--overlay-surface-strong: rgba(17,24,39,.95);--overlay-surface-medium: rgba(31,41,55,.8);--overlay-surface-subtle: rgba(31,41,55,.5);--overlay-scrim-medium: rgba(0,0,0,.7);--overlay-scrim-strong: rgba(0,0,0,.75);--overlay-inverse-subtle: rgba(255,255,255,.04);--overlay-inverse-strong: rgba(255,255,255,.9);--overlay-inverse-stronger: rgba(255,255,255,.95);--overlay-inverse-solid: #ffffff;--overlay-primary-strong: rgba(59,130,246,.9);--color-bg-card: var(--color-surface-2);--color-bg-subtle: var(--color-surface-3);--color-text-on-inverse: var(--color-text-inverse);--color-code-inline-bg-light: #f3f4f6;--color-code-block-bg-light: #f9fafb;--gradient-success: linear-gradient(135deg, var(--vdx-green-05), var(--vdx-green-07));--gradient-primary: linear-gradient(135deg, var(--vdx-blue-05), var(--vdx-blue-07));--gradient-accent-alt: linear-gradient(135deg, var(--vdx-yellow-04), var(--vdx-yellow-06));--gradient-error: linear-gradient(135deg, var(--vdx-red-05), var(--vdx-red-07));--gradient-indigo: linear-gradient(135deg, var(--vdx-indigo-05), var(--vdx-indigo-07));--gradient-violet: linear-gradient(135deg, var(--vdx-violet-05), var(--vdx-violet-07));--gradient-fade-strong: linear-gradient(to top, rgba(0,0,0,.8), transparent);--gradient-fade-medium: linear-gradient(to top, rgba(0,0,0,.6), transparent);--gradient-fade-light: linear-gradient(to top, rgba(0,0,0,.4), transparent);--color-code-bg: #141414;--color-code-border: #26292c;--color-code-inline-border: #26292c;--color-code-accent: var(--vdx-blue-05);--color-code-block-bg: #0d0f11;--color-code-inline-bg: #141414;--color-surface-inverse: var(--vdx-white);--color-text-inverse: var(--vdx-black);--color-border-inverse-subtle: var(--vdx-neutral-02);--focus-ring-color: var(--color-primary);--gradient-info-soft: linear-gradient(135deg, var(--vdx-blue-00), var(--vdx-blue-02));--color-skin-type-1-bg: #f5dcc4;--color-skin-type-1-text: var(--vdx-black);--color-skin-type-2-bg: #e8c5a8;--color-skin-type-2-text: var(--vdx-black);--color-skin-type-3-bg: #d4a373;--color-skin-type-3-text: var(--vdx-black);--color-skin-type-4-bg: #b8845f;--color-skin-type-4-text: var(--vdx-white);--color-skin-type-5-bg: #8b5a3c;--color-skin-type-5-text: var(--vdx-white);--color-skin-type-6-bg: #5a3825;--color-skin-type-6-text: var(--vdx-white);--color-border-inverse-strong: var(--vdx-neutral-04);--shadow-focus-ring-primary: 0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent);--shadow-elevation-low: 0 2px 4px rgba(0,0,0,.3);--shadow-elevation-medium: 0 4px 12px rgba(0,0,0,.35);--shadow-elevation-high: 0 8px 32px rgba(0,0,0,.6);--elevation-deep: 0 4px 12px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.5);--elevation-ultra: 0 8px 24px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.6);--color-overlay-inverse-light: rgba(255,255,255,.1);--color-overlay-inverse-medium: rgba(255,255,255,.2);--color-overlay-inverse-strong: rgba(255,255,255,.4);--color-primary-soft-bg: var(--vdx-blue-00);--color-success-soft-bg: var(--vdx-green-00);--color-warning-soft-bg: var(--vdx-yellow-00);--color-error-soft-bg: var(--vdx-red-01);--color-info-soft-bg: var(--vdx-blue-01);--color-neutral-soft-bg: var(--vdx-neutral-00);--gradient-tier-premium: linear-gradient(135deg, var(--vdx-indigo-05) 0%, var(--vdx-violet-06) 100%);--gradient-tier-premium-hover: linear-gradient(135deg, var(--vdx-indigo-06) 0%, var(--vdx-violet-07) 100%);--gradient-tier-advanced: linear-gradient(135deg, var(--vdx-violet-04) 0%, var(--vdx-red-05) 100%);--gradient-tier-advanced-hover: linear-gradient(135deg, var(--vdx-violet-05) 0%, var(--vdx-red-06) 100%);--gradient-tier-standard: linear-gradient(135deg, var(--vdx-blue-04) 0%, var(--vdx-blue-06) 100%);--gradient-tier-standard-hover: linear-gradient(135deg, var(--vdx-blue-05) 0%, var(--vdx-blue-07) 100%);--gradient-primary-soft: linear-gradient(135deg, var(--vdx-blue-00) 0%, var(--vdx-blue-01) 100%);--gradient-score-badge: var(--gradient-indigo)}html[data-theme=light]{--color-surface-0: var(--vdx-neutral-00);--color-surface-1: var(--vdx-neutral-01);--color-surface-2: var(--vdx-neutral-02);--color-surface-3: var(--vdx-neutral-03);--color-surface-4: var(--vdx-neutral-04);--color-surface-subtle: var(--vdx-neutral-01);--color-surface-elevated: var(--vdx-white);--color-surface-hover: var(--vdx-neutral-02);--color-surface-active: var(--vdx-neutral-03);--color-background: var(--color-surface-1);--color-background-secondary: var(--color-surface-2);--color-background-hover: var(--color-surface-hover);--color-background-elevated-hover: var(--color-surface-hover);--color-background-primary: var(--color-background);--color-background-muted: var(--color-surface-subtle);--color-background-emphasis: var(--color-surface-3);--color-border: var(--color-border-default);--color-interactive-bg: var(--color-surface-elevated);--color-interactive-bg-hover: var(--vdx-neutral-02);--color-interactive-bg-active: var(--vdx-neutral-03);--color-interactive-border: var(--color-border-subtle);--color-interactive-border-hover: var(--color-border-default);--color-interactive-border-active: var(--color-border-strong);--color-interactive-subtle: var(--color-surface-subtle);--color-interactive-subtle-hover: var(--vdx-neutral-02);--color-interactive-subtle-active: var(--vdx-neutral-03);--color-text-primary: #111827;--color-text-default: #1f2937;--color-text-emphasis: #0f172a;--color-text-muted: #5f6670;--color-text-subtle: #94a3b8;--color-text-secondary: #374151;--color-text-tertiary: #4b5563;--color-text-success: var(--vdx-green-07);--color-text-warning: var(--vdx-yellow-07);--color-text-danger: var(--vdx-red-07);--color-text-info: var(--vdx-blue-07);--color-text-help: var(--vdx-indigo-07);--color-text-accent: var(--vdx-yellow-07);--color-border-subtle: #e2e8f0;--color-border-default: #cbd5e1;--color-border-strong: #94a3b8;--color-border-emphasis: var(--vdx-blue-05);--color-primary: var(--vdx-blue-06);--color-primary-hover: var(--vdx-blue-07);--color-primary-active: var(--vdx-blue-08);--color-primary-subtle: var(--vdx-blue-00);--color-primary-border: var(--vdx-blue-06);--color-primary-text-on: var(--vdx-white);--color-accent-alt: var(--vdx-yellow-05);--color-accent-alt-hover: var(--vdx-yellow-06);--color-accent-alt-active: var(--vdx-yellow-07);--color-success: var(--vdx-green-06);--color-success-hover: var(--vdx-green-07);--color-success-active: var(--vdx-green-08);--color-success-subtle: var(--vdx-green-00);--color-success-text-on: var(--vdx-white);--color-warning: var(--vdx-yellow-06);--color-warning-hover: var(--vdx-yellow-07);--color-warning-active: var(--vdx-yellow-08);--color-warning-light: var(--vdx-yellow-03);--color-warning-subtle: var(--vdx-yellow-00);--color-warning-text-on: var(--vdx-black);--color-error: var(--vdx-red-06);--color-error-hover: var(--vdx-red-07);--color-error-active: var(--vdx-red-08);--color-error-light: var(--vdx-red-02);--color-error-subtle: var(--vdx-red-00);--color-error-text-on: var(--vdx-white);--color-info: var(--vdx-blue-06);--color-info-hover: var(--vdx-blue-07);--color-info-active: var(--vdx-blue-08);--color-info-light: var(--vdx-blue-02);--color-info-subtle: var(--vdx-blue-00);--color-info-text-on: var(--vdx-white);--color-primary-soft-bg: var(--vdx-blue-00);--color-success-soft-bg: var(--vdx-green-00);--color-warning-soft-bg: var(--vdx-yellow-00);--color-error-soft-bg: var(--vdx-red-00);--color-info-soft-bg: var(--vdx-blue-00);--color-neutral-soft-bg: var(--vdx-neutral-00);--color-text-on-primary: var(--vdx-white);--color-text-on-accent: var(--vdx-black);--color-text-on-error: var(--vdx-white);--color-text-on-warning: var(--vdx-black);--state-hover-opacity: .92;--state-active-opacity: .88;--color-background-default: var(--color-background);--color-background-subtle: var(--color-surface-subtle);--color-background-elevated: var(--color-surface-elevated);--color-background-tertiary: var(--color-surface-2);--color-bg-card: var(--color-surface-elevated);--color-bg-subtle: var(--color-surface-subtle);--form-border-default: var(--color-border-default);--form-border-hover: var(--color-primary);--form-border-focus: var(--color-primary);--form-border-error: var(--color-error);--form-border-success: var(--color-success);--form-border-disabled: #e5e7eb;--form-bg-default: var(--color-surface-elevated);--form-bg-hover: var(--color-surface-elevated);--form-bg-focus: var(--color-surface-elevated);--form-bg-disabled: var(--vdx-neutral-01);--form-text-default: var(--color-text-default);--form-text-placeholder: var(--color-text-muted);--form-text-disabled: var(--color-text-muted);--shadow-elevation-low: 0 1px 2px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04);--shadow-elevation-medium: 0 2px 4px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.08);--shadow-elevation-high: 0 4px 8px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.1);--elevation-deep: 0 6px 12px rgba(0,0,0,.14), 0 12px 24px rgba(0,0,0,.12);--elevation-ultra: 0 8px 16px rgba(0,0,0,.16), 0 16px 32px rgba(0,0,0,.14);--color-surface-inverse: #111827;--color-text-inverse: #ffffff;--color-border-inverse-subtle: #374151;--color-border-inverse-strong: #4b5563;--shadow-focus-ring-primary: 0 0 0 3px color-mix(in srgb, var(--color-primary) 55%, transparent);--color-code-inline-bg: #f3f4f6;--color-code-block-bg: #f9fafb;--color-code-border: #e5e7eb;--overlay-surface-strong: rgba(255,255,255,.95);--overlay-surface-medium: rgba(255,255,255,.85);--overlay-surface-subtle: rgba(255,255,255,.6);--overlay-scrim-medium: rgba(0,0,0,.45);--overlay-scrim-strong: rgba(0,0,0,.55);--overlay-inverse-subtle: rgba(0,0,0,.04);--overlay-inverse-strong: rgba(0,0,0,.85);--overlay-inverse-stronger: rgba(0,0,0,.9);--overlay-inverse-solid: #000000;--shadow-focus-ring-primary: 0 0 0 3px color-mix(in srgb, var(--color-primary) 40%, transparent)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Inter,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}