/* public/vendor/pretendard/pretendardvariable-dynamic-subset.css */
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
/* [0] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.0.woff2) format('woff2-variations');
	unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6;
}

/* [1] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.1.woff2) format('woff2-variations');
	unicode-range: U+d723-d728, U+d72a-d733, U+d735-d748, U+d74a-d74f, U+d752-d753, U+d755-d757, U+d75a-d75f, U+d762-d764, U+d766-d768, U+d76a-d76b, U+d76d-d76f, U+d771-d787, U+d789-d78b, U+d78d-d78f, U+d791-d797, U+d79a, U+d79c, U+d79e-d7a3, U+f900-f909, U+f90b-f92e;
}

/* [2] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.2.woff2) format('woff2-variations');
	unicode-range: U+d679-d68b, U+d68e-d69e, U+d6a0, U+d6a2-d6a7, U+d6a9-d6c3, U+d6c6-d6c7, U+d6c9-d6cb, U+d6cd-d6d3, U+d6d5-d6d6, U+d6d8-d6e3, U+d6e5-d6e7, U+d6e9-d6fb, U+d6fd-d717, U+d719-d71f, U+d721-d722;
}

/* [3] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.3.woff2) format('woff2-variations');
	unicode-range: U+d5bc-d5c7, U+d5ca-d5cb, U+d5cd-d5cf, U+d5d1-d5d7, U+d5d9-d5da, U+d5dc, U+d5de-d5e3, U+d5e6-d5e7, U+d5e9-d5eb, U+d5ed-d5f6, U+d5f8, U+d5fa-d5ff, U+d602-d603, U+d605-d607, U+d609-d60f, U+d612-d613, U+d616-d61b, U+d61d-d637, U+d63a-d63b, U+d63d-d63f, U+d641-d647, U+d64a-d64c, U+d64e-d653, U+d656-d657, U+d659-d65b, U+d65d-d666, U+d668, U+d66a-d678;
}

/* [4] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.4.woff2) format('woff2-variations');
	unicode-range: U+d507, U+d509-d50b, U+d50d-d513, U+d515-d53b, U+d53e-d53f, U+d541-d543, U+d545-d54c, U+d54e, U+d550, U+d552-d557, U+d55a-d55b, U+d55d-d55f, U+d561-d564, U+d566-d567, U+d56a, U+d56c, U+d56e-d573, U+d576-d577, U+d579-d583, U+d585-d586, U+d58a-d5a4, U+d5a6-d5bb;
}

/* [5] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.5.woff2) format('woff2-variations');
	unicode-range: U+d464-d477, U+d47a-d47b, U+d47d-d47f, U+d481-d487, U+d489-d48a, U+d48c, U+d48e-d4e7, U+d4e9-d503, U+d505-d506;
}

/* [6] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.6.woff2) format('woff2-variations');
	unicode-range: U+d3bf-d3c7, U+d3ca-d3cf, U+d3d1-d3eb, U+d3ee-d3ef, U+d3f1-d3f3, U+d3f5-d3fb, U+d3fd-d400, U+d402-d45b, U+d45d-d463;
}

/* [7] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.7.woff2) format('woff2-variations');
	unicode-range: U+d2ff, U+d302-d304, U+d306-d30b, U+d30f, U+d311-d313, U+d315-d31b, U+d31e, U+d322-d324, U+d326-d327, U+d32a-d32b, U+d32d-d32f, U+d331-d337, U+d339-d33c, U+d33e-d37b, U+d37e-d37f, U+d381-d383, U+d385-d38b, U+d38e-d390, U+d392-d397, U+d39a-d39b, U+d39d-d39f, U+d3a1-d3a7, U+d3a9-d3aa, U+d3ac, U+d3ae-d3b3, U+d3b5-d3b7, U+d3b9-d3bb, U+d3bd-d3be;
}

/* [8] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.8.woff2) format('woff2-variations');
	unicode-range: U+d257-d27f, U+d281-d29b, U+d29d-d29f, U+d2a1-d2ab, U+d2ad-d2b7, U+d2ba-d2bb, U+d2bd-d2bf, U+d2c1-d2c7, U+d2c9-d2ef, U+d2f2-d2f3, U+d2f5-d2f7, U+d2f9-d2fe;
}

/* [9] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.9.woff2) format('woff2-variations');
	unicode-range: U+d1b4, U+d1b6-d1f3, U+d1f5-d22b, U+d22e-d22f, U+d231-d233, U+d235-d23b, U+d23d-d240, U+d242-d256;
}

/* [10] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.10.woff2) format('woff2-variations');
	unicode-range: U+d105-d12f, U+d132-d133, U+d135-d137, U+d139-d13f, U+d141-d142, U+d144, U+d146-d14b, U+d14e-d14f, U+d151-d153, U+d155-d15b, U+d15e-d187, U+d189-d19f, U+d1a2-d1a3, U+d1a5-d1a7, U+d1a9-d1af, U+d1b2-d1b3;
}

/* [11] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.11.woff2) format('woff2-variations');
	unicode-range: U+d04b-d04f, U+d051-d057, U+d059-d06b, U+d06d-d06f, U+d071-d073, U+d075-d07b, U+d07e-d0a3, U+d0a6-d0a7, U+d0a9-d0ab, U+d0ad-d0b3, U+d0b6, U+d0b8, U+d0ba-d0bf, U+d0c2-d0c3, U+d0c5-d0c7, U+d0c9-d0cf, U+d0d2, U+d0d6-d0db, U+d0de-d0df, U+d0e1-d0e3, U+d0e5-d0eb, U+d0ee-d0f0, U+d0f2-d104;
}

/* [12] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.12.woff2) format('woff2-variations');
	unicode-range: U+cfa2-cfc3, U+cfc5-cfdf, U+cfe2-cfe3, U+cfe5-cfe7, U+cfe9-cff4, U+cff6-cffb, U+cffd-cfff, U+d001-d003, U+d005-d017, U+d019-d033, U+d036-d037, U+d039-d03b, U+d03d-d04a;
}

/* [13] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.13.woff2) format('woff2-variations');
	unicode-range: U+cef0-cef3, U+cef6, U+cef9-ceff, U+cf01-cf03, U+cf05-cf07, U+cf09-cf0f, U+cf11-cf12, U+cf14-cf1b, U+cf1d-cf1f, U+cf21-cf2f, U+cf31-cf53, U+cf56-cf57, U+cf59-cf5b, U+cf5d-cf63, U+cf66, U+cf68, U+cf6a-cf6f, U+cf71-cf84, U+cf86-cf8b, U+cf8d-cfa1;
}

/* [14] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.14.woff2) format('woff2-variations');
	unicode-range: U+ce3c-ce57, U+ce5a-ce5b, U+ce5d-ce5f, U+ce61-ce67, U+ce6a, U+ce6c, U+ce6e-ce73, U+ce76-ce77, U+ce79-ce7b, U+ce7d-ce83, U+ce85-ce88, U+ce8a-ce8f, U+ce91-ce93, U+ce95-ce97, U+ce99-ce9f, U+cea2, U+cea4-ceab, U+cead-cee3, U+cee6-cee7, U+cee9-ceeb, U+ceed-ceef;
}

/* [15] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.15.woff2) format('woff2-variations');
	unicode-range: U+cd92-cd93, U+cd96-cd97, U+cd99-cd9b, U+cd9d-cda3, U+cda6-cda8, U+cdaa-cdaf, U+cdb1-cdc3, U+cdc5-cdcb, U+cdcd-cde7, U+cde9-ce03, U+ce05-ce1f, U+ce22-ce34, U+ce36-ce3b;
}

/* [16] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.16.woff2) format('woff2-variations');
	unicode-range: U+ccef-cd07, U+cd0a-cd0b, U+cd0d-cd1a, U+cd1c, U+cd1e-cd2b, U+cd2d-cd5b, U+cd5d-cd77, U+cd79-cd91;
}

/* [17] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.17.woff2) format('woff2-variations');
	unicode-range: U+cc3f-cc43, U+cc46-cc47, U+cc49-cc4b, U+cc4d-cc53, U+cc55-cc58, U+cc5a-cc5f, U+cc61-cc97, U+cc9a-cc9b, U+cc9d-cc9f, U+cca1-cca7, U+ccaa, U+ccac, U+ccae-ccb3, U+ccb6-ccb7, U+ccb9-ccbb, U+ccbd-cccf, U+ccd1-cce3, U+cce5-ccee;
}

/* [18] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.18.woff2) format('woff2-variations');
	unicode-range: U+cb91-cbd3, U+cbd5-cbe3, U+cbe5-cc0b, U+cc0e-cc0f, U+cc11-cc13, U+cc15-cc1b, U+cc1d-cc20, U+cc23-cc27, U+cc2a-cc2b, U+cc2d, U+cc2f, U+cc31-cc37, U+cc3a, U+cc3c;
}

/* [19] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.19.woff2) format('woff2-variations');
	unicode-range: U+caf4-cb47, U+cb4a-cb90;
}

/* [20] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.20.woff2) format('woff2-variations');
	unicode-range: U+ca4a-ca4b, U+ca4e-ca4f, U+ca51-ca53, U+ca55-ca5b, U+ca5d-ca60, U+ca62-ca83, U+ca85-cabb, U+cabe-cabf, U+cac1-cac3, U+cac5-cacb, U+cacd-cad0, U+cad2, U+cad4-cad8, U+cada-caf3;
}

/* [21] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.21.woff2) format('woff2-variations');
	unicode-range: U+c996-c997, U+c99a-c99c, U+c99e-c9bf, U+c9c2-c9c3, U+c9c5-c9c7, U+c9c9-c9cf, U+c9d2, U+c9d4, U+c9d7-c9d8, U+c9db, U+c9de-c9df, U+c9e1-c9e3, U+c9e5-c9e6, U+c9e8-c9eb, U+c9ee-c9f0, U+c9f2-c9f7, U+c9f9-ca0b, U+ca0d-ca28, U+ca2a-ca49;
}

/* [22] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.22.woff2) format('woff2-variations');
	unicode-range: U+c8e9-c8f4, U+c8f6-c8fb, U+c8fe-c8ff, U+c901-c903, U+c905-c90b, U+c90e-c910, U+c912-c917, U+c919-c92b, U+c92d-c94f, U+c951-c953, U+c955-c96b, U+c96d-c973, U+c975-c987, U+c98a-c98b, U+c98d-c98f, U+c991-c995;
}

/* [23] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.23.woff2) format('woff2-variations');
	unicode-range: U+c841-c84b, U+c84d-c86f, U+c872-c873, U+c875-c877, U+c879-c87f, U+c882-c884, U+c887-c88a, U+c88d-c8c3, U+c8c5-c8df, U+c8e1-c8e8;
}

/* [24] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.24.woff2) format('woff2-variations');
	unicode-range: U+c779-c77b, U+c77e-c782, U+c786, U+c78b, U+c78d, U+c78f, U+c792-c793, U+c795, U+c797, U+c799-c79f, U+c7a2, U+c7a7-c7ab, U+c7ae-c7bb, U+c7bd-c7c0, U+c7c2-c7c7, U+c7c9-c7dc, U+c7de-c7ff, U+c802-c803, U+c805-c807, U+c809, U+c80b-c80f, U+c812, U+c814, U+c817-c81b, U+c81e-c81f, U+c821-c823, U+c825-c82e, U+c830-c837, U+c839-c83b, U+c83d-c840;
}

/* [25] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.25.woff2) format('woff2-variations');
	unicode-range: U+c6bb-c6bf, U+c6c2, U+c6c4, U+c6c6-c6cb, U+c6ce-c6cf, U+c6d1-c6d3, U+c6d5-c6db, U+c6dd-c6df, U+c6e1-c6e7, U+c6e9-c6eb, U+c6ed-c6ef, U+c6f1-c6f8, U+c6fa-c703, U+c705-c707, U+c709-c70b, U+c70d-c716, U+c718, U+c71a-c71f, U+c722-c723, U+c725-c727, U+c729-c734, U+c736-c73b, U+c73e-c73f, U+c741-c743, U+c745-c74b, U+c74e-c750, U+c752-c757, U+c759-c773, U+c776-c777;
}

/* [26] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.26.woff2) format('woff2-variations');
	unicode-range: U+c5f5-c5fb, U+c5fe, U+c602-c605, U+c607, U+c609-c60f, U+c611-c61a, U+c61c-c623, U+c626-c627, U+c629-c62b, U+c62d, U+c62f-c632, U+c636, U+c638, U+c63a-c63f, U+c642-c643, U+c645-c647, U+c649-c652, U+c656-c65b, U+c65d-c65f, U+c661-c663, U+c665-c677, U+c679-c67b, U+c67d-c693, U+c696-c697, U+c699-c69b, U+c69d-c6a3, U+c6a6, U+c6a8, U+c6aa-c6af, U+c6b2-c6b3, U+c6b5-c6b7, U+c6b9-c6ba;
}

/* [27] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.27.woff2) format('woff2-variations');
	unicode-range: U+c517-c527, U+c52a-c52b, U+c52d-c52f, U+c531-c538, U+c53a, U+c53c, U+c53e-c543, U+c546-c547, U+c54b, U+c54d-c552, U+c556, U+c55a-c55b, U+c55d, U+c55f, U+c562-c563, U+c565-c567, U+c569-c56f, U+c572, U+c574, U+c576-c57b, U+c57e-c57f, U+c581-c583, U+c585-c586, U+c588-c58b, U+c58e, U+c590, U+c592-c596, U+c599-c5b3, U+c5b6-c5b7, U+c5ba, U+c5be-c5c3, U+c5ca-c5cb, U+c5cd, U+c5cf, U+c5d2-c5d3, U+c5d5-c5d7, U+c5d9-c5df, U+c5e1-c5e2, U+c5e4, U+c5e6-c5eb, U+c5ef, U+c5f1-c5f3;
}

/* [28] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.28.woff2) format('woff2-variations');
	unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516;
}

/* [29] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.29.woff2) format('woff2-variations');
	unicode-range: U+c3d0-c3d7, U+c3da-c3db, U+c3dd-c3de, U+c3e1-c3ec, U+c3ee-c3f3, U+c3f5-c42b, U+c42d-c463, U+c466-c474;
}

/* [30] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.30.woff2) format('woff2-variations');
	unicode-range: U+c32b-c367, U+c36a-c36b, U+c36d-c36f, U+c371-c377, U+c37a-c37b, U+c37e-c383, U+c385-c387, U+c389-c3cf;
}

/* [31] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.31.woff2) format('woff2-variations');
	unicode-range: U+c26a-c26b, U+c26d-c26f, U+c271-c273, U+c275-c27b, U+c27e-c287, U+c289-c28f, U+c291-c297, U+c299-c29a, U+c29c-c2a3, U+c2a5-c2a7, U+c2a9-c2ab, U+c2ad-c2b3, U+c2b6, U+c2b8, U+c2ba-c2bb, U+c2bd-c2db, U+c2de-c2df, U+c2e1-c2e2, U+c2e5-c2ea, U+c2ee, U+c2f0, U+c2f2-c2f5, U+c2f7, U+c2fa-c2fb, U+c2fd-c2ff, U+c301-c307, U+c309-c30c, U+c30e-c312, U+c315-c323, U+c325-c328, U+c32a;
}

/* [32] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.32.woff2) format('woff2-variations');
	unicode-range: U+c1bc-c1c3, U+c1c5-c1df, U+c1e1-c1fb, U+c1fd-c203, U+c205-c20c, U+c20e, U+c210-c217, U+c21a-c21b, U+c21d-c21e, U+c221-c227, U+c229-c22a, U+c22c, U+c22e, U+c230, U+c233-c24f, U+c251-c257, U+c259-c269;
}

/* [33] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.33.woff2) format('woff2-variations');
	unicode-range: U+c101-c11b, U+c11f, U+c121-c123, U+c125-c12b, U+c12e, U+c132-c137, U+c13a-c13b, U+c13d-c13f, U+c141-c147, U+c14a, U+c14c-c153, U+c155-c157, U+c159-c15b, U+c15d-c166, U+c169-c16f, U+c171-c177, U+c179-c18b, U+c18e-c18f, U+c191-c193, U+c195-c19b, U+c19d-c19e, U+c1a0, U+c1a2-c1a4, U+c1a6-c1bb;
}

/* [34] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.34.woff2) format('woff2-variations');
	unicode-range: U+c049-c057, U+c059-c05b, U+c05d-c05f, U+c061-c067, U+c069-c08f, U+c091-c0ab, U+c0ae-c0af, U+c0b1-c0b3, U+c0b5, U+c0b7-c0bb, U+c0be, U+c0c2-c0c7, U+c0ca-c0cb, U+c0cd-c0cf, U+c0d1-c0d7, U+c0d9-c0da, U+c0dc, U+c0de-c0e3, U+c0e5-c0eb, U+c0ed-c0f3, U+c0f6, U+c0f8, U+c0fa-c0ff;
}

/* [35] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.35.woff2) format('woff2-variations');
	unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048;
}

/* [36] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.36.woff2) format('woff2-variations');
	unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6;
}

/* [37] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.37.woff2) format('woff2-variations');
	unicode-range: U+be56, U+be58, U+be5c-be5f, U+be62-be63, U+be65-be67, U+be69-be74, U+be76-be7b, U+be7e-be7f, U+be81-be8e, U+be90, U+be92-bea7, U+bea9-becf, U+bed2-bed3, U+bed5-bed6, U+bed9-bee3, U+bee6-bf06;
}

/* [38] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.38.woff2) format('woff2-variations');
	unicode-range: U+bdb0-bdd3, U+bdd5-bdef, U+bdf1-be0b, U+be0d-be0f, U+be11-be13, U+be15-be43, U+be46-be47, U+be49-be4b, U+be4d-be53;
}

/* [39] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.39.woff2) format('woff2-variations');
	unicode-range: U+bd03, U+bd06, U+bd08, U+bd0a-bd0f, U+bd11-bd22, U+bd25-bd47, U+bd49-bd58, U+bd5a-bd7f, U+bd82-bd83, U+bd85-bd87, U+bd8a-bd8f, U+bd91-bd92, U+bd94, U+bd96-bd98, U+bd9a-bdaf;
}

/* [40] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.40.woff2) format('woff2-variations');
	unicode-range: U+bc4e-bc83, U+bc86-bc87, U+bc89-bc8b, U+bc8d-bc93, U+bc96, U+bc98, U+bc9b-bc9f, U+bca2-bca3, U+bca5-bca7, U+bca9-bcb2, U+bcb4-bcbb, U+bcbe-bcbf, U+bcc1-bcc3, U+bcc5-bccc, U+bcce-bcd0, U+bcd2-bcd4, U+bcd6-bcf3, U+bcf7, U+bcf9-bcfb, U+bcfd-bd02;
}

/* [41] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.41.woff2) format('woff2-variations');
	unicode-range: U+bb90-bba3, U+bba5-bbab, U+bbad-bbbf, U+bbc1-bbf7, U+bbfa-bbfb, U+bbfd-bbfe, U+bc01-bc07, U+bc09-bc0a, U+bc0e, U+bc10, U+bc12-bc13, U+bc17, U+bc19-bc1a, U+bc1e, U+bc20-bc23, U+bc26, U+bc28, U+bc2a-bc2c, U+bc2e-bc2f, U+bc32-bc33, U+bc35-bc37, U+bc39-bc3f, U+bc41-bc42, U+bc44, U+bc46-bc48, U+bc4a-bc4d;
}

/* [42] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.42.woff2) format('woff2-variations');
	unicode-range: U+bae6-bafb, U+bafd-bb17, U+bb19-bb33, U+bb37, U+bb39-bb3a, U+bb3d-bb43, U+bb45-bb46, U+bb48, U+bb4a-bb4f, U+bb51-bb53, U+bb55-bb57, U+bb59-bb62, U+bb64-bb8f;
}

/* [43] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.43.woff2) format('woff2-variations');
	unicode-range: U+ba30-ba37, U+ba3a-ba3b, U+ba3d-ba3f, U+ba41-ba47, U+ba49-ba4a, U+ba4c, U+ba4e-ba53, U+ba56-ba57, U+ba59-ba5b, U+ba5d-ba63, U+ba65-ba66, U+ba68-ba6f, U+ba71-ba73, U+ba75-ba77, U+ba79-ba84, U+ba86, U+ba88-baa7, U+baaa, U+baad-baaf, U+bab1-bab7, U+baba, U+babc, U+babe-bae5;
}

/* [44] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.44.woff2) format('woff2-variations');
	unicode-range: U+b96e-b973, U+b976-b977, U+b979-b97b, U+b97d-b983, U+b986, U+b988, U+b98a-b98d, U+b98f-b9ab, U+b9ae-b9af, U+b9b1-b9b3, U+b9b5-b9bb, U+b9be, U+b9c0, U+b9c2-b9c7, U+b9ca-b9cb, U+b9cd, U+b9d2-b9d7, U+b9da, U+b9dc, U+b9df-b9e0, U+b9e2, U+b9e6-b9e7, U+b9e9-b9f3, U+b9f6, U+b9f8, U+b9fb-ba2f;
}

/* [45] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.45.woff2) format('woff2-variations');
	unicode-range: U+b8bf-b8cb, U+b8cd-b8e0, U+b8e2-b8e7, U+b8ea-b8eb, U+b8ed-b8ef, U+b8f1-b8f7, U+b8fa, U+b8fc, U+b8fe-b903, U+b905-b917, U+b919-b91f, U+b921-b93b, U+b93d-b957, U+b95a-b95b, U+b95d-b95f, U+b961-b967, U+b969-b96c;
}

/* [46] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.46.woff2) format('woff2-variations');
	unicode-range: U+b80d-b80f, U+b811-b817, U+b81a, U+b81c-b823, U+b826-b827, U+b829-b82b, U+b82d-b833, U+b836, U+b83a-b83f, U+b841-b85b, U+b85e-b85f, U+b861-b863, U+b865-b86b, U+b86e, U+b870, U+b872-b8af, U+b8b1-b8be;
}

/* [47] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.47.woff2) format('woff2-variations');
	unicode-range: U+b74d-b75f, U+b761-b763, U+b765-b774, U+b776-b77b, U+b77e-b77f, U+b781-b783, U+b785-b78b, U+b78e, U+b792-b796, U+b79a-b79b, U+b79d-b7a7, U+b7aa, U+b7ae-b7b3, U+b7b6-b7c8, U+b7ca-b7eb, U+b7ee-b7ef, U+b7f1-b7f3, U+b7f5-b7fb, U+b7fe, U+b802-b806, U+b80a-b80b;
}

/* [48] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.48.woff2) format('woff2-variations');
	unicode-range: U+b6a7-b6aa, U+b6ac-b6b0, U+b6b2-b6ef, U+b6f1-b727, U+b72a-b72b, U+b72d-b72e, U+b731-b737, U+b739-b73a, U+b73c-b743, U+b745-b74c;
}

/* [49] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.49.woff2) format('woff2-variations');
	unicode-range: U+b605-b60f, U+b612-b617, U+b619-b624, U+b626-b69b, U+b69e-b6a3, U+b6a5-b6a6;
}

/* [50] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.50.woff2) format('woff2-variations');
	unicode-range: U+b55f, U+b562-b583, U+b585-b59f, U+b5a2-b5a3, U+b5a5-b5a7, U+b5a9-b5b2, U+b5b5-b5ba, U+b5bd-b604;
}

/* [51] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.51.woff2) format('woff2-variations');
	unicode-range: U+b4a5-b4b6, U+b4b8-b4bf, U+b4c1-b4c7, U+b4c9-b4db, U+b4de-b4df, U+b4e1-b4e2, U+b4e5-b4eb, U+b4ee, U+b4f0, U+b4f2-b513, U+b516-b517, U+b519-b51a, U+b51d-b523, U+b526, U+b528, U+b52b-b52f, U+b532-b533, U+b535-b537, U+b539-b53f, U+b541-b544, U+b546-b54b, U+b54d-b54f, U+b551-b55b, U+b55d-b55e;
}

/* [52] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.52.woff2) format('woff2-variations');
	unicode-range: U+b3f8-b3fb, U+b3fd-b40f, U+b411-b417, U+b419-b41b, U+b41d-b41f, U+b421-b427, U+b42a-b42b, U+b42d-b44f, U+b452-b453, U+b455-b457, U+b459-b45f, U+b462-b464, U+b466-b46b, U+b46d-b47f, U+b481-b4a3;
}

/* [53] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.53.woff2) format('woff2-variations');
	unicode-range: U+b342-b353, U+b356-b357, U+b359-b35b, U+b35d-b35e, U+b360-b363, U+b366, U+b368, U+b36a-b36d, U+b36f, U+b372-b373, U+b375-b377, U+b379-b37f, U+b381-b382, U+b384, U+b386-b38b, U+b38d-b3c3, U+b3c6-b3c7, U+b3c9-b3ca, U+b3cd-b3d3, U+b3d6, U+b3d8, U+b3da-b3f7;
}

/* [54] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.54.woff2) format('woff2-variations');
	unicode-range: U+b27c-b283, U+b285-b28f, U+b292-b293, U+b295-b297, U+b29a-b29f, U+b2a1-b2a4, U+b2a7-b2a9, U+b2ab, U+b2ad-b2c7, U+b2ca-b2cb, U+b2cd-b2cf, U+b2d1-b2d7, U+b2da, U+b2dc, U+b2de-b2e3, U+b2e7, U+b2e9-b2ea, U+b2ef-b2f3, U+b2f6, U+b2f8, U+b2fa-b2fb, U+b2fd-b2fe, U+b302-b303, U+b305-b307, U+b309-b30f, U+b312, U+b316-b31b, U+b31d-b341;
}

/* [55] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.55.woff2) format('woff2-variations');
	unicode-range: U+b1d6-b1e7, U+b1e9-b1fc, U+b1fe-b203, U+b206-b207, U+b209-b20b, U+b20d-b213, U+b216-b21f, U+b221-b257, U+b259-b273, U+b275-b27b;
}

/* [56] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.56.woff2) format('woff2-variations');
	unicode-range: U+b120-b122, U+b126-b127, U+b129-b12b, U+b12d-b133, U+b136, U+b138, U+b13a-b13f, U+b142-b143, U+b145-b14f, U+b151-b153, U+b156-b157, U+b159-b177, U+b17a-b17b, U+b17d-b17f, U+b181-b187, U+b189-b18c, U+b18e-b191, U+b195-b1a7, U+b1a9-b1cb, U+b1cd-b1d5;
}

/* [57] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.57.woff2) format('woff2-variations');
	unicode-range: U+b05f-b07b, U+b07e-b07f, U+b081-b083, U+b085-b08b, U+b08d-b097, U+b09b, U+b09d-b09f, U+b0a2-b0a7, U+b0aa, U+b0b0, U+b0b2, U+b0b6-b0b7, U+b0b9-b0bb, U+b0bd-b0c3, U+b0c6-b0c7, U+b0ca-b0cf, U+b0d1-b0df, U+b0e1-b0e4, U+b0e6-b107, U+b10a-b10b, U+b10d-b10f, U+b111-b112, U+b114-b117, U+b119-b11a, U+b11c-b11f;
}

/* [58] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.58.woff2) format('woff2-variations');
	unicode-range: U+afac-afb7, U+afba-afbb, U+afbd-afbf, U+afc1-afc6, U+afca-afcc, U+afce-afd3, U+afd5-afe7, U+afe9-afef, U+aff1-b00b, U+b00d-b00f, U+b011-b013, U+b015-b01b, U+b01d-b027, U+b029-b043, U+b045-b047, U+b049, U+b04b, U+b04d-b052, U+b055-b056, U+b058-b05c, U+b05e;
}

/* [59] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.59.woff2) format('woff2-variations');
	unicode-range: U+af03-af07, U+af09-af2b, U+af2e-af33, U+af35-af3b, U+af3e-af40, U+af44-af47, U+af4a-af5c, U+af5e-af63, U+af65-af7f, U+af81-afab;
}

/* [60] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.60.woff2) format('woff2-variations');
	unicode-range: U+ae56-ae5b, U+ae5e-ae60, U+ae62-ae64, U+ae66-ae67, U+ae69-ae6b, U+ae6d-ae83, U+ae85-aebb, U+aebf, U+aec1-aec3, U+aec5-aecb, U+aece, U+aed0, U+aed2-aed7, U+aed9-aef3, U+aef5-af02;
}

/* [61] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.61.woff2) format('woff2-variations');
	unicode-range: U+ad9c-ada3, U+ada5-adbf, U+adc1-adc3, U+adc5-adc7, U+adc9-add2, U+add4-addb, U+addd-addf, U+ade1-ade3, U+ade5-adf7, U+adfa-adfb, U+adfd-adff, U+ae02-ae07, U+ae0a, U+ae0c, U+ae0e-ae13, U+ae15-ae2f, U+ae31-ae33, U+ae35-ae37, U+ae39-ae3f, U+ae42, U+ae44, U+ae46-ae49, U+ae4b, U+ae4f, U+ae51-ae53, U+ae55;
}

/* [62] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.62.woff2) format('woff2-variations');
	unicode-range: U+ace2-ace3, U+ace5-ace6, U+ace9-acef, U+acf2, U+acf4, U+acf7-acfb, U+acfe-acff, U+ad01-ad03, U+ad05-ad0b, U+ad0d-ad10, U+ad12-ad1b, U+ad1d-ad33, U+ad35-ad48, U+ad4a-ad4f, U+ad51-ad6b, U+ad6e-ad6f, U+ad71-ad72, U+ad77-ad7c, U+ad7e, U+ad80, U+ad82-ad87, U+ad89-ad8b, U+ad8d-ad8f, U+ad91-ad9b;
}

/* [63] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.63.woff2) format('woff2-variations');
	unicode-range: U+ac25-ac2c, U+ac2e, U+ac30, U+ac32-ac37, U+ac39-ac3f, U+ac41-ac4c, U+ac4e-ac6f, U+ac72-ac73, U+ac75-ac76, U+ac79-ac7f, U+ac82, U+ac84-ac88, U+ac8a-ac8b, U+ac8d-ac8f, U+ac91-ac93, U+ac95-ac9b, U+ac9d-ac9e, U+aca1-aca7, U+acab, U+acad-acaf, U+acb1-acb7, U+acba-acbb, U+acbe-acc0, U+acc2-acc3, U+acc5-acdf;
}

/* [64] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.64.woff2) format('woff2-variations');
	unicode-range: U+99df, U+99ed, U+99f1, U+99ff, U+9a01, U+9a08, U+9a0e-9a0f, U+9a19, U+9a2b, U+9a30, U+9a36-9a37, U+9a40, U+9a43, U+9a45, U+9a4d, U+9a55, U+9a57, U+9a5a-9a5b, U+9a5f, U+9a62, U+9a65, U+9a69-9a6a, U+9aa8, U+9ab8, U+9ad3, U+9ae5, U+9aee, U+9b1a, U+9b27, U+9b2a, U+9b31, U+9b3c, U+9b41-9b45, U+9b4f, U+9b54, U+9b5a, U+9b6f, U+9b8e, U+9b91, U+9b9f, U+9bab, U+9bae, U+9bc9, U+9bd6, U+9be4, U+9be8, U+9c0d, U+9c10, U+9c12, U+9c15, U+9c25, U+9c32, U+9c3b, U+9c47, U+9c49, U+9c57, U+9ce5, U+9ce7, U+9ce9, U+9cf3-9cf4, U+9cf6, U+9d09, U+9d1b, U+9d26, U+9d28, U+9d3b, U+9d51, U+9d5d, U+9d60-9d61, U+9d6c, U+9d72, U+9da9, U+9daf, U+9db4, U+9dc4, U+9dd7, U+9df2, U+9df8-9dfa, U+9e1a, U+9e1e, U+9e75, U+9e79, U+9e7d, U+9e7f, U+9e92-9e93, U+9e97, U+9e9d, U+9e9f, U+9ea5, U+9eb4-9eb5, U+9ebb, U+9ebe, U+9ec3, U+9ecd-9ece, U+9ed4, U+9ed8, U+9edb-9edc, U+9ede, U+9ee8, U+9ef4, U+9f07-9f08, U+9f0e, U+9f13, U+9f20, U+9f3b, U+9f4a-9f4b, U+9f4e, U+9f52, U+9f5f, U+9f61, U+9f67, U+9f6a, U+9f6c, U+9f77, U+9f8d, U+9f90, U+9f95, U+9f9c, U+ac02-ac03, U+ac05-ac06, U+ac09-ac0f, U+ac17-ac18, U+ac1b, U+ac1e-ac1f, U+ac21-ac23;
}

/* [65] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.65.woff2) format('woff2-variations');
	unicode-range: U+338c-339c, U+339f-33a0, U+33a2-33cb, U+33cf-33d0, U+33d3, U+33d6, U+33d8, U+33db-33dd, U+4e01, U+4e03, U+4e07-4e08, U+4e11, U+4e14-4e15, U+4e18-4e19, U+4e1e, U+4e32, U+4e38-4e39, U+4e42-4e43, U+4e45, U+4e4d-4e4f, U+4e56, U+4e58-4e59, U+4e5d-4e5e, U+4e6b, U+4e6d, U+4e73, U+4e76-4e77, U+4e7e, U+4e82, U+4e86, U+4e88, U+4e8e, U+4e90-4e92, U+4e94-4e95, U+4e98, U+4e9b, U+4e9e, U+4ea1-4ea2, U+4ea4-4ea6, U+4ea8, U+4eab, U+4ead-4eae, U+4eb6, U+4ec0-4ec1, U+4ec4, U+4ec7, U+4ecb, U+4ecd, U+4ed4-4ed5, U+4ed7-4ed9, U+4edd, U+4edf, U+4ee4, U+4ef0, U+4ef2, U+4ef6-4ef7, U+4efb, U+4f01, U+4f09, U+4f0b, U+4f0d-4f11, U+4f2f, U+4f34, U+4f36, U+4f38, U+4f3a, U+4f3c-4f3d;
}

/* [66] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.66.woff2) format('woff2-variations');
	unicode-range: U+3136, U+3138, U+313a-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315b, U+315d-315f, U+3162, U+3164-318c, U+318e, U+3200-321b, U+3231, U+3239, U+3251-325a, U+3260-327b, U+327e-327f, U+328a-3290, U+3294, U+329e, U+32a5, U+3380-3384, U+3388-338b;
}

/* [67] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.67.woff2) format('woff2-variations');
	unicode-range: U+2f7d, U+2f7f-2f8b, U+2f8e-2f90, U+2f92-2f97, U+2f99-2fa0, U+2fa2-2fa3, U+2fa5-2fa9, U+2fac-2fb1, U+2fb3-2fbc, U+2fc1-2fca, U+2fcd-2fd4, U+3003, U+3012-3019, U+301c, U+301e-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304e, U+3050, U+3052, U+3056, U+305a, U+305c, U+305e, U+3062, U+3065, U+306c, U+3070-307d, U+3080, U+3085, U+3087, U+308e, U+3090-3091, U+30a1, U+30a5, U+30a9, U+30ae, U+30b1-30b2, U+30b4, U+30b6, U+30bc-30be, U+30c2, U+30c5, U+30cc, U+30d2, U+30d4, U+30d8-30dd, U+30e4, U+30e6, U+30e8, U+30ee, U+30f0-30f2, U+30f4-30f6, U+3133, U+3135;
}

/* [68] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.68.woff2) format('woff2-variations');
	unicode-range: U+2541-254b, U+25a4-25a9, U+25b1, U+25b5, U+25b9, U+25bf, U+25c1, U+25c3, U+25c9-25ca, U+25cc, U+25ce, U+25d0-25d1, U+25e6, U+25ef, U+260f, U+261d, U+261f, U+262f, U+2660, U+2664, U+2667-2669, U+266d, U+266f, U+2716, U+271a, U+273d, U+2756, U+2776-277f, U+278a-2793, U+2963, U+2965, U+2ac5-2ac6, U+2acb-2acc, U+2f00, U+2f04, U+2f06, U+2f08, U+2f0a-2f0b, U+2f11-2f12, U+2f14, U+2f17-2f18, U+2f1c-2f1d, U+2f1f-2f20, U+2f23-2f26, U+2f28-2f29, U+2f2b, U+2f2d, U+2f2f-2f32, U+2f38, U+2f3c-2f40, U+2f42-2f4c, U+2f4f-2f52, U+2f54-2f58, U+2f5a-2f66, U+2f69-2f70, U+2f72-2f76, U+2f78, U+2f7a-2f7c;
}

/* [69] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.69.woff2) format('woff2-variations');
	unicode-range: U+2479-2487, U+249c-24d1, U+24d3-24d7, U+24d9-24e9, U+24eb-24f4, U+2500-2501, U+2503, U+250c-2513, U+2515-2516, U+2518-2540;
}

/* [70] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.70.woff2) format('woff2-variations');
	unicode-range: U+215b-215e, U+2162-2169, U+2170-2179, U+2195-2199, U+21b0-21b4, U+21bc, U+21c0, U+21c4-21c5, U+21cd, U+21cf-21d4, U+21e0-21e3, U+21e6-21e9, U+2200, U+2202-2203, U+2206-2209, U+220b-220c, U+220f, U+2211, U+2213, U+221a, U+221d-2220, U+2222, U+2225-2227, U+2229-222c, U+222e, U+2234-2237, U+223d, U+2243, U+2245, U+2248, U+2250-2253, U+225a, U+2260-2262, U+2264-2267, U+226a-226b, U+226e-2273, U+2276-2277, U+2279-227b, U+2280-2287, U+228a-228b, U+2295-2297, U+22a3-22a5, U+22bb-22bc, U+22ce-22cf, U+22da-22db, U+22ee-22ef, U+2306, U+2312, U+2314, U+2467-2478;
}

/* [71] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.71.woff2) format('woff2-variations');
	unicode-range: U+81-82, U+84, U+a2-a5, U+a7-a8, U+aa, U+ac, U+b1-b3, U+b6, U+b8-ba, U+bc-be, U+c0, U+c2, U+c6-cb, U+ce-d0, U+d4, U+d8-d9, U+db-dc, U+de-df, U+e6, U+eb, U+ee-f0, U+f4, U+f7-f9, U+fb, U+fe-ff, U+111, U+126-127, U+132-133, U+138, U+13f-142, U+149-14b, U+152-153, U+166-167, U+2bc, U+2c7, U+2d0, U+2d8-2d9, U+2db-2dd, U+391-394, U+396-3a1, U+3a3-3a9, U+3b2-3b6, U+3b8, U+3bc, U+3be-3c1, U+3c3-3c9, U+2010, U+2015-2016, U+2018-2019, U+201b, U+201f-2021, U+2025, U+2030, U+2033-2036, U+203c, U+203e, U+2042, U+2074, U+207a-207f, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212b, U+2153-2154;
}

/* [72] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.72.woff2) format('woff2-variations');
	unicode-range: U+e8, U+2da, U+2160, U+2194, U+3054, U+3058, U+306d, U+3086, U+308d, U+30ac, U+30bb, U+30c4, U+30cd-30ce, U+30e2, U+3132, U+3146, U+3149, U+339d, U+4e3b, U+4f0a, U+4fdd, U+4fe1, U+5409, U+540c, U+5834, U+592a-592b, U+5b9a, U+5dde, U+5e0c, U+5e73, U+5f0f, U+60f3, U+653f, U+661f, U+662f, U+667a, U+683c, U+6b4c, U+6c11, U+767c, U+76ee, U+76f4, U+77f3, U+79d1, U+7a7a, U+7b2c, U+7d22, U+8207, U+8a00, U+8a71, U+9280, U+9580, U+958b, U+96c6, U+9762, U+98df, U+9ed1, U+ac2d, U+adc8, U+add3, U+af48, U+b014, U+b134-b135, U+b158, U+b2aa, U+b35f, U+b6a4, U+b9cf, U+bb63, U+bd23, U+be91, U+c29b, U+c3f4, U+c42c, U+c55c, U+c573, U+c58f, U+c78c, U+c7dd, U+c8f5, U+cad1, U+cc48, U+cf10, U+cf20, U+d03c, U+d07d, U+d2a0, U+d30e, U+d38d, U+d3a8, U+d3c8, U+d5e5, U+d5f9, U+d6e4, U+f90a, U+ff02, U+ff1c;
}

/* [73] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.73.woff2) format('woff2-variations');
	unicode-range: U+3b1, U+2466, U+25a1, U+25a3, U+261c, U+3008-3009, U+305b, U+305d, U+3069, U+30a7, U+30ba, U+30cf, U+30ef, U+3151, U+3157, U+4e4b, U+4e5f, U+4e8c, U+4eca, U+4ed6, U+4f5b, U+50cf, U+5149, U+5165, U+5171, U+5229, U+529b, U+5316, U+539f, U+53f2, U+571f, U+5728, U+58eb, U+591c, U+5b78, U+5c11, U+5c55, U+5ddd, U+5e02, U+5fb7, U+60c5, U+610f, U+611f, U+6625, U+66f8, U+6797, U+679c, U+682a, U+6d2a, U+706b, U+7406, U+767b, U+76f8, U+77e5, U+7acb, U+898b, U+8a69, U+8def, U+8fd1, U+901a, U+90e8, U+91cd, U+975e, U+ae14, U+ae6c, U+aec0, U+afc7, U+afc9, U+b01c, U+b028, U+b308, U+b311, U+b314, U+b31c, U+b524, U+b560, U+b764, U+b920, U+b9e3, U+bd48, U+be7d, U+c0db, U+c231, U+c270, U+c2e3, U+c37d, U+c3ed, U+c530, U+c6a5, U+c6dc, U+c7a4, U+c954, U+c974, U+d000, U+d565, U+d667, U+d6c5, U+d79d, U+ff1e;
}

/* [74] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.74.woff2) format('woff2-variations');
	unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308f, U+30c0, U+30d1, U+30d3, U+30d6, U+30df, U+30e7, U+3153, U+4e16, U+4e8b, U+4ee5, U+5206, U+52a0, U+52d5, U+53e4, U+53ef, U+54c1, U+57ce, U+597d, U+5b8c, U+5ea6, U+5f8c, U+5f97, U+6210, U+6240, U+624b, U+6728, U+6bd4, U+7236, U+7269, U+7279, U+738b, U+7528, U+7530, U+767e, U+798f, U+8005, U+8a18, U+90fd, U+91cc, U+9577, U+9593, U+98a8, U+ac20, U+acf6, U+ad90, U+af5d, U+af80, U+afcd, U+aff0, U+b0a1, U+b0b5, U+b1fd, U+b2fc, U+b380, U+b51b, U+b584, U+b5b3, U+b8fd, U+b93c, U+b9f4, U+bb44, U+bc08, U+bc27, U+bc49, U+be55, U+be64, U+bfb0, U+bfc5, U+c178, U+c21f, U+c314, U+c4f1, U+c58d, U+c664, U+c698, U+c6a7, U+c6c1, U+c9ed, U+cac0, U+cacc, U+cad9, U+ccb5, U+cdcc, U+d0e4, U+d143, U+d320, U+d330, U+d54d, U+ff06, U+ff1f, U+ff5e;
}

/* [75] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.75.woff2) format('woff2-variations');
	unicode-range: U+b4, U+20a9, U+20ac, U+2190, U+24d8, U+2502, U+2514, U+2592, U+25c7-25c8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30a3, U+30a6, U+30aa, U+30b5, U+30c7, U+30ca-30cb, U+30d0, U+30e3, U+30e5, U+339e, U+4e09, U+4eac, U+4f5c, U+5167-5168, U+516c, U+51fa, U+5408, U+540d, U+591a, U+5b57, U+6211, U+65b9, U+660e, U+6642, U+6700, U+6b63, U+6e2f, U+7063, U+7532, U+793e, U+81ea, U+8272, U+82b1, U+897f, U+8eca, U+91ce, U+ac38, U+ad76, U+ae84, U+aecc, U+b07d, U+b0b1, U+b215, U+b2a0, U+b310, U+b3d7, U+b52a, U+b618, U+b775, U+b797, U+bcd5, U+bd59, U+be80, U+bea8, U+bed1, U+bee4-bee5, U+c060, U+c2ef, U+c329, U+c3dc, U+c597, U+c5bd, U+c5e5, U+c69c, U+c9d6, U+ca29, U+ca5c, U+ca84, U+cc39, U+cc3b, U+ce89, U+cee5, U+cf65, U+cf85, U+d058, U+d145, U+d22d, U+d325, U+d37d, U+d3ad, U+d769, U+ff0c;
}

/* [76] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.76.woff2) format('woff2-variations');
	unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304a, U+3053, U+3061, U+307f, U+3082, U+308c, U+3092, U+30a8, U+30ab, U+30ad, U+30b0, U+30b3, U+30b7, U+30c1, U+30c6, U+30c9, U+30d5, U+30d7, U+30de, U+30e0-30e1, U+30ec-30ed, U+4e0b, U+4e0d, U+4ee3, U+53f0, U+548c, U+5b89, U+5bb6, U+5c0f, U+611b, U+6771, U+6aa2, U+6bcd, U+6c34, U+6cd5, U+6d77, U+767d, U+795e, U+8ecd, U+9999, U+9ad8, U+ac07, U+ac1a, U+ac40, U+ad0c, U+ad88, U+ada4, U+ae01, U+ae65, U+aebd, U+aec4, U+afe8, U+b139, U+b205, U+b383, U+b38c, U+b42c, U+b461, U+b55c, U+b78f, U+b8fb, U+b9f7, U+bafc, U+bc99, U+bed8, U+bfcd, U+c0bf, U+c0f9, U+c167, U+c204, U+c20f, U+c22f, U+c258, U+c298, U+c2bc, U+c388, U+c501, U+c50c, U+c5b9, U+c5ce, U+c641, U+c648, U+c73d, U+ca50, U+ca61, U+cc4c, U+ceac, U+d0d4, U+d5f7, U+d6d7, U+ff1a;
}

/* [77] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.77.woff2) format('woff2-variations');
	unicode-range: U+2103, U+2463, U+25c6, U+25cb, U+266c, U+3001, U+300a, U+3046, U+304c-304d, U+304f, U+3055, U+3059, U+3063, U+3066-3068, U+306f, U+3089, U+30b8, U+30bf, U+314f, U+4e0a, U+570b, U+5730, U+5916, U+5929, U+5c71, U+5e74, U+5fc3, U+601d, U+6027, U+63d0, U+6709, U+6734, U+751f, U+7684, U+82f1, U+9053, U+91d1, U+97f3, U+ac2f, U+ac4d, U+adc4, U+ade4, U+ae41, U+ae4d-ae4e, U+aed1, U+afb9, U+b0e0, U+b299, U+b365, U+b46c, U+b480, U+b4c8, U+b7b4, U+b819, U+b918, U+baab, U+bab9, U+be8f, U+bed7, U+c0ec, U+c19f, U+c1a5, U+c3d9, U+c464, U+c53d, U+c553, U+c570, U+c5cc, U+c633, U+c6a4, U+c7a3, U+c7a6, U+c886, U+c9d9-c9da, U+c9ec, U+ca0c, U+cc21, U+cd1b, U+cd78, U+cdc4, U+cef8, U+cfe4, U+d0a5, U+d0b5, U+d0ec, U+d15d, U+d188, U+d23c, U+d2ac, U+d729, U+d79b, U+ff01, U+ff08-ff09, U+ff5c;
}

/* [78] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.78.woff2) format('woff2-variations');
	unicode-range: U+2039-203a, U+223c, U+25b3, U+25b7, U+25bd, U+25cf, U+266a, U+3002, U+300b, U+304b, U+3057, U+305f, U+306a-306b, U+307e, U+308a-308b, U+3093, U+30a2, U+30af, U+30b9, U+30c3, U+30c8, U+30e9-30eb, U+33a1, U+4e00, U+524d, U+5357, U+5b50, U+7121, U+884c, U+9751, U+ac94, U+aebe, U+aecd, U+af08, U+af41, U+af49, U+b010, U+b053, U+b109, U+b11b, U+b128, U+b154, U+b291, U+b2e6, U+b301, U+b385, U+b525, U+b5b4, U+b729, U+b72f, U+b738, U+b7ff, U+b837, U+b975, U+ba67, U+bb47, U+bc1f, U+bd90, U+bfd4, U+c27c, U+c324, U+c379, U+c3e0, U+c465, U+c53b, U+c58c, U+c610, U+c653, U+c6cd, U+c813, U+c82f, U+c999, U+c9e0, U+cac4, U+cad3, U+cbd4, U+cc10, U+cc22, U+ccb8, U+ccbc, U+cda5, U+ce84, U+cea3, U+cf67, U+cfe1, U+d241, U+d30d, U+d31c, U+d391, U+d401, U+d479, U+d5c9, U+d5db, U+d649, U+d6d4;
}

/* [79] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.79.woff2) format('woff2-variations');
	unicode-range: U+b0, U+e9, U+2193, U+2462, U+260e, U+261e, U+300e-300f, U+3044, U+30a4, U+30fb-30fc, U+314d, U+5973, U+6545, U+6708, U+7537, U+ac89, U+ac9c, U+acc1, U+ad04, U+ad75, U+ad7d, U+ae45, U+ae61, U+af42, U+b0ab, U+b0af, U+b0b3, U+b12c, U+b194, U+b1a8, U+b220, U+b258, U+b284, U+b2ff, U+b315, U+b371, U+b3d4-b3d5, U+b460, U+b527, U+b534, U+b810, U+b818, U+b98e, U+ba55, U+bbac, U+bc0b, U+bc40, U+bca1, U+bccd, U+bd93, U+be54, U+be5a, U+bf08, U+bf50, U+bf55, U+bfdc, U+c0c0, U+c0d0, U+c0f4, U+c100, U+c11e, U+c170, U+c20d, U+c274, U+c290, U+c308, U+c369, U+c539, U+c587, U+c5ff, U+c6ec, U+c70c, U+c7ad, U+c7c8, U+c83c, U+c881, U+cb48, U+cc60, U+ce69, U+ce6b, U+ce75, U+cf04, U+cf08, U+cf55, U+cf70, U+cffc, U+d0b7, U+d1a8, U+d2c8, U+d384, U+d47c, U+d48b, U+d5dd, U+d5e8, U+d720, U+d759, U+f981;
}

/* [80] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.80.woff2) format('woff2-variations');
	unicode-range: U+e0, U+e2, U+395, U+3b7, U+3ba, U+2460-2461, U+25a0, U+3010-3011, U+306e, U+30f3, U+314a, U+314c, U+5927, U+65b0, U+7e41, U+97d3, U+9ad4, U+ad49, U+ae0b, U+ae0d, U+ae43, U+ae5d, U+aecf, U+af3c, U+af64, U+afd4, U+b080, U+b084, U+b0c5, U+b10c, U+b1e8, U+b2ac, U+b36e, U+b451, U+b515, U+b540, U+b561, U+b6ab, U+b6b1, U+b72c, U+b730, U+b744, U+b800, U+b8ec, U+b8f0, U+b904, U+b968, U+b96d, U+b987, U+b9d9, U+bb36, U+bb49, U+bc2d, U+bc43, U+bcf6, U+bd89, U+be57, U+be61, U+bed4, U+c090, U+c130, U+c148, U+c19c, U+c2f9, U+c36c, U+c37c, U+c384, U+c3df, U+c575, U+c584, U+c660, U+c719, U+c816, U+ca4d, U+ca54, U+cabc, U+cb49, U+cc14, U+cff5, U+d004, U+d038, U+d0b4, U+d0d3, U+d0e0, U+d0ed, U+d131, U+d1b0, U+d31f, U+d33d, U+d3a0, U+d3ab, U+d514, U+d584, U+d6a1, U+d6cc, U+d749, U+d760, U+d799;
}

/* [81] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.81.woff2) format('woff2-variations');
	unicode-range: U+24, U+60, U+3b9, U+3bb, U+3bd, U+2191, U+2606, U+300c-300d, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321c, U+4eba, U+5317, U+ac31, U+ac77, U+ac9f, U+acb9, U+acf0-acf1, U+acfd, U+ad73, U+af3d, U+b00c, U+b04a, U+b057, U+b0c4, U+b188, U+b1cc, U+b214, U+b2db, U+b2ee, U+b304, U+b4ed, U+b518, U+b5bc, U+b625, U+b69c-b69d, U+b7ac, U+b801, U+b86c, U+b959, U+b95c, U+b985, U+ba48, U+bb58, U+bc0c, U+bc38, U+bc85, U+bc9a, U+bf40, U+c068, U+c0bd, U+c0cc, U+c12f, U+c149, U+c1e0, U+c22b, U+c22d, U+c250, U+c2fc, U+c300, U+c313, U+c370, U+c3d8, U+c557, U+c580, U+c5e3, U+c62e, U+c634, U+c6f0, U+c74d, U+c783, U+c78e, U+c796, U+c7bc, U+c92c, U+ca4c, U+cc1c, U+cc54, U+cc59, U+ce04, U+cf30, U+cfc4, U+d140, U+d321, U+d38c, U+d399, U+d54f, U+d587, U+d5d0, U+d6e8, U+d770;
}

/* [82] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.82.woff2) format('woff2-variations');
	unicode-range: U+d7, U+ea, U+fc, U+2192, U+25bc, U+3000, U+3137, U+3145, U+315c, U+7f8e, U+ac13, U+ac71, U+ac90, U+acb8, U+ace7, U+ad7f, U+ae50, U+aef4, U+af34, U+afbc, U+b048, U+b09a, U+b0ad, U+b0bc, U+b113, U+b125, U+b141, U+b20c, U+b2d9, U+b2ed, U+b367, U+b369, U+b374, U+b3cb, U+b4ec, U+b611, U+b760, U+b81b, U+b834, U+b8b0, U+b8e1, U+b989, U+b9d1, U+b9e1, U+b9fa, U+ba4d, U+ba78, U+bb35, U+bb54, U+bbf9, U+bc11, U+bcb3, U+bd05, U+bd95, U+bdd4, U+be10, U+bed0, U+bf51, U+c0d8, U+c232, U+c2b7, U+c2eb, U+c378, U+c500, U+c52c, U+c549, U+c568, U+c598, U+c5c9, U+c61b, U+c639, U+c67c, U+c717, U+c78a, U+c80a, U+c90c-c90d, U+c950, U+c9e7, U+cbe4, U+cca9, U+cce4, U+cdb0, U+ce78, U+ce94, U+ce98, U+cf8c, U+d018, U+d034, U+d0f1, U+d1b1, U+d280, U+d2f8, U+d338, U+d380, U+d3b4, U+d610, U+d69f, U+d6fc, U+d758;
}

/* [83] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.83.woff2) format('woff2-variations');
	unicode-range: U+e7, U+2022, U+203b, U+25c0, U+2605, U+2661, U+3147, U+318d, U+672c, U+8a9e, U+acaa, U+acbc, U+ad1c, U+ae4a, U+ae5c, U+b044, U+b054, U+b0c8-b0c9, U+b2a6, U+b2d0, U+b35c, U+b364, U+b428, U+b454, U+b465, U+b4b7, U+b4e3, U+b51c, U+b5a1, U+b784, U+b790, U+b7ab, U+b7f4, U+b82c, U+b835, U+b8e9, U+b8f8, U+b9d8, U+b9f9, U+ba5c, U+ba64, U+babd, U+bb18, U+bb3b, U+bbff, U+bc0d, U+bc45, U+bc97, U+bcbc, U+be45, U+be75, U+be7c, U+bfcc, U+c0b6, U+c0f7, U+c14b, U+c2b4, U+c30d, U+c4f8, U+c5bb, U+c5d1, U+c5e0, U+c5ee, U+c5fd, U+c606, U+c6c5, U+c6e0, U+c708, U+c81d, U+c820, U+c824, U+c878, U+c918, U+c96c, U+c9e4, U+c9f1, U+cc2e, U+cd09, U+cea1, U+cef5, U+cef7, U+cf64, U+cf69, U+cfe8, U+d035, U+d0ac, U+d230, U+d234, U+d2f4, U+d31d, U+d575, U+d578, U+d608, U+d614, U+d718, U+d751, U+d761, U+d78c, U+d790;
}

/* [84] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.84.woff2) format('woff2-variations');
	unicode-range: U+2665, U+3160, U+4e2d, U+6587, U+65e5, U+ac12, U+ac14, U+ac16, U+ac81, U+ad34, U+ade0, U+ae54, U+aebc, U+af2c, U+afc0, U+afc8, U+b04c, U+b08c, U+b099, U+b0a9, U+b0ac, U+b0ae, U+b0b8, U+b123, U+b179, U+b2e5, U+b2f7, U+b4c0, U+b531, U+b538, U+b545, U+b550, U+b5a8, U+b6f0, U+b728, U+b73b, U+b7ad, U+b7ed, U+b809, U+b864, U+b86d, U+b871, U+b9bf, U+b9f5, U+ba40, U+ba4b, U+ba58, U+ba87, U+baac, U+bbc0, U+bc16, U+bc34, U+bd07, U+bd99, U+be59, U+bfd0, U+c058, U+c0e4, U+c0f5, U+c12d, U+c139, U+c228, U+c529, U+c5c7, U+c635, U+c637, U+c735, U+c77d, U+c787, U+c789, U+c8c4, U+c989, U+c98c, U+c9d0, U+c9d3, U+cc0c, U+cc99, U+cd0c, U+cd2c, U+cd98, U+cda4, U+ce59, U+ce60, U+ce6d, U+cea0, U+d0d0-d0d1, U+d0d5, U+d14d, U+d1a4, U+d29c, U+d2f1, U+d301, U+d39c, U+d3bc, U+d4e8, U+d540, U+d5ec, U+d640, U+d750;
}

/* [85] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.85.woff2) format('woff2-variations');
	unicode-range: U+5e, U+25b2, U+25b6, U+314e, U+ac24, U+ace1, U+ace4, U+ae68, U+af2d, U+b0d0, U+b0e5, U+b150, U+b155, U+b193, U+b2c9, U+b2dd, U+b3c8, U+b3fc, U+b410, U+b458, U+b4dd, U+b5a0, U+b5a4, U+b5bb, U+b7b5, U+b838, U+b840, U+b86f, U+b8f9, U+b960, U+b9e5, U+bab8, U+bb50, U+bc1d, U+bc24-bc25, U+bca8, U+bcbd, U+bd04, U+bd10, U+bd24, U+be48, U+be5b, U+be68, U+c05c, U+c12c, U+c140, U+c15c, U+c168, U+c194, U+c219, U+c27d, U+c2a8, U+c2f1, U+c2f8, U+c368, U+c554-c555, U+c559, U+c564, U+c5d8, U+c5fc, U+c625, U+c65c, U+c6b1, U+c728, U+c794, U+c84c, U+c88c, U+c8e0, U+c8fd, U+c998, U+c9dd, U+cc0d, U+cc30, U+ceec, U+cf13, U+cf1c, U+cf5c, U+d050, U+d07c, U+d0a8, U+d134, U+d138, U+d154, U+d1f4, U+d2bc, U+d329, U+d32c, U+d3d0, U+d3f4, U+d3fc, U+d56b, U+d5cc, U+d600-d601, U+d639, U+d6c8, U+d754, U+d765;
}

/* [86] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.86.woff2) format('woff2-variations');
	unicode-range: U+3c-3d, U+2026, U+24d2, U+314b, U+ac11, U+acf3, U+ad74, U+ad81, U+adf9, U+ae34, U+af43, U+afb8, U+b05d, U+b07c, U+b110, U+b118, U+b17c, U+b180, U+b18d, U+b192, U+b2cc, U+b355, U+b378, U+b4a4, U+b4ef, U+b78d, U+b799, U+b7a9, U+b7fd, U+b807, U+b80c, U+b839, U+b9b4, U+b9db, U+ba3c, U+bab0, U+bba4, U+bc94, U+be4c, U+c154, U+c1c4, U+c26c, U+c2ac, U+c2ed, U+c4f4, U+c55e, U+c561, U+c571, U+c5b5, U+c5c4, U+c654-c655, U+c695, U+c6e8, U+c6f9, U+c724, U+c751, U+c775, U+c7a0, U+c7c1, U+c874, U+c880, U+c9d5, U+c9f8, U+cabd, U+cc29, U+cc2c, U+cca8, U+ccab, U+ccd0, U+ce21, U+ce35, U+ce7c, U+ce90, U+cee8, U+cef4, U+cfe0, U+d070, U+d0b9, U+d0c1, U+d0c4, U+d0c8, U+d15c, U+d1a1, U+d2c0, U+d300, U+d314, U+d3ed, U+d478, U+d480, U+d48d, U+d508, U+d53d, U+d5e4, U+d611, U+d61c, U+d68d, U+d6a8, U+d798;
}

/* [87] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.87.woff2) format('woff2-variations');
	unicode-range: U+23, U+25, U+5f, U+a9, U+ac08, U+ac78, U+aca8, U+acac, U+ace8, U+ad70, U+adc0, U+addc, U+b137, U+b140, U+b208, U+b290, U+b2f5, U+b3c5, U+b3cc, U+b420, U+b429, U+b529, U+b530, U+b77d, U+b79c, U+b7a8, U+b7c9, U+b7f0, U+b7fc, U+b828, U+b860, U+b9ad, U+b9c1, U+b9c9, U+b9dd-b9de, U+b9e8, U+ba38-ba39, U+babb, U+bc00, U+bc8c, U+bca0, U+bca4, U+bcd1, U+bcfc, U+bd09, U+bdf0, U+be60, U+c0ad, U+c0b4, U+c0bc, U+c190, U+c1fc, U+c220, U+c288, U+c2b9, U+c2f6, U+c528, U+c545, U+c558, U+c5bc, U+c5d4, U+c600, U+c644, U+c6c0, U+c6c3, U+c721, U+c798, U+c7a1, U+c811, U+c838, U+c871, U+c904, U+c990, U+c9dc, U+cc38, U+cc44, U+cca0, U+cd1d, U+cd95, U+cda9, U+ce5c, U+cf00, U+cf58, U+d150, U+d22c, U+d305, U+d328, U+d37c, U+d3f0, U+d551, U+d5a5, U+d5c8, U+d5d8, U+d63c, U+d64d, U+d669, U+d734, U+d76c;
}

/* [88] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.88.woff2) format('woff2-variations');
	unicode-range: U+26, U+2b, U+3e, U+40, U+7e, U+ac01, U+ac19, U+ac1d, U+aca0, U+aca9, U+acb0, U+ad8c, U+ae09, U+ae38, U+ae40, U+aed8, U+b09c, U+b0a0, U+b108, U+b204, U+b298, U+b2d8, U+b2eb-b2ec, U+b2f4, U+b313, U+b358, U+b450, U+b4e0, U+b54c, U+b610, U+b780, U+b78c, U+b791, U+b8e8, U+b958, U+b974, U+b984, U+b9b0, U+b9bc-b9bd, U+b9ce, U+ba70, U+bbfc, U+bc0f, U+bc15, U+bc1b, U+bc31, U+bc95, U+bcc0, U+bcc4, U+bd81, U+bd88, U+c0c8, U+c11d, U+c13c, U+c158, U+c18d, U+c1a1, U+c21c, U+c4f0, U+c54a, U+c560, U+c5b8, U+c5c8, U+c5f4, U+c628, U+c62c, U+c678, U+c6cc, U+c808, U+c810, U+c885, U+c88b, U+c900, U+c988, U+c99d, U+c9c8, U+cc3d-cc3e, U+cc45, U+cd08, U+ce20, U+cee4, U+d074, U+d0a4, U+d0dd, U+d2b9, U+d3b8, U+d3c9, U+d488, U+d544, U+d559, U+d56d, U+d588, U+d615, U+d648, U+d655, U+d658, U+d65c;
}

/* [89] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.89.woff2) format('woff2-variations');
	unicode-range: U+d, U+7c, U+ac10, U+ac15, U+ac74, U+ac80, U+ac83, U+acc4, U+ad11, U+ad50, U+ad6d, U+adfc, U+ae00, U+ae08, U+ae4c, U+b0a8, U+b124, U+b144, U+b178, U+b274, U+b2a5, U+b2e8, U+b2f9, U+b354, U+b370, U+b418, U+b41c, U+b4f1, U+b514, U+b798, U+b808, U+b824-b825, U+b8cc, U+b978, U+b9d0, U+b9e4, U+baa9, U+bb3c, U+bc18, U+bc1c, U+bc30, U+bc84, U+bcf5, U+bcf8, U+bd84, U+be0c, U+be14, U+c0b0, U+c0c9, U+c0dd, U+c124, U+c2dd, U+c2e4, U+c2ec, U+c54c, U+c57c-c57d, U+c591, U+c5c5-c5c6, U+c5ed, U+c608, U+c640, U+c6b8, U+c6d4, U+c784, U+c7ac, U+c800-c801, U+c9c1, U+c9d1, U+cc28, U+cc98, U+cc9c, U+ccad, U+cd5c, U+cd94, U+cd9c, U+cde8, U+ce68, U+cf54, U+d0dc, U+d14c, U+d1a0, U+d1b5, U+d2f0, U+d30c, U+d310, U+d398, U+d45c, U+d50c, U+d53c, U+d560, U+d568, U+d589, U+d604, U+d6c4, U+d788;
}

/* [90] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.90.woff2) format('woff2-variations');
	unicode-range: U+ac04, U+ac1c, U+ac70, U+ac8c, U+acbd, U+acf5, U+acfc, U+ad00, U+ad6c, U+adf8, U+b098, U+b0b4, U+b294, U+b2c8, U+b300, U+b3c4, U+b3d9, U+b4dc, U+b4e4, U+b77c, U+b7ec, U+b85d, U+b97c, U+b9c8, U+b9cc, U+ba54, U+ba74, U+ba85, U+baa8, U+bb34, U+bb38, U+bbf8, U+bc14, U+bc29, U+bc88, U+bcf4, U+bd80, U+be44, U+c0c1, U+c11c, U+c120, U+c131, U+c138, U+c18c, U+c218, U+c2b5, U+c2e0, U+c544, U+c548, U+c5b4, U+c5d0, U+c5ec, U+c5f0, U+c601, U+c624, U+c694, U+c6a9, U+c6b0, U+c6b4, U+c6d0, U+c704, U+c720, U+c73c, U+c740, U+c744, U+c74c, U+c758, U+c77c, U+c785, U+c788, U+c790-c791, U+c7a5, U+c804, U+c815, U+c81c, U+c870, U+c8fc, U+c911, U+c9c4, U+ccb4, U+ce58, U+ce74, U+d06c, U+d0c0, U+d130, U+d2b8, U+d3ec, U+d504, U+d55c, U+d569, U+d574, U+d638, U+d654, U+d68c;
}

/* [91] */
@font-face {
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(../../public/vendor/pretendard/woff2-dynamic-subset/PretendardVariable.subset.91.woff2) format('woff2-variations');
	unicode-range: U+20-22, U+27-2a, U+2c-39, U+3a-3b, U+3f, U+41-4e, U+4f-5d, U+61-7b, U+7d, U+a0-a1, U+ab, U+ad-ae, U+b7, U+bb, U+bf, U+2013-2014, U+201c-201d, U+2122, U+ac00, U+ace0, U+ae30, U+b2e4, U+b85c, U+b9ac, U+c0ac, U+c2a4, U+c2dc, U+c774, U+c778, U+c9c0, U+d558;
}


/* src/ui/tokens.css */

:root {
  /* Surfaces and reading. A divider is not an input boundary. */
  --sl-bg:#f6f8fc; --sl-surface:#fff; --sl-surface-soft:#eef3fa;
  --sl-navy:#0b1f3b; --sl-text:#1f2937; --sl-muted:#53657d; --sl-line:#e1e8f2;
  --sl-input-border:#75859a;

  /* Actions, selection and focus have separate roles, even when colors match. */
  --sl-action-bg:#ff7a45; --sl-action-text:var(--sl-navy);
  --sl-action-hover:#ff915f; --sl-action-pressed:#ef6b35;
  --sl-primary-bg:var(--sl-navy); --sl-primary-text:var(--sl-surface);
  --sl-primary-hover:#17365c; --sl-primary-pressed:#081829;
  --sl-control-hover:var(--sl-surface-soft); --sl-control-hover-line:var(--sl-input-border);
  --sl-control-pressed:#e3ebf8; --sl-disabled-bg:#edf1f6; --sl-disabled-text:#65758a; --sl-disabled-line:transparent;
  --sl-selection:#246bfd; --sl-focus:var(--sl-selection);
  --sl-selection-text:#1c55cf;
  --sl-nav-marker:#e36225;
  --sl-tab-text:var(--sl-navy); --sl-tab-selected:var(--sl-selection-text);
  --sl-tab-line:var(--sl-selection); --sl-tab-idle-line:var(--sl-line); --sl-tab-hover:var(--sl-surface-soft);

  /* Functional status and event annotations. Never infer state from color. */
  --sl-success:#137d55; --sl-idle:#8392a7;
  --sl-recording-text:#b54416; --sl-recording-bg:#fff0e8; --sl-idle-bg:#eff3f8;
  --sl-finish-text:var(--sl-recording-text); --sl-finish-bg:#fff8f4; --sl-finish-line:#ffd5c2;
  --sl-event-text:#244a91; --sl-event-line:#8eaff0;
  --sl-event-bg:#f0f6ff; --sl-event-hover:#dce9ff; --sl-event-row-hover:#eaf1fc;
  --sl-notice-bg:#edf3ff;
  --sl-warning-bg:#fff4d6;

  /* The display adapter reads these once. Data colors are not action colors. */
  --sl-chart-grid:#e5ebf4; --sl-chart-axis:var(--sl-muted);
  --sl-channel-1:#e36225; --sl-channel-2:#246bfd;
  --sl-channel-3:#7c5cff; --sl-channel-4:#137d55;
  --sl-channel-text-1:#b54416; --sl-channel-text-2:var(--sl-selection-text);
  --sl-channel-text-3:#6240d8; --sl-channel-text-4:#137d55;
  --sl-analysis-point:var(--sl-selection); --sl-analysis-excluded:#65758a;
  --sl-analysis-point-text:var(--sl-selection-text);
  --sl-analysis-focused:var(--sl-navy); --sl-analysis-trend:#b54416;
  --sl-selected-bg:#edf3ff; --sl-inspected-bg:#fff0e8;

  /* Geometry by role: flat tabs/memos, compact utility, rounded containers. */
  --sl-radius-flat:0; --sl-radius-compact:4px; --sl-radius-control:10px;
  --sl-radius-badge:6px; --sl-radius-popover:12px; --sl-radius-note:14px;
  --sl-radius-dialog:16px; --sl-radius-reading:17px;
  --sl-radius-panel:18px; --sl-radius-shell:20px;
  --sl-target:44px; --sl-target-compact:36px;
  --sl-space-1:4px; --sl-space-2:8px; --sl-space-3:12px;
  --sl-space-4:16px; --sl-space-6:24px; --sl-space-8:32px;
  --sl-font:'Pretendard Variable',system-ui,'Malgun Gothic',sans-serif;
  --sl-type-control:0.875rem; --sl-type-label:0.8125rem; --sl-type-small:0.75rem; --sl-type-caption:0.6875rem;
  --sl-shadow-panel:0 8px 28px #0b1f3b06;
  --sl-shadow-menu:0 12px 36px #0b1f3b22; --sl-shadow-dialog:0 24px 80px #0b1f3b30;
  --sl-backdrop:#0b1f3b50;
  --sl-motion-control:140ms; --sl-motion-panel:220ms;
  --sl-motion-panel-easing:cubic-bezier(.22,1,.36,1);
}

@media(prefers-reduced-motion:reduce) {
  :root { --sl-motion-control:0ms; --sl-motion-panel:0ms; }
}


/* src/ui/base.css */
/* Document defaults and structural utilities. Semantic values live in tokens.css. */
:root { font-synthesis:none; color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0px; }
a, summary { -webkit-tap-highlight-color:transparent; }
a { color:var(--sl-selection-text); text-underline-offset:4px; }
a:hover { text-decoration-thickness:2px; }
h1, h2, p { margin:0px; }
h1 { font-size:1.875rem; line-height:1.35; letter-spacing:-1px; word-break:keep-all; }
h2 { font-size:1.3125rem; line-height:1.45; letter-spacing:-0.5px; }
p { line-height:1.75; word-break:keep-all; }
small { display:block; }
a, summary { touch-action:manipulation; }
[hidden] { display:none !important; }
.muted { font-size:0.8125rem; color:var(--sl-muted); }
.eyebrow { font-size:0.75rem; font-weight:700; letter-spacing:1.2px; color:var(--sl-selection-text); margin-bottom:8px; }
.skip-link { position:fixed; top:-80px; left:16px; z-index:10; background:rgb(255, 255, 255); padding:14px; }
.skip-link:focus { top:12px; }
main:focus { outline:0px; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:6px 0px 25px; }
.section-heading > p, .section-heading > a { font-size:0.8125rem; color:var(--sl-muted); }
table { border-collapse:collapse; text-align:left; font-size:0.8125rem; min-width:320px; width:100%; }
th { background:rgb(237, 242, 239); color:rgb(93, 116, 112); font-size:0.75rem; font-weight:600; }
th, td { padding:15px; border-bottom:1px solid rgb(228, 235, 231); white-space:nowrap; }
.empty-cell { height:260px; text-align:center; color:rgb(128, 145, 141); font-size:0.8125rem; white-space:normal; }
@media (max-width: 760px) {
  .section-heading { align-items:flex-start; margin-bottom:20px; }
  .section-heading h1 { font-size:1.5625rem; }
  .section-heading > p { display:none; }
  .section-heading > a { font-size:0.6875rem; max-width:85px; line-height:1.7; }
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior:auto !important; }
}
html { scrollbar-gutter:stable; }
:root { font-family:var(--sl-font); color:var(--sl-text); background:var(--sl-bg); }
/* A device name in ordinary text, separate from the app's own identity.
   Reuse the bundled typeface; do not imitate or reconstruct the official logo. */
.device-wordmark { font-family:var(--sl-font); font-weight:650; letter-spacing:-0.025em; text-transform:none; white-space:nowrap; }


/* src/ui/disclosure-menu.css */
.disclosure-menu { position:relative; }
.disclosure-menu > summary { list-style:none; display:flex; align-items:center; gap:12px; cursor:pointer; min-height:36px; padding:7px 12px; border:1px solid var(--sl-input-border,#75859a); border-radius:var(--sl-radius-control,8px); background:var(--sl-surface,#fff); color:var(--sl-navy,#0b1f3b); font-size:var(--sl-type-small,.75rem); font-weight:550; }
.disclosure-menu > summary::-webkit-details-marker { display:none; }
.disclosure-menu > summary::after { content:''; width:7px; height:7px; flex:none; margin:0 3px 4px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
.disclosure-menu[open] > summary { background:var(--sl-surface-soft,#eef3fa); }
.disclosure-menu[open] > summary::after { transform:rotate(225deg); margin-bottom:0; }
.disclosure-menu-panel { position:absolute; right:0; top:calc(100% + 8px); z-index:8; width:260px; max-width:calc(100vw - 32px); padding:8px; background:var(--sl-surface,#fff); border:1px solid var(--sl-line,#e1e8f2); border-radius:var(--sl-radius-popover,12px); box-shadow:var(--sl-shadow-menu,0 12px 36px #0b1f3b22); }
.disclosure-menu-panel > div { padding:4px; }
.disclosure-menu-panel small { display:block; padding:6px 10px; font-size:var(--sl-type-caption,.6875rem); color:var(--sl-muted,#53657d); }
.disclosure-menu-panel button { display:block; width:100%; text-align:left; border:0; min-height:44px; padding:10px; background:transparent; }
@media(max-width:760px) { .disclosure-menu > summary { min-height:44px; } }


/* src/ui/experiment-guide.css */
/* Adapted from G/ui/experiment-guide.css at 59c5c149; recording flow uses activity content. */
.measurement-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; }
.measurement-heading-actions a { color: var(--sl-muted); font-size: 0.8125rem; }
.measurement-heading-actions button { gap: 8px; font-size: 0.8125rem; padding: 9px 13px; }
.measurement-heading-actions svg { width: 17px; height: 17px; flex-shrink: 0; }
#show-experiment-guide { display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 0.8125rem; font-weight: 600; line-height: 1.4; letter-spacing: normal; color: var(--sl-navy); }

.experiment-guide { height:min(800px,calc(100dvh - 40px)); }
.experiment-guide-single { height:fit-content; }
.experiment-guide-single .experiment-guide-page { min-height:0; align-items:center; }
.experiment-guide-single .experiment-guide-paging { display:flex; justify-content:flex-end; }
.experiment-guide-single .experiment-guide-copy h3 { font-size:1.125rem; line-height:1.65; margin-bottom:20px; }
.experiment-guide[open] { animation: experiment-guide-enter var(--sl-motion-panel) var(--sl-motion-panel-easing); }
.experiment-guide-pages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 28px; border-bottom: 1px solid var(--sl-line); flex-shrink: 0; }
.experiment-guide-pages { --sl-tab-text:var(--sl-muted); --sl-tab-weight:500; }
:root[data-visual-theme="luminous"] .experiment-guide-pages button { border:0; border-bottom:2px solid transparent; min-height:48px; padding:10px 8px; gap:8px; font-size:var(--sl-type-label); }
:root[data-visual-theme="luminous"] .experiment-guide-pages button span { font-size: 0.75rem; font-variant-numeric: tabular-nums; }
:root[data-visual-theme="luminous"] .experiment-guide-pages button[aria-current] { border-bottom-color:var(--sl-tab-line); }
.experiment-guide .ui-dialog-body { padding-top:24px; }
.experiment-guide-page { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 30px; min-height: 345px; }
.experiment-guide-visual { margin: 0; display: flex; flex-direction: column; }
.experiment-guide-image { display: block; width: 100%; height: auto; min-height: 0; margin: auto 0; border-radius: 8px; object-fit: contain; }
.experiment-guide-visual figcaption { padding: 12px 4px 0; font-size: 0.6875rem; line-height: 1.6; color: var(--sl-muted); text-align: center; word-break: keep-all; }
.experiment-guide-copy .eyebrow { font-size: 0.6875rem; margin: 0 0 8px; }
.experiment-guide-copy h3 { font-size: 1.375rem; line-height: 1.45; letter-spacing: -.04em; margin: 0 0 22px; word-break: keep-all; }
.experiment-guide-instructions { list-style: none; padding: 0; margin: 0; display: grid; gap: 17px; }
.experiment-guide-instructions h4 { font-size: 0.8125rem; margin: 0 0 5px; font-weight: 650; }
.experiment-guide-instructions p { font-size: 0.8125rem; line-height: 1.75; color: var(--sl-muted); word-break: keep-all; overflow-wrap: anywhere; }
.experiment-guide-instructions strong { color: var(--sl-navy); font-weight: 600; }
.experiment-guide-range { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--sl-line); font-size: 0.75rem; line-height: 1.7; }
.experiment-guide-range strong { display: block; color: var(--sl-selection-text); font-weight: 600; margin-bottom: 4px; }
.experiment-guide-range span { color: var(--sl-muted); }
.experiment-guide-caution { grid-column: 1 / -1; margin: 0; padding: 10px 12px; border-left: 2px solid #bc8750; background: #faf7f1; font-size: 0.75rem; line-height: 1.7; color: #75552f; }
.experiment-guide-paging { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; }
.experiment-guide-paging button { min-width: 112px; padding: 10px 14px; font-size: 0.8125rem; }
.experiment-guide-paging button:first-child { justify-self: start; }
.experiment-guide-paging button:last-child { justify-self: end; }
.experiment-guide-count { font-size: 0.75rem; color: var(--sl-muted); font-variant-numeric: tabular-nums; }
.experiment-guide-options { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; margin-top: 12px; }
.experiment-guide-preference { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; color: var(--sl-muted); cursor: pointer; }
.experiment-guide-preference input { width: 16px; height: 16px; min-height: 16px; margin: 0; padding: 0; accent-color: var(--sl-selection-text); }
.experiment-guide-recording { font-size: 0.6875rem; color: var(--sl-muted); margin: 0; }
@keyframes experiment-guide-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width: 760px) {
  .measurement-heading-actions { gap: 8px 12px; }
  .experiment-guide-page { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 22px; }
}
@media(max-width: 580px) {
  .experiment-guide { height:calc(100dvh - 32px); }
  .experiment-guide-single { height:fit-content; }
  .experiment-guide-pages { padding: 0 12px; }
  :root[data-visual-theme="luminous"] .experiment-guide-pages button { font-size: 0.6875rem; padding: 8px 2px; gap: 5px; }
  .experiment-guide-page { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 20px; }
  .experiment-guide-image { max-height: 260px; }
  .experiment-guide-visual figcaption { padding-top: 8px; }
  .experiment-guide-copy h3 { font-size: 1.3125rem; margin-bottom: 18px; }
  .experiment-guide-paging { gap: 8px; }
  .experiment-guide-paging button { min-width: 94px; padding: 10px; }
}
@media(prefers-reduced-motion: reduce) {
  .experiment-guide[open] { animation: none; }
  :root[data-visual-theme="luminous"] .experiment-guide-pages button { transition: none; }
}
.experiment-recording-flow { list-style:none; display:grid; gap:16px; padding:24px; margin:auto 0; background:var(--sl-surface-soft); border-radius:12px; }
.experiment-recording-flow li { display:grid; gap:8px; padding:16px; background:white; border:1px solid var(--sl-line); border-radius:8px; }
.experiment-recording-flow strong { font-size:1rem; color:var(--sl-selection-text); }
.experiment-recording-flow span { font-size:0.8125rem; color:var(--sl-muted); }


/* src/ui/measurement.css */
/* Measurement layout, readings, recording state and event annotations. */
.measurement-reception { min-width:0px; border-left:1px solid var(--sl-line); padding-left:24px; }
.measurement-reception p { font-size:0.75rem; color:var(--sl-muted); font-variant-numeric:tabular-nums; line-height:1.6; }
@media (max-width: 760px) {
  .measurement-reception { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:baseline; gap:0px 12px; border-left:0px; border-top:1px solid rgb(237, 241, 239); padding:7px 0px 0px; }
}
.event-note-edit { margin-left:8px; padding:3px 8px; min-height:28px; font-size:0.75rem; white-space:nowrap; }
.display-options { margin-top:24px; border-top:1px solid var(--sl-line); padding-top:18px; }
.display-options h3 { font-size:0.8125rem; margin:0px 0px 12px; }
.display-options > p { font-size:0.6875rem; color:var(--sl-muted); line-height:1.6; }
#display-channels { display:flex; flex-wrap:wrap; }
.channel-option { display:flex; align-items:center; border-radius:8px; cursor:pointer; }
.channel-option input { accent-color:var(--channel-color); margin:0px; }
.channel-option:has(:checked) { border-color:var(--channel-color); }
.measurement-preparation { font-size:0.8125rem; color:var(--sl-muted); margin:16px 0px; }
.measurement-events { font-size:0.8125rem; color:var(--sl-muted); }
.measurement-preparation summary, .measurement-events summary { cursor:pointer; }
.measurement-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:12px 0px 0px; }
.measurement-tools p { margin:0px; color:var(--sl-muted); font-size:0.75rem; }
#measurement-reception { grid-template-columns:110px 1fr; min-height:20px; line-height:20px; font-variant-numeric:tabular-nums; }
#measurement-reception span { white-space:nowrap; }
.measurement-tools p[data-fresh="true"] { color:var(--sl-selection-text); }
.measurement-tools button { font-size:0.75rem; min-height:32px; padding:6px 10px; }
.live-chart-heading { display:flex; align-items:center; justify-content:space-between; }
.live-chart-heading h3 { margin:0px; }
#acceleration-unit-toggle { min-height:var(--sl-target-compact); padding:6px 10px; border-radius:var(--sl-radius-compact); white-space:nowrap; }
#acceleration-unit-toggle[aria-pressed="true"] { --sl-button-bg:var(--sl-selected-bg); --sl-button-text:var(--sl-selection-text); --sl-button-line:var(--sl-selection); }
.measurement-layout { gap:16px; }
.lab-card { min-width:0px; container-type:inline-size; }
.lab-card > span { display:block; }
.lab-card strong { display:block; white-space:nowrap; overflow:auto; scrollbar-width:thin; font-variant-numeric:tabular-nums; }
.lab-card small { display:block; min-height:18px; }
#sample-count, #live-chart-summary { font-variant-numeric:tabular-nums; }
.lab-chart { position:relative; }
.note-controls label { flex:1 1 0%; }
.note-controls input { width:100%; }
@media (max-width: 370px) {
  #measurement-reception { grid-template-columns:1fr; min-height:40px; }
  #measurement-reception span { min-height:20px; }
}
@media (min-width: 1001px) {
  .measurement-layout { grid-template-columns:300px minmax(0px, 1fr); align-items:start; }
  #sample-count { margin-top:10px; }
  .note-controls { margin-top:14px; font-size:0.8125rem; }
  #activity-actions:not(:empty) { margin-top:12px; }
}
.luminous-heading { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.luminous-overview { margin-top:var(--sl-space-4); }
[data-visual-theme="luminous"] .measurement-layout { display:block; }
.luminous-overview { display:grid; grid-template-columns:142px minmax(0px, 1fr) 262px; gap:var(--sl-space-3); align-items:stretch; }
.measurement-command { display:contents; }
.luminous-device { order:0; }
#live-cards { order:1; }
.luminous-record { order:2; }
#measurement-reconnect { display:none; }
.luminous-device, .luminous-record, [data-visual-theme="luminous"] .lab-cards { background:linear-gradient(140deg,var(--sl-surface),#ffffffb0); border:1px solid var(--sl-surface); border-radius:var(--sl-radius-reading); box-shadow:rgba(27, 62, 109, 0.02) 0px 6px 22px; }
.luminous-device { padding:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-width:0px; }
.luminous-device img { display:block; width:100px; max-width:100%; height:78px; object-fit:contain; }
.luminous-connection { font-size:var(--sl-type-small); display:flex; align-items:center; gap:7px; }
.luminous-connection > span { display:none; }
.luminous-connection strong { font-weight:500; color:var(--sl-muted); }
.luminous-connection::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--sl-idle); }
[data-connection-state="connected"] .luminous-connection::before { background:var(--sl-success); }
[data-visual-theme="luminous"] .lab-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 9.6875rem), 1fr)); gap:20px 0px; margin:0px; padding:22px 6px; align-content:center; }
[data-visual-theme="luminous"] .lab-card { background:none; border-radius:var(--sl-radius-flat); padding:0px 20px; position:relative; }
[data-visual-theme="luminous"] .lab-card + .lab-card { border-left:1px solid var(--sl-line); }
[data-visual-theme="luminous"] .lab-card > span { color:var(--sl-navy); font-size:var(--sl-type-control); font-weight:600; padding-left:16px; }
[data-visual-theme="luminous"] .lab-card > span::before { content:""; display:block; position:absolute; top:4px; left:20px; width:6px; height:10px; border-radius:3px; background:var(--channel-color); }
.measurement-readout { display:flex; align-items:baseline; gap:7px; margin-top:var(--sl-space-3); min-width:0px; }
[data-visual-theme="luminous"] .lab-card strong { height:calc(1.25em + 16px); min-width:0px; font-size:clamp(1.375rem, 14cqi, 2.25rem); font-weight:600; letter-spacing:-0.8px; margin:0px; line-height:1.25; text-align:left; color:var(--channel-text-color); }
[data-visual-theme="luminous"] .lab-card small { flex:0 0 auto; white-space:nowrap; text-align:left; font-size:var(--sl-type-label); line-height:1.5; color:var(--sl-muted); }
.luminous-record { display:flex; flex-direction:column; justify-content:center; padding:var(--sl-space-3); gap:var(--sl-space-2); }
.luminous-record-state { font-size:var(--sl-type-label); line-height:1.5; color:var(--sl-muted); }
.luminous-record-state > span { display:none; }
.luminous-record-state strong { display:inline-flex; align-items:center; font-weight:600; padding:3px 9px; border-radius:var(--sl-radius-badge); background:var(--sl-idle-bg); }
.luminous-record-state strong::before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--sl-idle); margin-right:7px; }
[data-recording-state="recording"] .luminous-record-state { color:var(--sl-recording-text); }
[data-recording-state="recording"] .luminous-record-state strong { background:var(--sl-recording-bg); }
[data-recording-state="recording"] .luminous-record-state strong::before { background:var(--sl-action-bg); }
[data-visual-theme="luminous"] .recording-controls { display:flex; flex-wrap:wrap; gap:var(--sl-space-2); align-items:center; }
[data-visual-theme="luminous"] .recording-controls button { font-size:var(--sl-type-label); padding:9px 10px; min-height:var(--sl-target); min-width:0px; gap:6px; }
[data-visual-theme="luminous"] #pause-recording { min-width:0px; }
[data-visual-theme="luminous"] .recording-controls :is(#pause-recording, #resume-recording, #finish-recording)::before { content:""; width:13px; height:13px; background:currentcolor; mask:var(--record-icon) center/contain no-repeat; }
#pause-recording { --record-icon:url('../../public/vendor/lucide/pause.svg'); }
#resume-recording { --record-icon:url('../../public/vendor/lucide/play.svg'); }
#finish-recording { --record-icon:url('../../public/vendor/lucide/square.svg'); }
[data-visual-theme="luminous"] [data-recording-state="preview"] :is(#pause-recording, #resume-recording, #finish-recording), [data-visual-theme="luminous"] [data-recording-state="recording"] :is(#start-recording, #resume-recording), [data-visual-theme="luminous"] [data-recording-state="paused"] :is(#start-recording, #pause-recording), [data-visual-theme="luminous"] [data-recording-state="finishing"] :is(#start-recording, #pause-recording, #resume-recording), [data-visual-theme="luminous"] [data-recording-state="ended"] :is(#start-recording, #pause-recording, #resume-recording, #finish-recording) { display:none; }
[data-visual-theme="luminous"] #sample-count { font-size:var(--sl-type-small); color:var(--sl-muted); margin:0px; line-height:1.5; min-height:18px; }
.luminous-activity { display:flex; justify-content:space-between; gap:var(--sl-space-3); }
.luminous-activity:has(button:not([hidden])) { margin:12px 0px; }
.luminous-activity #activity-actions:not(:empty) { margin:0px; }
.luminous-activity button { font-size:var(--sl-type-label); }
.luminous-graph { background:var(--sl-surface); border:1px solid var(--sl-surface); border-radius:var(--sl-radius-panel); padding:14px 22px 12px; margin-top:14px; box-shadow:var(--sl-shadow-panel); }
[data-visual-theme="luminous"] .live-chart-heading { margin:0px 0px 8px; flex-wrap:wrap; gap:12px 18px; }
[data-visual-theme="luminous"] .live-chart-heading h3 { font-size:1.0625rem; letter-spacing:-0.3px; margin-right:5px; }
#live-range { margin-left:auto; }
#live-range > summary { border:0; border-radius:var(--sl-radius-flat); background:var(--sl-surface-soft); white-space:nowrap; padding:7px 10px; gap:8px; }
#live-range .disclosure-menu-panel { width:152px; }
#live-range [aria-pressed="true"] { background:var(--sl-selected-bg); font-weight:650; }
[data-visual-theme="luminous"] #display-channels { gap:var(--sl-space-3); }
[data-visual-theme="luminous"] .channel-option { padding:5px 0px; border:0px; background:none; color:var(--channel-text-color); gap:6px; font-weight:600; font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] .channel-option:has(:checked) { background:none; }
[data-visual-theme="luminous"] .channel-option input { width:14px; height:14px; min-height:0px; min-width:0px; padding:0px; }
[data-visual-theme="luminous"] .lab-chart { height:320px; }
[data-visual-theme="luminous"] #measurement-reception { display:flex; flex-wrap:wrap; gap:var(--sl-space-3); margin:0px; font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] #measurement-reception[data-fresh="true"] > span:first-child { color:var(--sl-success); }
[data-visual-theme="luminous"] #live-chart-summary { margin:0px; font-size:var(--sl-type-small); }
.luminous-notes { display:grid; grid-template-columns:minmax(0px, 1fr) minmax(300px, 0.85fr); gap:var(--sl-space-3); margin-top:14px; }
[data-visual-theme="luminous"] .measurement-events, [data-visual-theme="luminous"] .note-controls { margin:0px; padding:12px 16px; background:rgba(255, 255, 255, 0.65); border:1px solid var(--sl-surface); border-radius:var(--sl-radius-note); min-width:0px; }
[data-visual-theme="luminous"] .measurement-events summary { font-size:var(--sl-type-label); color:var(--sl-navy); font-weight:600; }
[data-visual-theme="luminous"] #lab-events { margin:6px 0px 0px; padding:0px; display:grid; gap:6px; max-height:156px; overflow:hidden auto; list-style:none; }
[data-visual-theme="luminous"] #lab-events li { min-width:0px; }
[data-visual-theme="luminous"] #lab-events:empty::after { content:"실험 조작과 메모를 남기면 여기에 표시돼요."; color:var(--sl-muted); font-size:var(--sl-type-small); padding:6px 0px; }
[data-visual-theme="luminous"] .measurement-event-row { --sl-button-bg:transparent; --sl-button-line:var(--sl-event-line); --sl-button-hover:var(--sl-event-row-hover); --sl-button-hover-line:var(--sl-selection); display:grid; grid-template-columns:minmax(0px, 1fr) auto; gap:3px 12px; width:100%; min-width:0px; padding:7px 10px; text-align:left; border-top:0px; border-right:0px; border-bottom:0px; border-image:none; border-left:3px solid var(--sl-event-line); background:transparent; font-size:var(--sl-type-small); line-height:1.5; }
.measurement-event-row strong { font-weight:600; overflow-wrap:anywhere; }
.measurement-event-row time { color:var(--sl-muted); font-size:var(--sl-type-caption); font-variant-numeric:tabular-nums; white-space:nowrap; }
.measurement-event-excerpt { grid-column:1 / -1; min-width:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; color:var(--sl-muted); }
.measurement-system-events { margin-top:6px; border-top:1px solid var(--sl-line); padding-top:6px; }
[data-visual-theme="luminous"] .measurement-system-events summary { color:var(--sl-muted); font-size:var(--sl-type-small); font-weight:400; }
.measurement-system-events ol { list-style:none; padding:0px; margin:8px 0px 0px; max-height:140px; overflow:auto; }
[data-visual-theme="luminous"] .measurement-system-events .measurement-event-row { border:0px; background:none; padding:5px 0px; }
.measurement-event-markers { position:absolute; inset:0px; pointer-events:none; }
[data-visual-theme="luminous"] .measurement-event-marker button { --sl-button-bg:var(--sl-event-bg); --sl-button-text:var(--sl-event-text); --sl-button-line:var(--sl-event-line); --sl-button-hover:var(--sl-event-hover); --sl-button-hover-line:var(--sl-selection); position:absolute; pointer-events:auto; min-height:44px; padding:4px 7px; display:flex; flex-direction:column; align-items:center; gap:1px; border-top:0px; border-right:0px; border-left:0px; border-image:none; border-bottom:2px solid var(--sl-event-line); background:var(--sl-button-bg); color:var(--sl-button-text); font-size:var(--sl-type-caption); line-height:1.5; }
.measurement-event-marker strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
.measurement-event-marker time { font-size:0.625rem; white-space:nowrap; font-variant-numeric:tabular-nums; }
.measurement-event-marker i { position:absolute; border-left:1px dashed var(--sl-event-line); }

.measurement-event-dialog ol { list-style:none; margin:0px 0px 18px; padding:0px; }
.measurement-event-dialog li { padding:12px 0px; border-bottom:1px solid var(--sl-line); }
.measurement-event-dialog time { margin-left:12px; font-size:var(--sl-type-small); color:var(--sl-muted); font-variant-numeric:tabular-nums; }
.measurement-event-dialog p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:var(--sl-type-control); line-height:1.7; margin:8px 0px 0px; }

[data-visual-theme="luminous"] .note-controls { gap:var(--sl-space-2); align-items:end; }
[data-visual-theme="luminous"] .note-controls label { min-width:120px; font-size:var(--sl-type-label); color:var(--sl-navy); font-weight:600; }
[data-visual-theme="luminous"] #event-note { font-weight:400; font-size:var(--sl-type-label); border-color:var(--sl-input-border); background:var(--sl-surface); padding:10px; min-width:0px; }
[data-visual-theme="luminous"] #add-note { --sl-button-bg:var(--sl-surface-soft); min-height:var(--sl-target); font-size:var(--sl-type-small); padding:10px; border:0px; }
@media (min-width: 1600px) {
  .luminous-overview { grid-template-columns:165px minmax(0px, 1fr) 280px; }
}
@media (max-width: 1150px) {
  .luminous-overview { grid-template-columns:minmax(0px, 1fr) 246px; }
  .luminous-device { grid-column:1 / -1; flex-direction:row; justify-content:flex-start; padding:8px 12px; gap:var(--sl-space-3); }
  .luminous-device img { width:65px; height:30px; }
  [data-visual-theme="luminous"] .lab-cards { padding:16px 0px; }
  [data-visual-theme="luminous"] .lab-card { padding:0px 14px; }
  [data-visual-theme="luminous"] .lab-card > span::before { left:14px; }
  .luminous-notes { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .luminous-overview { grid-template-columns:1fr; gap:10px; }
  .measurement-command { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:2px 8px; padding:8px 10px; background:var(--sl-surface); border-radius:var(--sl-radius-reading); }
  .measurement-command .luminous-device { grid-column:1; grid-row:1; flex-wrap:wrap; padding:0; gap:4px; background:none; border:0; box-shadow:none; }
  .luminous-device img { display:none; }
  #measurement-reconnect { display:inline-flex; font-size:var(--sl-type-small); padding:4px; }
  .luminous-record { display:contents; }
  .luminous-record-state { grid-column:1; grid-row:2; font-size:var(--sl-type-small); }
  .luminous-record-state strong { padding:0; background:none; }
  .luminous-record-state strong::before { display:none; }
  [data-recording-state="recording"] .luminous-record-state strong { background:none; }
  [data-recording-state="preview"] .luminous-record-state { display:none; }
  [data-visual-theme="luminous"] .recording-controls { grid-column:2; grid-row:1 / span 3; justify-content:flex-end; gap:6px; }
  [data-visual-theme="luminous"] .recording-controls button { padding:8px; font-size:var(--sl-type-small); }
  [data-visual-theme="luminous"] #sample-count { grid-column:1; grid-row:3; align-self:center; font-size:var(--sl-type-caption); }
  [data-visual-theme="luminous"] #sample-count[data-preview="true"] { display:none; }
  [data-visual-theme="luminous"] .lab-cards { grid-template-columns:repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); gap:16px 0px; padding:16px 0px; }
  .measurement-readout { margin-top:8px; }
  [data-visual-theme="luminous"] .lab-card strong { height:auto; padding-bottom:2px; }
  [data-visual-theme="luminous"] .lab-cards:has(> :only-child) { grid-template-columns:1fr; }
  [data-visual-theme="luminous"] .lab-card:nth-child(2n+1) { border-left:0px; }
  .luminous-graph { padding:18px 12px 12px; }
  [data-visual-theme="luminous"] .live-chart-heading { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:4px 8px; margin-bottom:2px; }
  [data-visual-theme="luminous"] .live-chart-heading h3 { grid-column:1; grid-row:1; margin:0; font-size:var(--sl-type-control); }
  #live-range { grid-column:2; grid-row:1; }
  [data-visual-theme="luminous"] #display-channels { grid-column:1 / -1; grid-row:2; flex-wrap:wrap; gap:4px 12px; }
  [data-visual-theme="luminous"] .live-chart-heading:has(#acceleration-unit-toggle:not([hidden])) #display-channels { grid-column:1; }
  #acceleration-unit-toggle { grid-column:2; grid-row:2; justify-self:end; }
  [data-visual-theme="luminous"] .lab-chart { height:290px; }
  [data-visual-theme="luminous"] #measurement-reception { gap:4px 10px; }
  [data-visual-theme="luminous"] .measurement-events, [data-visual-theme="luminous"] .note-controls { padding:14px; }
}
#connect { min-width:152px; }
#heating-start { min-width:146px; }

@media (min-width:1001px) {
  [data-visual-theme="luminous"] .luminous-graph { display:flex; flex-direction:column; height:var(--workspace-height,auto); min-height:min-content; }
  .luminous-graph > * { flex-shrink:0; }
  [data-visual-theme="luminous"] .lab-chart { flex:1 0 256px; height:256px; min-height:256px; }
  .lab-chart > canvas { position:absolute; inset:0; }
}


/* src/ui/reflection.css */
/* Evidence, interpretation writing and print layout. The chart stage owns its canvas size. */
.analysis-screen[data-task="interpretation"] .analysis-workspace { background:transparent; border:0px; box-shadow:none; }
.analysis-screen[data-task="interpretation"] .analysis-feedback { border-radius:12px; margin-bottom:12px; }
.analysis-tabs { scroll-margin-top:20px; }
#reflection-title:focus { outline:none; }
.reflection-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 2px 30px; }
.reflection-header h2 { margin:0px 0px 11px; font-size:clamp(1.5rem, 3vw, 2rem); font-weight:650; letter-spacing:-0.045em; }
.reflection-header p { color:rgb(107, 127, 123); margin:0px; font-size:0.8125rem; line-height:1.7; }
.reflection-layout { display:grid; grid-template-columns:minmax(320px, 0.85fr) minmax(0px, 1.15fr); gap:24px; align-items:start; }
.reflection-evidence-column { position:sticky; top:24px; min-width:0px; }
.reflection-evidence { min-width:0px; padding:24px 22px 0px; background:rgb(255, 255, 255); border:1px solid rgb(220, 230, 223); border-radius:12px; overflow:hidden; }
.evidence-heading { display:flex; align-items:center; gap:10px; }
.evidence-heading h3 { font-size:1rem; margin:0px; letter-spacing:-0.03em; }
.evidence-badge { color:rgb(105, 131, 120); background:rgb(243, 246, 242); padding:4px 7px; border-radius:5px; margin-left:auto; white-space:nowrap; }
.evidence-run-name { color:rgb(129, 145, 138); font-size:0.6875rem; margin:22px 0px 6px; overflow-wrap:anywhere; }
.evidence-caption { font-size:0.8125rem; font-weight:600; margin:0px 0px 14px; line-height:1.6; overflow-wrap:anywhere; }
.reflection-chart-stage { position:relative; height:265px; }
.evidence-scope { color:rgb(104, 128, 115); font-size:0.625rem; line-height:1.8; background:rgb(244, 247, 243); border-radius:7px; padding:9px 10px; margin:12px 0px; font-variant-numeric:tabular-nums; }
.evidence-warning { font-size:0.6875rem; line-height:1.7; }
.evidence-statistics { border-top:1px solid rgb(235, 239, 234); font-size:0.6875rem; margin-top:16px; }
.evidence-statistics summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:14px 0px; color:rgb(65, 105, 94); list-style:none; }
.evidence-statistics summary::-webkit-details-marker { display:none; }
.evidence-statistics summary > span { transition:transform 180ms; }
.evidence-statistics[open] summary > span { transform:rotate(45deg); }
.evidence-statistics p { font-size:0.6875rem; color:rgb(100, 119, 107); line-height:1.9; overflow-wrap:anywhere; margin:0px 0px 12px; }
.evidence-statistics #reflection-equation { color:rgb(49, 78, 64); font-weight:550; font-size:0.75rem; }
.evidence-no-trend { color:rgb(130, 146, 134); font-size:0.6875rem; line-height:1.8; margin:14px 0px 20px; }
.evidence-foot { padding:16px 0px; border-top:1px solid rgb(232, 238, 231); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:2px 8px; }
.evidence-foot > span { font-size:0.625rem; color:rgb(146, 160, 147); }
.analysis-screen .evidence-foot button { padding:0px; min-height:26px; font-size:0.6875rem; }
.reflection-empty { display:grid; place-items:center; text-align:center; min-height:250px; background:rgb(247, 250, 247); border-radius:12px; padding:28px; margin-bottom:20px; }
.reflection-empty > span { font-size:2rem; color:rgb(146, 172, 161); }
.reflection-empty p { font-size:0.875rem; line-height:1.8; color:rgb(105, 129, 115); }
.reflection-writing { min-width:0px; }
.writing-intro { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:6px; padding:0px 3px 11px; }
.writing-intro > span { font-size:0.75rem; color:rgb(83, 115, 106); font-weight:600; }
.writing-intro small { font-size:0.625rem; color:rgb(138, 155, 145); }
#reflection-questions { display:flex; flex-direction:column; gap:15px; }
.reflection-question { padding:22px 24px 14px; background:var(--sl-surface); border:1px solid var(--sl-line); border-radius:12px; transition:border-color 180ms; }
.question-heading { display:flex; align-items:flex-start; gap:12px; margin-bottom:15px; }
.question-number { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; margin-top:2px; font-variant-numeric:tabular-nums; }
.question-heading label { display:flex; flex-direction:column; gap:6px; cursor:text; }
.question-heading strong { font-size:1rem; letter-spacing:-0.025em; font-weight:650; color:rgb(52, 78, 66); }
.question-heading label > span { color:rgb(120, 135, 123); word-break:keep-all; }
.reflection-question textarea { display:block; width:100%; min-height:96px; max-height:420px; resize:vertical; border:0px; border-radius:0px; padding:0px 2px; font-style:inherit; font-variant:inherit; font-weight:inherit; font-stretch:inherit; font-optical-sizing:inherit; font-size-adjust:inherit; font-kerning:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-language-override:inherit; line-height:2; }
.reflection-question textarea:focus { outline:none; }
.reflection-question textarea:disabled { color:rgb(102, 121, 109); cursor:default; }
.question-footer { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:4px; font-size:0.5625rem; color:rgb(161, 172, 158); margin-top:9px; }
.answer-count { margin-left:auto; font-variant-numeric:tabular-nums; }
.reflection-question[data-written="true"] .question-number { border-color:rgb(221, 232, 216); }
.reflection-hints { font-size:0.6875rem; color:rgb(116, 128, 107); }
.reflection-hints:has(> details:not([hidden])), details.reflection-hints:not([hidden]) { border-top:1px solid rgb(232, 235, 223); margin-top:12px; padding-top:2px; }
.reflection-hints summary { cursor:pointer; padding:10px 0px; color:rgb(115, 134, 110); font-size:0.6875rem; line-height:1.7; }
.reflection-hints p, .reflection-hints li { line-height:1.85; overflow-wrap:anywhere; white-space:pre-wrap; margin:0px 0px 8px; }
.reflection-hints ul { padding-left:17px; margin:0px 0px 8px; }
.reflection-hint { color:rgb(141, 128, 93); background:rgb(244, 241, 229); border-radius:7px; padding:10px 12px; font-size:0.6875rem; line-height:1.8; margin:12px 0px 0px; }
.reflection-hint > span { margin-right:4px; }
.reflection-stale { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 20px; border:1px solid rgb(228, 217, 185); background:rgb(250, 246, 233); color:rgb(116, 100, 68); border-radius:12px; margin-bottom:20px; }
.reflection-stale strong { font-weight:600; font-size:0.75rem; }
.reflection-stale p { font-size:0.6875rem; margin:5px 0px 0px; line-height:1.6; }
.analysis-screen .reflection-stale button { font-size:0.6875rem; flex-shrink:0; color:rgb(121, 105, 67); border-color:rgb(222, 212, 182); background:rgb(255, 253, 246); }
.reflection-notice { color:rgb(92, 122, 101); font-size:0.75rem; line-height:1.8; margin:0px 0px 16px; }
.reflection-notice:empty { display:none; }
.reflection-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; padding:12px 2px 0px; }
.reflection-save-status { color:rgb(92, 125, 108); font-size:0.6875rem; display:flex; align-items:center; gap:7px; }
.reflection-save-status::before { content:""; width:5px; height:5px; border-radius:50%; }
.reflection-save-status[data-state="pending"]::before, .reflection-save-status[data-state="saving"]::before { background:rgb(195, 167, 116); }
.reflection-footer p { color:rgb(149, 161, 148); font-size:0.625rem; line-height:1.7; margin:7px 0px 0px; }
.reflection-export-actions { display:flex; flex-wrap:wrap; gap:8px; }
.analysis-screen .reflection-export-actions button { min-height:42px; font-size:0.75rem; padding:10px 14px; }
.reflection-export-actions small { font-size:0.5rem; color:rgb(151, 163, 152); }
.reflection-save-error { font-size:0.75rem; color:rgb(161, 91, 65); }
.reflection-save-error:empty { display:none; }
.trend-explanation { border-top:1px solid rgb(230, 236, 232); color:rgb(130, 148, 135); font-size:0.6875rem; line-height:1.9; margin-top:14px; padding-top:5px; }
.reflection-print { display:none; }
@media (max-width: 900px) {
  .reflection-layout { gap:16px; grid-template-columns:minmax(280px, 0.85fr) minmax(0px, 1.15fr); }
  .reflection-evidence { padding:19px 15px 0px; }
  .evidence-badge { display:none; }
  .reflection-question { padding:19px 18px 14px; }
  .question-heading { gap:9px; }
  .reflection-footer { flex-wrap:wrap; }
}
@media (max-width: 720px) {
  .reflection-header { padding:8px 0px 22px; }
  .reflection-header p { font-size:0.75rem; }
  .reflection-layout { grid-template-columns:minmax(0px, 1fr); gap:22px; }
  .reflection-evidence-column { position:static; }
  .reflection-evidence { padding:21px 18px 0px; }
  .evidence-badge { display:inline; }
  .reflection-chart-stage { height:245px; }
  .reflection-question { padding:21px 18px 14px; }
  .question-heading strong { font-size:0.9375rem; }
  .reflection-stale { align-items:flex-start; flex-direction:column; padding:16px; }
  .reflection-stale button { align-self:flex-end; }
  .reflection-export-actions { width:100%; }
  .analysis-screen .reflection-export-actions button { flex:1 1 0%; font-size:0.6875rem; padding:10px; }
}
@media print {
  body[data-print-reflection] > :not(#reflection-print) { display:none !important; }
  body[data-print-reflection] #reflection-print { font-size:10pt; display:block !important; }
  .reflection-print .print-eyebrow { color:rgb(96, 121, 105); font-size:9pt; letter-spacing:0.05em; }
  .reflection-print h1 { font-size:22pt; margin:10pt 0px 12pt; line-height:1.3; overflow-wrap:anywhere; }
  .reflection-print > p { margin:6pt 0px; }
  .reflection-print .print-meta { font-size:9pt; color:rgb(113, 128, 116); }
  .reflection-print img { display:block; width:100%; height:auto; margin:12pt 0px 16pt; break-inside:avoid; }
  .reflection-print section { margin:16pt 0px; border-top:1px solid rgb(203, 215, 204); padding-top:8pt; break-inside:avoid; }
  .reflection-print h2 { font-size:12pt; margin:0px 0px 6pt; }
  .reflection-print section p { font-size:10pt; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; margin:0px; }
}
#reflection-equation, #reflection-stat-detail { white-space:pre-line; }
@media (min-width: 1001px) {
  .analysis-screen .reflection-header h2 { font-size:1.375rem; }
  .analysis-screen .reflection-layout { grid-template-columns:minmax(0px, 1fr) minmax(0px, 1.15fr); gap:20px; }
}
[data-visual-theme="luminous"] :is(.calculation-editor-error, .calculation-error, .analysis-feedback, .reflection-save-error) { color:var(--sl-recording-text); }
[data-visual-theme="luminous"] .reflection-chart-stage > canvas { position:absolute; inset:0px; }
[data-visual-theme="luminous"] :is(.reflection-evidence, .reflection-question) { border-color:var(--sl-line); border-radius:var(--sl-radius-panel); box-shadow:var(--sl-shadow-panel); }
[data-visual-theme="luminous"] .reflection-question:focus-within { border-color:var(--sl-focus); }
[data-visual-theme="luminous"] .reflection-header h2 { color:var(--sl-navy); }
[data-visual-theme="luminous"] :is(.reflection-header p, .evidence-run-name, .evidence-scope, .evidence-statistics p, .evidence-no-trend, .evidence-foot > span, .writing-intro small, .question-heading label > span, .question-footer, .reflection-hints, .reflection-hints summary, .reflection-footer p, .reflection-export-actions small) { color:var(--sl-muted); font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] :is(.evidence-badge, .evidence-scope, .reflection-empty) { background:var(--sl-surface-soft); color:var(--sl-muted); }
[data-visual-theme="luminous"] .evidence-badge { font-size:var(--sl-type-caption); }
[data-visual-theme="luminous"] :is(.evidence-foot, .evidence-statistics, .reflection-hints, .reflection-footer) { border-color:var(--sl-line); }
[data-visual-theme="luminous"] :is(.evidence-statistics summary, .writing-intro > span, .question-heading strong, .reflection-empty p), [data-visual-theme="luminous"] #reflection-equation { color:var(--sl-navy); }
[data-visual-theme="luminous"] .question-heading label > span { font-size:var(--sl-type-control); line-height:1.7; }
[data-visual-theme="luminous"] .question-number { border:0px; border-radius:0px; background:var(--sl-recording-bg); color:var(--sl-recording-text); font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] .reflection-question[data-written="true"] .question-number { background:var(--sl-selected-bg); color:var(--sl-selection); }
[data-visual-theme="luminous"] .reflection-question textarea { font-family:var(--sl-font); font-size:1rem; color:var(--sl-text); background:repeating-linear-gradient(transparent 0,transparent calc(2em - 1px),var(--sl-line) calc(2em - 1px),var(--sl-line) 2em); }
[data-visual-theme="luminous"] .reflection-question textarea::placeholder { color:var(--sl-muted); font-size:var(--sl-type-control); }
[data-visual-theme="luminous"] .reflection-question textarea:focus-visible { outline:2px solid var(--sl-focus); outline-offset:4px; }
[data-visual-theme="luminous"] :is(.reflection-stale, .reflection-hint) { background:var(--sl-recording-bg); color:var(--sl-recording-text); border-color:var(--sl-finish-line); }
[data-visual-theme="luminous"] .evidence-warning { color:var(--sl-recording-text); }
[data-visual-theme="luminous"] :is(.reflection-notice, .reflection-save-status) { color:var(--sl-success); }
[data-visual-theme="luminous"] .reflection-save-status::before { background:var(--sl-success); }
[data-visual-theme="luminous"] .reflection-save-status[data-state="error"] { color:var(--sl-recording-text); }
[data-visual-theme="luminous"] .reflection-save-status[data-state="error"]::before { background:var(--sl-recording-text); }
[data-visual-theme="luminous"] .reflection-save-status:is([data-state="pending"], [data-state="saving"], [data-state="temporary"])::before { background:var(--sl-nav-marker); }
@media (min-width: 1001px) {
  [data-visual-theme="luminous"] .analysis-screen .reflection-header { padding:4px 0px 8px; }
  [data-visual-theme="luminous"] .analysis-screen .reflection-header h2 { margin-bottom:0px; }
  [data-visual-theme="luminous"] .analysis-screen .reflection-layout { min-height:var(--workspace-height,0px); align-items:stretch; }
  [data-visual-theme="luminous"] :is(.reflection-evidence-column, .reflection-evidence, #reflection-evidence-body, .reflection-writing) { display:flex; flex-direction:column; }
  [data-visual-theme="luminous"] .reflection-evidence-column { position:static; }
  [data-visual-theme="luminous"] .analysis-screen .reflection-evidence { flex:1 1 0%; padding:12px 16px 0px; }
  [data-visual-theme="luminous"] #reflection-evidence-body { flex:1 1 0%; }
  [data-visual-theme="luminous"] .reflection-chart-stage { flex:1 1 0%; height:200px; min-height:200px; }
  [data-visual-theme="luminous"] .evidence-run-name { margin:10px 0px 4px; }
  [data-visual-theme="luminous"] .evidence-caption { margin-bottom:8px; }
  [data-visual-theme="luminous"] .evidence-scope { padding:4px 8px; margin:8px 0px; }
  [data-visual-theme="luminous"] .evidence-no-trend { margin:4px 0px 8px; }
  [data-visual-theme="luminous"] .evidence-statistics { margin-top:4px; }
  [data-visual-theme="luminous"] .evidence-statistics summary, [data-visual-theme="luminous"] .evidence-foot { padding:8px 0px; }
  [data-visual-theme="luminous"] .reflection-footer { padding-top:8px; }
  [data-visual-theme="luminous"] .writing-intro { padding-bottom:6px; }
  [data-visual-theme="luminous"] #reflection-questions { flex:1 1 0%; display:grid; grid-auto-rows:minmax(min-content, 1fr); gap:8px; }
  [data-visual-theme="luminous"] .analysis-screen .reflection-question { display:flex; flex-direction:column; padding:8px 16px; }
  [data-visual-theme="luminous"] .question-heading { margin-bottom:6px; }
  [data-visual-theme="luminous"] .question-heading label { gap:2px; }
  [data-visual-theme="luminous"] .reflection-question textarea { flex:1 0 auto; height:3em; min-height:3em; line-height:1.5; background:repeating-linear-gradient(transparent 0,transparent calc(1.5em - 1px),var(--sl-line) calc(1.5em - 1px),var(--sl-line) 1.5em); }
  [data-visual-theme="luminous"] .question-footer { margin-top:4px; }
}
@media print {
  [data-visual-theme="luminous"] body[data-print-reflection] { padding:0px; background:white; color:var(--sl-text); }
  [data-visual-theme="luminous"] .reflection-print { font-family:var(--sl-font); }
  [data-visual-theme="luminous"] .reflection-print :is(.print-eyebrow, .print-meta) { color:var(--sl-muted); }
  [data-visual-theme="luminous"] .reflection-print section { border-color:var(--sl-input-border); }
}


/* src/ui/library.css */
/* Home, activity preview and saved experiments. */
#saved-runs li { display:flex; justify-content:space-between; }
#saved-runs li span { font-size:0.8125rem; overflow-wrap:anywhere; }
.edit-icon { display:inline-block; width:14px; height:14px; background:currentcolor; mask:url("../../public/vendor/lucide-pencil.svg") center center / contain no-repeat; }
.saved-run-actions { flex-shrink:0; }
.saved-run-actions button { font-size:0.75rem; }
button.delete-run { border-color:transparent; background:transparent; color:var(--sl-muted); }
button.delete-run:hover { color:rgb(161, 61, 54); background:rgba(161, 61, 54, 0.04); }
.home-intro > p:last-child { color:var(--sl-muted); }
.experiment-cards { display:grid; grid-template-columns:repeat(2, minmax(0px, 1fr)); }
#sensor-cards { grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
#activity-cards { grid-template-columns:repeat(auto-fit, minmax(min(100%, 600px), 1fr)); }
.experiment-card { display:flex; flex-direction:column; gap:12px; color:var(--sl-navy); text-decoration:none; }
@media (max-width: 650px) {
  .experiment-cards { grid-template-columns:1fr; }
}
#preview-transition-note:empty, #preview-question:empty, #preview-description:empty { display:none; }
.lab-saved { list-style:none; padding:0px; }
.lab-saved li { padding:10px 0px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; border-bottom:1px solid var(--sl-line); }
.lab-saved small { display:block; color:var(--sl-muted); margin-top:5px; }
.saved-run-actions button { min-height:40px; padding:8px 12px; border:0px; border-radius:3px; font:inherit; cursor:pointer; background:rgb(234, 240, 248); color:rgb(23, 52, 83); }
.saved-run-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
[data-visual-theme="luminous"] :is(.lab-home, .experiment-preview, [data-screen="saved"]) { margin-top:var(--sl-space-6); }
[data-visual-theme="luminous"] .home-intro { padding:24px 0px 28px; }
[data-visual-theme="luminous"] .home-intro h2 { font-size:clamp(2rem, 3.4vw, 3.25rem); font-weight:760; line-height:1.22; letter-spacing:-0.045em; margin:10px 0px 16px; color:var(--sl-navy); }
[data-visual-theme="luminous"] .home-intro > p:last-child { font-size:0.9375rem; line-height:1.8; }
[data-visual-theme="luminous"] .lab-home .eyebrow { display:flex; align-items:center; gap:12px; color:var(--sl-muted); font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] .home-intro .eyebrow::before { content:""; width:28px; height:3px; background:var(--sl-action-bg); }
[data-visual-theme="luminous"] .lab-home h3 { margin:28px 0px 14px; font-size:1.25rem; letter-spacing:-0.025em; color:var(--sl-navy); }
[data-visual-theme="luminous"] .home-section-description { margin:-6px 0 16px; font-size:var(--sl-type-control); color:var(--sl-muted); }
[data-visual-theme="luminous"] .experiment-cards { gap:var(--sl-space-4); }
[data-visual-theme="luminous"] .experiment-card { position:relative; min-width:0; min-height:150px; gap:4px; margin:0; padding:16px 22px; border:1px solid var(--sl-line); border-radius:var(--sl-radius-panel); background:linear-gradient(145deg,#fff,#fbfcff); box-shadow:0 2px 5px #0b1f3b0a,0 10px 24px #0b1f3b12,inset 0 1px 0 #fff; transition:transform var(--sl-motion-panel) var(--sl-motion-panel-easing),box-shadow var(--sl-motion-panel),border-color var(--sl-motion-control),background var(--sl-motion-control); }
.home-card-link { display:flex; flex-direction:column; gap:4px; color:var(--sl-navy); text-decoration:none; }
.home-card-link::after { content:""; position:absolute; inset:0; border-radius:var(--sl-radius-panel); }
.home-card-link:focus-visible { outline:none; }
.home-card-link:focus-visible::after { outline:2px solid var(--sl-focus); outline-offset:4px; }
.home-card-title { display:block; padding-right:18px; font-size:1.25rem; font-weight:700; line-height:1.2; letter-spacing:-0.025em; word-break:keep-all; overflow-wrap:anywhere; }
.home-card-sensor { color:var(--sl-muted); font-size:var(--sl-type-small); line-height:1.4; }
.home-card-description { margin-top:3px; color:var(--sl-muted); font-size:0.8125rem; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; }
.home-card-arrow { position:absolute; top:17px; right:20px; color:var(--sl-muted); font-size:1.125rem; line-height:1; transition:color var(--sl-motion-control),transform var(--sl-motion-control); }
.home-card-related { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin-top:auto; padding-top:5px; font-size:var(--sl-type-small); line-height:1.5; }
.home-related-label { color:var(--sl-muted); }
.home-related-link { position:relative; z-index:1; color:var(--sl-selection-text); text-decoration:none; text-underline-offset:3px; }
.home-related-link:hover { text-decoration:underline; }
.home-related-link::after { content:" ↗"; }
.home-activities-menu { z-index:2; width:100%; }
.home-activities-menu > summary { width:fit-content; min-height:24px; padding:0; border:0; background:transparent; color:var(--sl-selection-text); }
.home-activities-panel { left:0; right:auto; width:100%; min-width:min(280px,calc(100vw - 64px)); }
.home-activity-option { display:block; padding:10px; border-radius:var(--sl-radius-control); color:var(--sl-navy); text-decoration:none; }
.home-activity-option:hover, .home-activity-option:focus-visible { background:var(--sl-surface-soft); }
.home-activity-option strong { display:block; font-size:var(--sl-type-control); line-height:1.5; }
.home-activity-option span { display:block; margin-top:4px; color:var(--sl-muted); font-size:var(--sl-type-small); line-height:1.5; }
[data-visual-theme="luminous"] .experiment-card:has(details[open]) { z-index:5; }
[data-visual-theme="luminous"] .experiment-card:focus-within { border-color:#8aaef1; background:linear-gradient(145deg,#fff,#edf4ff); box-shadow:0 4px 10px #0b1f3b14,0 18px 34px #0b1f3b20,inset 0 1px 0 #fff; }
@media(hover:hover) and (pointer:fine) {
  [data-visual-theme="luminous"] .experiment-card:hover { transform:translateY(-4px); border-color:#8aaef1; background:linear-gradient(145deg,#fff 8%,#edf4ff); box-shadow:0 5px 10px #0b1f3b14,0 20px 36px #0b1f3b24,inset 0 1px 0 #fff; }
  .experiment-card:hover .home-card-arrow { color:var(--sl-selection-text); transform:translate(2px,-2px); }
}
[data-visual-theme="luminous"] .experiment-card:active { transform:translateY(-1px); }
[data-visual-theme="luminous"] .activity-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(235px,.5fr); align-items:center; gap:28px; min-height:190px; padding:28px; }
.activity-card .home-card-title { font-size:clamp(1.25rem,1.6vw,1.75rem); line-height:1.35; }
.home-card-eyebrow { margin-bottom:5px; color:var(--sl-muted); font-size:var(--sl-type-small); }
.activity-card .home-card-description { max-width:58ch; font-size:var(--sl-type-control); line-height:1.7; }
.activity-card .home-card-arrow { display:none; }
.home-activity-details { padding-left:28px; border-left:1px solid var(--sl-line); }
.home-activity-metadata { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:12px 18px; margin:0; font-size:var(--sl-type-small); line-height:1.65; }
.home-activity-metadata dt { color:var(--sl-muted); }
.home-activity-metadata dd { margin:0; color:var(--sl-navy); word-break:keep-all; }
.home-curriculum-detail { display:block; color:var(--sl-muted); }
.home-activity-action { display:block; margin-top:18px; text-align:right; color:var(--sl-selection-text); font-size:var(--sl-type-control); }
@media(prefers-reduced-motion:reduce) {
  [data-visual-theme="luminous"] .experiment-card:is(:hover,:active), .experiment-card:hover .home-card-arrow { transform:none; }
}
[data-visual-theme="luminous"] [data-screen="saved"] > .lab-panel { padding:var(--sl-space-8); border-color:var(--sl-line); border-radius:var(--sl-radius-panel); background:var(--sl-surface); box-shadow:var(--sl-shadow-panel); }
[data-visual-theme="luminous"] .experiment-preview { width:100%; max-width:1140px; margin-inline:auto; }
.preview-intro { padding:24px 0 28px; }
.preview-intro .eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 14px; color:var(--sl-muted); font-size:var(--sl-type-small); }
.preview-intro .eyebrow::before { content:""; width:28px; height:3px; background:var(--sl-action-bg); }
[data-visual-theme="luminous"] .preview-heading h2 { color:var(--sl-navy); font-size:clamp(2rem,3.4vw,3.25rem); font-weight:760; letter-spacing:-0.045em; line-height:1.22; word-break:keep-all; overflow-wrap:anywhere; }
.preview-question { margin:18px 0 8px; color:var(--sl-navy); font-size:clamp(1.125rem,1.6vw,1.375rem); font-weight:600; line-height:1.55; word-break:keep-all; }
#preview-description { max-width:66ch; margin:12px 0 0; color:var(--sl-muted); font-size:0.9375rem; line-height:1.8; word-break:keep-all; }
.preview-content { padding:30px; border:1px solid var(--sl-line); border-radius:var(--sl-radius-panel); background:linear-gradient(145deg,#fff,#fbfcff); box-shadow:0 2px 5px #0b1f3b0a,0 10px 24px #0b1f3b12,inset 0 1px 0 #fff; }
.preview-section + .preview-section { margin-top:24px; padding-top:24px; border-top:1px solid var(--sl-line); }
.preview-section h3 { margin:0 0 12px; color:var(--sl-navy); font-size:var(--sl-type-control); font-weight:650; }
.preview-channels { display:flex; flex-wrap:wrap; gap:8px; margin:0; }
.preview-channels > span { display:inline-flex; align-items:baseline; gap:10px; padding:9px 12px; border:1px solid var(--sl-line); border-radius:var(--sl-radius-control); background:var(--sl-surface-soft); color:var(--sl-navy); font-size:var(--sl-type-control); font-weight:600; }
.preview-channels small { color:var(--sl-muted); font-size:var(--sl-type-small); font-weight:400; }
#preview-preparation { display:grid; gap:9px; margin:0; padding-left:18px; color:var(--sl-muted); font-size:var(--sl-type-control); line-height:1.8; word-break:keep-all; }
#preview-preparation li::marker { color:var(--sl-selection-text); font-size:.75em; }
#preview-equipment { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
#preview-equipment li { padding:7px 10px; border:1px solid var(--sl-line); border-radius:var(--sl-radius-badge); color:var(--sl-text); font-size:var(--sl-type-small); line-height:1.5; }
#preview-curriculum { margin:0; color:var(--sl-muted); font-size:var(--sl-type-small); line-height:1.8; }
.preview-actions { gap:10px; margin-top:28px; padding-top:24px; border-top:1px solid var(--sl-line); }
.preview-actions #preview-browse { margin-left:auto; }
[data-visual-theme="luminous"] #saved-runs { margin:24px 0px 0px; color:var(--sl-muted); line-height:1.7; }
[data-visual-theme="luminous"] #saved-runs:not(:has(li)) { padding:24px; background:var(--sl-surface-soft); border-left:3px solid var(--sl-input-border); }
[data-visual-theme="luminous"] #saved-runs li { align-items:center; padding:18px 0px; gap:16px; border-color:var(--sl-line); }
[data-visual-theme="luminous"] #saved-runs li > div { min-width:0px; flex:1 1 0%; color:var(--sl-navy); font-weight:600; overflow-wrap:anywhere; }
[data-visual-theme="luminous"] #saved-runs small { color:var(--sl-muted); font-size:var(--sl-type-small); font-weight:400; }
[data-visual-theme="luminous"] #saved-runs button { min-width:84px; }
[data-visual-theme="luminous"] #saved-runs li > .saved-run-actions { flex:0 0 auto; }
@media (max-width: 650px) {
  [data-visual-theme="luminous"] #saved-runs li { flex-wrap:wrap; }
  [data-visual-theme="luminous"] #saved-runs li > .saved-run-actions { flex:1 1 100%; justify-content:flex-start; }
  [data-visual-theme="luminous"] [data-screen="saved"] > .lab-panel { padding:var(--sl-space-4); }
  .preview-intro { padding:12px 0 24px; }
  .preview-content { padding:22px; }
  .preview-actions.lab-controls { display:grid; grid-template-columns:1fr; }
  .preview-actions #preview-browse { margin:0; }
  [data-visual-theme="luminous"] .home-intro { padding-top:12px; }
  [data-visual-theme="luminous"] .experiment-card { min-height:126px; }
  [data-visual-theme="luminous"] .activity-card { grid-template-columns:1fr; gap:18px; padding:22px; }
  .home-activity-details { padding:16px 0 0; border-left:0; border-top:1px solid var(--sl-line); }
}


/* src/ui/dialogs.css */
/* Popup-specific content. Shared chrome: controls.css; layout: dialog-shell.css. */
.connection-troubleshooting section + section { margin-top:var(--sl-space-4); padding-top:var(--sl-space-4); border-top:1px solid var(--sl-line); }
.connection-troubleshooting h3 { margin:0 0 var(--sl-space-2); color:var(--sl-navy); font-size:var(--sl-type-control); font-weight:650; line-height:1.5; }
.connection-troubleshooting section p { margin:0; color:var(--sl-muted); font-size:var(--sl-type-label); line-height:1.75; }
.connection-troubleshooting strong { color:var(--sl-navy); font-weight:650; }
.connection-troubleshooting figure { margin:var(--sl-space-4) 0 0; overflow:hidden; }
/* The poster's transparent right margin offsets the visible board; center its silhouette. */
.connection-troubleshooting img { display:block; width:100%; height:auto; max-height:220px; object-fit:contain; transform:translateX(10%); }
.connection-troubleshooting figcaption { margin-top:var(--sl-space-2); color:var(--sl-muted); text-align:center; font-size:var(--sl-type-caption); }
.record-dialog-fields { display:grid; gap:14px; margin:0; }
.ui-dialog-description + .record-dialog-fields { margin-top:var(--sl-space-4); }
.record-dialog-error:not(:empty) { margin-top:var(--sl-space-4); }
#csv-columns { display:grid; gap:var(--sl-space-4); margin-top:var(--sl-space-4); }
.record-dialog-fields > label:not(.record-check) { display:grid; gap:7px; }
.record-dialog input:not([type="checkbox"]), .record-dialog select, .record-dialog textarea { width:100%; box-sizing:border-box; border-radius:3px; padding:10px; font:inherit; color:inherit; }
.record-dialog textarea { min-height:100px; resize:vertical; }
.record-dialog .record-check { display:flex; align-items:center; gap:10px; padding:8px 0px; }
.record-dialog .record-check input { width:18px; height:18px; min-height:18px; margin:0px; padding:0px; flex:0 0 auto; }
.stored-event .event-note-edit { min-height:40px; padding:8px 12px; border:0px; border-radius:3px; font:inherit; cursor:pointer; color:rgb(23, 52, 83); }
.record-dialog-error, .record-condition-warning { color:rgb(163, 54, 23); line-height:1.5; }
.record-dialog-error:empty { display:none; }
.record-export-columns { max-height:260px; overflow:auto; }
.stored-event { display:flex; gap:12px; align-items:baseline; justify-content:space-between; }
.stored-event > span { min-width:0px; overflow-wrap:anywhere; }
.stored-event .event-note-edit { flex:0 0 auto; background:transparent; }
@media (max-width: 600px) {
  .stored-event { flex-wrap:wrap; }
}


/* src/ui/action-help.css */
.help-action, .help-switch-row { display: inline-flex; align-items: center; gap: 4px; }
.help-action:has(> [hidden]:first-child) { display: none; }
.help-switch-row { display: flex; }
.help-switch-row > .switch-row { flex: 1; min-width: 0; }

/* Explicit specificity keeps shared and analysis button rules from enlarging help. */
button.help-trigger.help-trigger[data-action-help] {
  position: relative;
  display: inline-flex;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  max-width: 26px;
  padding: 0;
  margin: 0;
  gap: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  color: #57716d;
  font: 600 12px/1 system-ui, sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: help;
  transform: none;
  transition: color 120ms, background-color 120ms;
}

button.help-trigger.help-trigger[data-action-help]::before {
  content: '';
  position: absolute;
  inset: 3px;
  border: 1px solid #9aada7;
  border-radius: 50%;
  pointer-events: none;
}

button.help-trigger.help-trigger[data-action-help]:hover,
button.help-trigger.help-trigger[data-action-help][aria-expanded=true] {
  color: #185e64;
  background: #e4efea;
  border: 0;
  box-shadow: none;
  transform: none;
}

button.help-trigger.help-trigger[data-action-help]:focus-visible {
  outline: 3px solid #80bbbe;
  outline-offset: 2px;
}

.action-help-popover[popover] {
  position: fixed;
  inset: auto;
  box-sizing: border-box;
  width: max-content;
  max-width: min(310px, calc(100vw - 16px));
  max-height: calc(100dvh - 16px);
  margin: 0;
  padding: 11px 13px;
  overflow: auto;
  border: 1px solid #cbd9d2;
  border-radius: 10px;
  background: #fffef8;
  color: #263f39;
  box-shadow: 0 5px 18px #1a332924;
  font: 400 13px/1.6 system-ui, sans-serif;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  button.help-trigger.help-trigger[data-action-help] { transition: none; }
}

@media print {
  button.help-trigger.help-trigger[data-action-help],
  .action-help-popover[popover] { display: none !important; }
}

[data-visual-theme="luminous"] button.help-trigger.help-trigger[data-action-help]:focus-visible { outline:2px solid var(--sl-focus); outline-offset:2px; }
[data-visual-theme="luminous"] .action-help-popover[popover] { background:var(--sl-surface); color:var(--sl-text); border-color:var(--sl-input-border); border-radius:var(--sl-radius-popover); box-shadow:var(--sl-shadow-menu); font-family:var(--sl-font); }


/* src/ui/controls.css */
/* Shared controls: roles, interaction states and dialog chrome. Screen files own placement and size.
   Local --sl-button-* bindings select a role; hover/pressed/disabled paint stays here. */
:root[data-visual-theme] :is(.guide, .luminous-device, .lab-controls) button.connection-help-trigger[data-connection-help] {
  --sl-button-bg:transparent; --sl-button-line:transparent; --sl-button-text:var(--sl-muted);
  --sl-button-hover:var(--sl-control-hover); --sl-button-hover-line:transparent;
  min-height:44px; padding:8px 10px; font-size:0.8125rem; font-weight:500;
}
:root[data-visual-theme] .guide button.connection-help-trigger[data-connection-help] {
  --sl-button-text:var(--sl-stage-control-text); --sl-button-hover:var(--sl-stage-overlay);
}
:root[data-visual-theme] button.connection-help-inline {
  min-height:28px; padding:0 2px; border:0; background:transparent; color:inherit;
  font:inherit; font-weight:650; text-decoration:underline; text-underline-offset:3px;
}
@media (max-width:540px) {
  .guide-device-actions .connection-help-trigger { flex-basis:100%; justify-content:flex-start; }
}
button, input { -webkit-tap-highlight-color:transparent; }
button { font:inherit; cursor:pointer; border:1px solid rgb(188, 207, 206); border-radius:8px; padding:11px 16px; line-height:1.4; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:12px; }
:focus-visible { outline:rgb(189, 123, 54) solid 3px; outline-offset:4px; }
button { touch-action:manipulation; }
.button-row { display:flex; gap:8px; }
input { accent-color:var(--sl-selection-text); }
.stop-button:not(:disabled) { color:rgb(155, 57, 51); background:rgb(252, 241, 239); border-color:rgb(227, 185, 180); }
.stop-button:not(:disabled):hover { color:rgb(129, 46, 41); background:rgb(247, 225, 221); border-color:rgb(203, 140, 133); }
.stop-button svg { flex:0 0 auto; }
select, input { font:inherit; color:var(--sl-navy); background:white; border:1px solid rgb(188, 207, 206); border-radius:6px; padding:10px; min-height:44px; }
.lab-controls input, .lab-controls select { min-height:44px; border:1px solid rgb(188, 207, 206); border-radius:8px; padding:8px 12px; font:inherit; }
[data-visual-theme="luminous"] :is(button, select, input, textarea) { font-family:var(--sl-font); font-size:var(--sl-type-control); border-radius:var(--sl-radius-control); }
[data-visual-theme="luminous"] button { min-height:var(--sl-target); font-weight:550; transition:background var(--sl-motion-control),border-color var(--sl-motion-control); }
[data-visual-theme="luminous"] :is(button, a, input, select, textarea, summary, [role="slider"]):focus-visible { outline:2px solid var(--sl-focus); outline-offset:3px; }
[data-visual-theme="luminous"] button[aria-busy="true"] { cursor:progress; }
[data-visual-theme="luminous"] button.primary, [data-visual-theme="luminous"] button[data-ui-action="primary"] { --sl-button-bg:var(--sl-primary-bg); --sl-button-text:var(--sl-primary-text); --sl-button-hover:var(--sl-primary-hover); --sl-button-pressed:var(--sl-primary-pressed); --sl-button-line:transparent; --sl-button-hover-line:transparent; }
[data-visual-theme="luminous"] button[data-ui-action="accent"] { --sl-button-bg:var(--sl-action-bg); --sl-button-text:var(--sl-action-text); --sl-button-hover:var(--sl-action-hover); --sl-button-pressed:var(--sl-action-pressed); --sl-button-line:transparent; --sl-button-hover-line:transparent; }
[data-visual-theme="luminous"] button[data-ui-action="finish"] { --sl-button-text:var(--sl-finish-text); --sl-button-line:var(--sl-finish-line); --sl-button-bg:var(--sl-finish-bg); --sl-button-hover:var(--sl-recording-bg); }
[data-visual-theme="luminous"] :is(.guide .guide-progress button, .measurement-event-row, .measurement-event-marker button), [data-visual-theme="luminous"] #add-note { border-radius:var(--sl-radius-flat); box-shadow:none; }

[data-visual-theme="luminous"] :is(.analysis-screen, .experiment-preview, [data-screen="saved"], dialog) button { box-shadow:none; }
[data-visual-theme="luminous"] button,
[data-visual-theme="luminous"] :is(.analysis-screen, .experiment-preview, [data-screen="saved"], dialog) button { color:var(--sl-button-text,var(--sl-navy)); background:var(--sl-button-bg,var(--sl-surface)); border-color:var(--sl-button-line,var(--sl-input-border)); }
[data-visual-theme="luminous"] button:hover:not(:disabled),
[data-visual-theme="luminous"] :is(.analysis-screen, .experiment-preview, [data-screen="saved"], dialog) button:hover:not(:disabled) { background:var(--sl-button-hover,var(--sl-control-hover)); border-color:var(--sl-button-hover-line,var(--sl-control-hover-line)); }
[data-visual-theme="luminous"] button:active:not(:disabled),
[data-visual-theme="luminous"] :is(.analysis-screen, .experiment-preview, [data-screen="saved"], dialog) button:active:not(:disabled) { background:var(--sl-button-pressed,var(--sl-control-pressed)); }
[data-visual-theme="luminous"] button[data-ui-action="quiet"], [data-visual-theme="luminous"] .analysis-screen :is(.quiet-button, .history-actions button, .relationship-exports button, .point-heading button, .table-disclosure) { --sl-button-bg:transparent; --sl-button-text:var(--sl-muted); --sl-button-line:transparent; }
[data-visual-theme="luminous"] .analysis-screen .analysis-toast button { --sl-button-bg:transparent; --sl-button-text:var(--sl-surface); --sl-button-line:transparent; --sl-button-hover:var(--sl-primary-hover); --sl-button-pressed:var(--sl-primary-pressed); }
[data-visual-theme="luminous"] :is(dialog, .column-filter-panel) { color:var(--sl-text); background:var(--sl-surface); border:1px solid var(--sl-line); border-radius:var(--sl-radius-dialog); box-shadow:var(--sl-shadow-dialog); font-family:var(--sl-font); }
[data-visual-theme="luminous"] dialog { max-width:calc(-32px + 100vw); max-height:calc(100dvh - 32px); padding:var(--sl-space-6); overflow:auto; }
[data-visual-theme="luminous"] dialog::backdrop { background:var(--sl-backdrop); }
[data-visual-theme="luminous"] :is(.saved-run-actions, .stored-event) button { border:0px; border-radius:var(--sl-radius-compact); }
[data-visual-theme="luminous"] :is(.saved-run-actions, .stored-event) button { --sl-button-bg:transparent; --sl-button-hover:var(--sl-control-hover); }
[data-visual-theme="luminous"] :is(.record-dialog-error, .record-condition-warning) { color:var(--sl-recording-text); }
[data-visual-theme="luminous"] .column-filter-panel { border-radius:var(--sl-radius-popover); box-shadow:var(--sl-shadow-menu); }
[data-visual-theme="luminous"] :is(dialog, .analysis-screen, .column-filter-panel) :is(select, input:not([type="checkbox"])) { color:var(--sl-text); background:var(--sl-surface); border-color:var(--sl-input-border); border-radius:var(--sl-radius-compact); min-height:var(--sl-target-compact); font-family:var(--sl-font); font-size:var(--sl-type-label); }
[data-visual-theme="luminous"] :is(dialog, .analysis-screen) :is(select, input, textarea):disabled { color:var(--sl-disabled-text); background:var(--sl-disabled-bg); }
[data-visual-theme="luminous"] :is(.calculation-preview, .file-dialog fieldset) { background:var(--sl-surface-soft); border-color:var(--sl-line); }
[data-visual-theme="luminous"] .calculation-preview th { background:var(--sl-surface-soft); color:var(--sl-muted); }
[data-visual-theme="luminous"] :is(#range-error, #lab-error) { color:var(--sl-recording-text); }
@media (prefers-reduced-motion: reduce) {
  [data-visual-theme="luminous"] *, [data-visual-theme="luminous"] ::before { transition:none; animation:auto ease 0s 1 normal none running none; }
}

/* Shared straight-tab states; each surface supplies palette and edge tokens.
   Navigation semantics and the analysis indicator remain owned by their views. */
:root[data-visual-theme="luminous"] button.ui-tab {
  --sl-button-bg:transparent; --sl-button-text:var(--sl-tab-text); --sl-button-line:transparent;
  --sl-button-hover:var(--sl-tab-hover); --sl-button-hover-line:transparent;
  border-radius:0; background:var(--sl-button-bg); color:var(--sl-tab-text);
  border-top-color:var(--sl-tab-edge,transparent); font-weight:var(--sl-tab-weight,550);
}
:root[data-visual-theme="luminous"] button.ui-tab:is([aria-current], [aria-pressed="true"]):not(:disabled) {
  color:var(--sl-tab-selected); border-top-color:var(--sl-tab-edge-selected,transparent); font-weight:700;
}
:root[data-visual-theme="luminous"] button.ui-tab:hover:not(:disabled) { background:var(--sl-tab-hover); }

/* Disabled paint wins over role and tab bindings on every surface. */
:root[data-visual-theme="luminous"] button:disabled,
:root[data-visual-theme="luminous"] :is(.analysis-screen, .experiment-preview, [data-screen="saved"], dialog) button:disabled { color:var(--sl-disabled-text); background:var(--sl-disabled-bg); border-color:var(--sl-disabled-line); opacity:1; cursor:default; }


/* src/ui/dialog-shell.css */
/* Shared native-dialog layout, based on the experiment-method guide.
   Views own content, close/submit behavior and focus return. */
[data-visual-theme="luminous"] dialog.ui-dialog {
  width:min(var(--ui-dialog-width,560px),calc(100vw - 32px));
  max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px);
  padding:0; overflow:hidden;
}
.ui-dialog[data-dialog-size="compact"] { --ui-dialog-width:460px; }
.ui-dialog[data-dialog-size="wide"] { --ui-dialog-width:900px; }
.ui-dialog[open], .ui-dialog-form { display:flex; flex-direction:column; }
.ui-dialog-form { flex:1; min-height:0; margin:0; overflow:hidden; }
.ui-dialog-header { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sl-space-4); padding:24px 28px 20px; flex-shrink:0; }
.ui-dialog-header > div { min-width:0; }
.ui-dialog-dismiss { flex-shrink:0; margin:0; }
.ui-dialog-label { margin:0 0 var(--sl-space-2); color:var(--sl-navy); font-size:var(--sl-type-label); font-weight:600; line-height:1.4; }
.ui-dialog .ui-dialog-title { margin:0; color:var(--sl-navy); font-size:1.5625rem; line-height:1.45; letter-spacing:-.04em; word-break:keep-all; overflow-wrap:anywhere; }
.ui-dialog[data-dialog-size="compact"] .ui-dialog-title { font-size:1.25rem; }
.ui-dialog-title:focus { outline:none; }
[data-visual-theme="luminous"] .ui-dialog button.ui-dialog-close {
  --sl-button-bg:transparent; --sl-button-text:var(--sl-muted); --sl-button-line:transparent;
  flex-shrink:0; width:var(--sl-target); min-height:var(--sl-target); padding:8px; border:0;
}
.ui-dialog-body { flex:1; min-height:0; padding:0 28px 24px; overflow:auto; overscroll-behavior:contain; }
.ui-dialog-description { margin:0; color:var(--sl-muted); font-size:var(--sl-type-control); line-height:1.75; }
.ui-dialog-footer { flex-shrink:0; padding:16px 28px; border-top:1px solid var(--sl-line); }
.ui-dialog-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:var(--sl-space-2); margin:0; }
.ui-dialog-actions > button { min-width:88px; }
@media(max-width:580px) {
  .ui-dialog-header { padding:18px 18px 16px; }
  .ui-dialog .ui-dialog-title { font-size:1.25rem; }
  .ui-dialog-body { padding:0 18px 18px; }
  .ui-dialog-footer { padding:14px 18px; }
  .ui-dialog-actions > button { flex:1 1 auto; }
}


/* src/app/lab.css */
/* App shell: navigation, header, shared status and settings layout. */
.connection-notice { padding:var(--sl-space-3) var(--sl-space-4); margin:var(--sl-space-4) 0; background:var(--sl-warning-bg); color:var(--sl-navy); font-size:var(--sl-type-control); line-height:1.6; border:0; border-radius:var(--sl-radius-flat); }
.connection-notice > strong { font-weight:600; }
.connection-notice > p { margin-top:var(--sl-space-1); }
.connection-notice-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--sl-space-2) var(--sl-space-4); }
.connection-notice-actions > a { display:inline-flex; align-items:center; min-height:var(--sl-target); }
.connection-notice-actions > button { padding:6px 0; }
.connection-notice summary { cursor:pointer; min-height:var(--sl-target); display:list-item; align-content:center; color:var(--sl-selection-text); width:fit-content; }
.connection-notice details p { max-width:70ch; margin:var(--sl-space-2) 0; color:var(--sl-muted); }
#connection-copy-status:empty { display:none; }
#connection-copy-fallback { display:grid; gap:var(--sl-space-1); margin-top:var(--sl-space-2); }
#connection-address { width:100%; min-width:0; }
.connection-notice[data-screen-context="home"] { margin-bottom:0; }
.event-log { margin-top:22px; padding-top:15px; border-top:1px solid var(--sl-line); font-size:0.8125rem; }
.event-log summary { cursor:pointer; color:var(--sl-selection-text); }
.event-log ol { list-style:none; padding:0px; }
.event-log li { padding:7px 0px; color:var(--sl-muted); white-space:pre-wrap; overflow-wrap:anywhere; }
.lab-identity { max-width:1800px; display:flex; align-items:center; border-bottom:1px solid var(--sl-line); }
.lab-compatibility-logo { display:none; width:auto; height:var(--sl-target-compact); flex:0 0 auto; opacity:0.7; }
@media (min-width:761px) {
  .lab-identity:is([data-compatibility-fit], .is-sizing-compatibility) .lab-compatibility-logo { display:block; }
  /* A synchronous, unpainted measurement of this header's natural contents. */
  .lab-identity.is-sizing-compatibility :is(.lab-brand, .lab-status, #file-tools) { flex:0 0 auto; width:max-content; flex-wrap:nowrap; }
  .lab-identity.is-sizing-compatibility #experiment-title { white-space:nowrap; }
}
.lab-identity h1 { font-size:1.25rem; margin:0px; white-space:nowrap; }
.lab-identity p { color:var(--sl-muted); margin:0px; }
.lab-brand { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.lab-shell { max-width:1800px; min-height:65vh; }
.lab-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; margin-bottom:16px; }
.lab-nav { flex-wrap:wrap; }
.lab-toolbar button { min-height:36px; padding:7px 10px; font-size:0.8125rem; }
.lab-panel { background:white; border:1px solid var(--sl-line); border-radius:12px; padding:20px; margin:0px; min-width:0px; }
.lab-panel h2 { margin-top:0px; }
.lab-controls { display:flex; flex-wrap:wrap; gap:10px; align-items:end; }
.lab-controls label { display:grid; gap:6px; }
.lab-status { grid-template-columns:repeat(3, 112px); margin-left:auto; font-variant-numeric:tabular-nums; }
.lab-status strong { display:inline-block; margin-left:6px; }
.lab-status > span { white-space:nowrap; }
.lab-error { color:rgb(139, 45, 39); border-left:4px solid rgb(177, 68, 55); padding:12px; background:rgb(255, 240, 237); white-space:pre-line; }
.lab-note { color:var(--sl-muted); font-size:0.875rem; line-height:1.7; }
.current-experiment { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 16px; margin-bottom:16px; border:1px solid rgb(165, 205, 190); border-radius:10px; background:rgb(234, 245, 238); }
.current-experiment button { flex-shrink:0; }
.eyebrow { color:var(--sl-selection-text); font-size:0.75rem; font-weight:700; letter-spacing:0.08em; }
.preparation-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.preparation-heading h2 { margin:0px 0px 4px; font-size:1.375rem; }
.preparation-heading p { margin:0px; }
@media (max-width: 650px) {
  .current-experiment { flex-wrap:wrap; }
}
#lab-notice:empty { display:none; }
#lab-error:not([hidden]) { margin:0px 0px 10px; }
#device-detail:empty { display:none; }
[hidden] { display:none !important; }
@media (max-width: 650px) {
  .lab-shell, .lab-identity { padding-left:16px; padding-right:16px; }
  .lab-panel { padding:16px; }
  .lab-status { grid-template-columns:repeat(3, minmax(0px, 1fr)); }
  .lab-status strong { display:block; }
}
@media (min-width: 1001px) {
  .preparation-panel .lab-controls { align-items:stretch; }
  .preparation-panel .lab-controls label { width:100%; }
  .preparation-panel .lab-controls input, .preparation-panel .lab-controls select { width:100%; min-width:0px; }
  .preparation-panel .lab-note { font-size:0.75rem; margin-top:16px; }
  .preparation-panel h2 { font-size:1.125rem; margin-bottom:16px; }
  #preparation-notes { font-size:0.8125rem; line-height:1.8; padding-left:18px; }
}
[data-visual-theme="luminous"] .preparation-heading { margin:20px 0px 16px; }
[data-visual-theme="luminous"] #lab-error { background:var(--sl-recording-bg); border-color:var(--sl-recording-text); border-radius:var(--sl-radius-compact); padding:12px 16px; line-height:1.7; }
[data-visual-theme="luminous"] #lab-notice:not(:empty) { color:var(--sl-muted); }
[data-visual-theme="luminous"] body { padding:24px 24px 24px 208px; min-height:100dvh; background:radial-gradient(ellipse at 88% 0%,#ffeadf70,transparent 35%),radial-gradient(ellipse at 5% 90%,#dbe6ff,transparent 50%),var(--sl-bg); }
[data-visual-theme="luminous"] .lab-identity { min-height:50px; margin:0px; padding:0px 2px 12px; gap:var(--sl-space-3); flex-wrap:wrap; border-color:rgb(223, 231, 243); }
[data-visual-theme="luminous"] .lab-brand { flex:1 1 0%; min-width:0px; }
[data-visual-theme="luminous"] #experiment-title { font-size:1rem; color:var(--sl-navy); font-weight:650; line-height:1.5; }
[data-visual-theme="luminous"] .lab-status { display:flex; flex-wrap:wrap; width:auto; margin:0px; gap:var(--sl-space-2); font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] .lab-status strong { margin:0px 0px 0px 8px; min-width:56px; font-weight:550; }
[data-visual-theme="luminous"] #file-tools { gap:var(--sl-space-2); flex-wrap:wrap; justify-content:flex-end; }
[data-visual-theme="luminous"] #file-tools button { font-size:var(--sl-type-small); min-height:var(--sl-target-compact); padding:7px 10px; }
[data-visual-theme="luminous"] #file-tools .luminous-export-options button { display:block; width:100%; text-align:left; border:0px; background:rgb(243, 246, 251); min-height:var(--sl-target); }
[data-visual-theme="luminous"] #new-experiment { display:none; }
[data-visual-theme="luminous"] .lab-shell { padding:0px; margin:0px; }
.luminous-sidebar { position:fixed; z-index:3; top:24px; bottom:24px; left:24px; width:160px; display:flex; flex-direction:column; border:1px solid var(--sl-surface); border-radius:var(--sl-radius-shell); overflow:hidden auto; background:linear-gradient(155deg, rgba(255, 255, 255, 0.93), rgba(237, 244, 255, 0.71) 65%, rgb(224, 234, 250)); box-shadow:0 12px 35px #16346609,inset 0 1px var(--sl-surface); }
.luminous-logo { --brand-title-size:1.125rem; --brand-height:calc(0.825rem + 3px + var(--brand-title-size) * 1.35); display:flex; gap:9px; align-items:center; padding:25px 15px 30px; color:var(--sl-navy); }
.luminous-brand-text { min-width:0; }
.mobile-file-slot { display:none; }
.luminous-wordmark { display:block; margin-bottom:3px; color:var(--sl-muted); font-size:0.6875rem; line-height:1.2; }
.luminous-logo h1 { font-size:var(--brand-title-size); min-width:0px; overflow-wrap:anywhere; margin:0px; font-weight:750; letter-spacing:-0.6px; }
.luminous-mark { width:var(--brand-height); height:var(--brand-height); flex:0 0 auto; background:currentcolor; mask:url("../../public/assets/branding/sensor-lab-mark-24.svg") center center / contain no-repeat; }
[data-visual-theme="luminous"] .lab-nav { display:flex; flex-direction:column; padding:0px 10px; gap:7px; }
[data-visual-theme="luminous"] .lab-nav button { justify-content:flex-start; padding:12px 11px; gap:10px; font-size:var(--sl-type-label); background:transparent; border:0px; font-weight:500; }
[data-visual-theme="luminous"] .lab-nav button::before { content:""; width:17px; height:18px; flex:0 0 auto; background:currentcolor; mask:var(--nav-icon) center/contain no-repeat; }
[data-visual-theme="luminous"] .lab-nav [data-view="home"] { --nav-icon:url('../../public/vendor/lucide/flask-conical.svg'); }
[data-visual-theme="luminous"] .lab-nav [data-view="prepare"] { --nav-icon:url('../../public/vendor/lucide/sliders-horizontal.svg'); }
[data-visual-theme="luminous"] .lab-nav [data-view="measure"] { --nav-icon:url('../../public/vendor/lucide/activity.svg'); }
[data-visual-theme="luminous"] .lab-nav [data-view="analysis"] { --nav-icon:url('../../public/vendor/lucide/chart-no-axes-combined.svg'); }
[data-visual-theme="luminous"] .lab-nav [data-view="saved"] { --nav-icon:url('../../public/vendor/lucide/archive.svg'); }
[data-visual-theme="luminous"] .lab-nav [aria-current] { background:linear-gradient(100deg, rgb(232, 239, 252), rgb(220, 232, 250)); color:var(--sl-navy); font-weight:700; box-shadow:inset 0 1px var(--sl-surface); }
[data-visual-theme="luminous"] .lab-nav [aria-current]::before { background:var(--sl-nav-marker); }
.luminous-orbit { position:relative; flex:1 1 0%; min-height:100px; overflow:hidden; margin-top:25px; background:radial-gradient(at 100% 90%, rgba(252, 175, 133, 0.314), transparent 47%), linear-gradient(transparent 35%, rgb(213, 228, 252)); }
.luminous-orbit span { position:absolute; width:210px; height:210px; border-radius:50%; top:42%; left:8px; background:radial-gradient(circle at 26% 20%, rgb(248, 253, 255), rgb(216, 231, 252) 28%, rgb(101, 137, 200) 69%, rgb(23, 60, 112)); box-shadow:inset -8px -12px 20px #2a4c761f,inset 5px 4px 8px var(--sl-surface); }
.luminous-orbit i { position:absolute; top:48%; left:-60px; width:300px; height:120px; border:1px solid rgba(255, 255, 255, 0.79); border-radius:50%; transform:rotate(-34deg); box-shadow:rgba(100, 138, 197, 0.2) 0px 1px 0px; }
.luminous-signature { color:var(--sl-navy); font-size:var(--sl-type-small); font-weight:550; line-height:1.65; text-wrap:balance; padding:8px 10px; text-align:center; background:rgb(233, 240, 252); }
.luminous-signature span { display:inline-block; white-space:nowrap; }
[data-visual-theme="luminous"] body:not(:has([data-screen="measure"]:not([hidden]))) .luminous-settings { display:none; }
[data-visual-theme="luminous"] .luminous-settings { flex-shrink:0; min-height:var(--sl-target-compact); padding:8px 10px; font-size:var(--sl-type-small); }
.luminous-settings::before { content:""; display:inline-block; width:17px; height:17px; background:currentcolor; mask:url("../../public/vendor/lucide/settings-2.svg") center center / contain no-repeat; }
.luminous-channel-note { margin:8px 0px 0px; font-size:var(--sl-type-caption); color:var(--sl-muted); }
[data-visual-theme="luminous"] #lab-notice:not(:empty) { margin:8px 0px 0px; font-size:var(--sl-type-small); line-height:1.6; padding:4px 10px; background:var(--sl-notice-bg); border-radius:var(--sl-radius-badge); }
[data-visual-theme="luminous"] #lab-error:not([hidden]) { margin-top:var(--sl-space-3); }

[data-visual-theme="luminous"] .luminous-settings-dialog .lab-controls { display:flex; flex-wrap:wrap; gap:10px; }
[data-visual-theme="luminous"] .luminous-settings-dialog .lab-controls label { width:100%; margin-bottom:6px; }
[data-visual-theme="luminous"] .luminous-settings-dialog #run-name { width:100%; }
.luminous-logo, .luminous-signature, [data-visual-theme="luminous"] .lab-nav { flex-shrink:0; }
[data-visual-theme="luminous"] .luminous-settings-dialog :is(input, select) { border-color:var(--sl-input-border); }
[data-visual-theme="luminous"] .skip-link:focus { z-index:30; }

@media (min-width: 1600px) {
  [data-visual-theme="luminous"] body { padding-right:42px; }
}
@media (max-width: 1150px) {
  [data-visual-theme="luminous"] body { padding:18px 18px 18px 176px; }
  .luminous-sidebar { width:140px; top:18px; bottom:18px; left:18px; }
  .luminous-logo { --brand-title-size:1rem; padding:22px 12px; gap:6px; }
  [data-visual-theme="luminous"] .lab-nav { padding:0px 6px; }
  [data-visual-theme="luminous"] .lab-nav button { font-size:var(--sl-type-small); padding:12px 7px; gap:7px; }
  [data-visual-theme="luminous"] .lab-identity { flex-wrap:wrap; }
  [data-visual-theme="luminous"] #file-tools { flex:1 1 0%; }
}
@media (max-width: 760px) {
  [data-visual-theme="luminous"] body { padding:var(--sl-space-3); }
  .luminous-sidebar { position:static; width:auto; border-radius:var(--sl-radius-note); margin-bottom:var(--sl-space-4); }
  .luminous-logo { padding:var(--sl-space-4); }
  .luminous-brand-text { flex:1; }
  .mobile-file-slot { display:flex; margin-left:auto; }
  [data-visual-theme="luminous"] .mobile-file-slot #open-file { padding:6px 8px; min-height:var(--sl-target); font-size:var(--sl-type-small); white-space:nowrap; }
  .luminous-orbit, .luminous-signature { display:none; }
  [data-visual-theme="luminous"] .lab-nav { display:grid; grid-template-columns:repeat(5, minmax(0px, 1fr)); padding:0px 4px 6px; gap:2px; }
  [data-visual-theme="luminous"] .lab-nav button { justify-content:center; flex-direction:column; gap:4px; padding:6px 2px; font-size:var(--sl-type-small); min-width:0; min-height:52px; white-space:nowrap; }
  [data-visual-theme="luminous"] .lab-identity { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); min-height:0; padding:0px 2px 8px; gap:6px 8px; }
  [data-visual-theme="luminous"] .lab-brand { grid-column:1 / 4; grid-row:1; }
  [data-visual-theme="luminous"] .lab-identity:has(.lab-status[hidden]) .lab-brand { grid-column:1 / -1; }
  [data-visual-theme="luminous"] .lab-brand:has(#experiment-title:empty) { display:none; }
  [data-visual-theme="luminous"] #experiment-title { font-size:var(--sl-type-control); }
  [data-visual-theme="luminous"] #file-tools { display:grid; grid-template-columns:minmax(0,1fr); grid-column:1 / 3; grid-row:2; min-width:0; align-self:start; gap:6px; }
  #file-tools .luminous-export { grid-row:1; min-width:0; }
  #file-tools .luminous-export > summary { justify-content:center; min-height:var(--sl-target); padding:8px; gap:8px; white-space:nowrap; border:0; border-radius:var(--sl-radius-flat); background:var(--sl-surface-soft); }
  #file-tools .luminous-export > summary:hover, #file-tools .luminous-export[open] > summary { background:var(--sl-control-hover); }
  #file-tools #retry-save { grid-row:2; }
  [data-visual-theme="luminous"] #file-tools:not(:has(#open-file)):not(:has(#retry-save:not([hidden]), .luminous-export:not([hidden]))) { display:none; }
  [data-visual-theme="luminous"] .lab-status { grid-column:4; grid-row:1; width:auto; justify-self:end; color:var(--sl-muted); }
  [data-visual-theme="luminous"] .lab-status > span > [data-copy="common.storage"] { display:none; }
  [data-visual-theme="luminous"] .lab-status strong { display:inline; min-width:0; margin:0; }
  [data-visual-theme="luminous"] body:not(:has([data-screen="measure"]:not([hidden]))) .lab-identity:has(#experiment-title:empty):has(.lab-status[hidden]):not(:has(#retry-save:not([hidden]), .luminous-export:not([hidden]))) { display:none; }
  [data-visual-theme="luminous"] .luminous-settings { grid-column:3 / 5; grid-row:2; align-self:start; min-height:var(--sl-target); font-size:var(--sl-type-small); padding:8px; gap:8px; border:0; border-radius:var(--sl-radius-flat); --sl-button-bg:var(--sl-surface-soft); }
  .luminous-export-options { left:0px; right:auto; }
  .luminous-export > summary { min-height:var(--sl-target); }
}
@media (max-width: 360px) {
  [data-visual-theme="luminous"] .lab-nav button { font-size:var(--sl-type-caption); }
}


/* src/ui/analysis.css */
/* Analysis controls, plots and virtual table geometry. Adopted Luminous rules are owned here. */
.analysis-screen { width:100%; max-width:1440px; margin-inline:auto; --analysis-ease:var(--sl-motion-panel-easing); }
#finish-for-analysis { margin:12px 0px 20px; }
.analysis-screen .analysis-heading { align-items:center; margin-bottom:16px; }
.analysis-data-status { color:var(--sl-muted); font-size:0.8125rem; font-variant-numeric:tabular-nums; }
.analysis-screen button { padding:7px 12px; gap:8px; }
.analysis-screen button:focus-visible, .analysis-screen summary:focus-visible, .analysis-screen [role="slider"]:focus-visible { outline:rgb(128, 187, 190) solid 3px; outline-offset:3px; }
.analysis-tabs, .layout-switch { position:relative; display:grid; grid-template-columns:repeat(3, 1fr); background:rgb(232, 239, 237); border:1px solid rgb(222, 231, 228); border-radius:13px; padding:5px; isolation:isolate; }
.analysis-tabs { width:min(100%, 580px); margin-bottom:20px; }
.analysis-screen .analysis-tabs button { position:relative; background:transparent; border:0px; min-height:42px; color:rgb(106, 125, 128); font-size:0.875rem; }
.analysis-screen .layout-switch button { position:relative; background:transparent; border:0px; color:rgb(106, 125, 128); }
.analysis-screen .analysis-tabs button[aria-current="page"], .analysis-screen .layout-switch button[aria-pressed="true"] { color:rgb(24, 94, 100); }
.analysis-tab-indicator { position:absolute; left:5px; top:5px; bottom:5px; width:calc(33.3333% - 3.33333px); background:white; border-radius:9px; box-shadow:rgba(37, 70, 62, 0.05) 0px 2px 5px, rgba(37, 70, 62, 0.05) 0px 1px 2px; transform:translateX(calc(var(--active-tab, 0) * 100%)); transition:transform var(--analysis-duration) var(--analysis-ease); z-index:-1; }
.analysis-workspace { position:relative; background:white; border:1px solid rgb(220, 230, 227); border-radius:18px; box-shadow:rgba(36, 77, 67, 0.024) 0px 8px 32px; min-width:0px; }
.analysis-scope-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; padding:12px 20px; background:rgb(248, 250, 249); border-bottom:1px solid rgb(232, 238, 235); border-radius:18px 18px 0px 0px; min-height:62px; }
.layout-switch { flex:0 1 420px; width:100%; min-width:310px; }
.analysis-screen .layout-switch button { min-height:46px; font-size:0.9375rem; font-weight:600; white-space:nowrap; }
.layout-switch .analysis-tab-indicator { background:rgb(215, 233, 227); box-shadow:rgba(37, 70, 62, 0.07) 0px 1px 4px; }
.scope-context { display:flex; align-items:center; justify-content:space-between; flex:1 1 0%; gap:8px 16px; flex-wrap:wrap; }
.analysis-screen[data-task="relationship"] .scope-context { flex:1 1 320px; }
.analysis-data-status:empty { display:none; }
.scope-actions > .help-action:has(> button[hidden]) { display:none; }
.scope-summary, .scope-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.history-actions { display:flex; align-items:center; flex-wrap:wrap; }
.scope-summary { font-size:0.75rem; color:var(--sl-muted); font-variant-numeric:tabular-nums; }
.scope-summary strong { color:var(--sl-navy); font-weight:600; }
.scope-dot { width:6px; height:6px; background:var(--sl-selection-text); border-radius:50%; }
#scope-time { padding-left:10px; border-left:1px solid rgb(220, 229, 226); }
.analysis-screen .quiet-button { background:transparent; border-color:transparent; color:var(--sl-selection-text); }
.history-actions { gap:2px; padding-left:6px; border-left:1px solid var(--sl-line); }
.analysis-screen .history-actions button { width:30px; min-height:30px; padding:0px; border:0px; background:transparent; display:inline-flex; align-items:center; justify-content:center; }
.analysis-feedback { margin:0px; padding:10px 24px; color:rgb(161, 75, 55); font-size:0.8125rem; }
.analysis-feedback:empty { display:none; }
.overview-pane { padding:24px 26px 0px; }
.plot-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
.plot-heading h2 { font-size:1.25rem; letter-spacing:-0.035em; margin:0px; }
.series-keys { display:flex; gap:18px; font-size:0.75rem; }
.series-keys span::before { content:""; display:inline-block; width:16px; height:3px; vertical-align:middle; margin-right:7px; border-radius:2px; background:currentcolor; }
.temperature-key { color:rgb(184, 106, 51); }
.pressure-key { color:rgb(25, 127, 136); }
.overview-stage { position:relative; height:clamp(260px, 32vh, 340px); }
.overview-readout { height:4.8em; overflow:auto; scrollbar-gutter:stable; padding:6px 8px; line-height:1.6; overflow-wrap:anywhere; color:rgb(105, 129, 127); font-size:0.75rem; font-variant-numeric:tabular-nums; margin:7px 0px 10px; }
.overview-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin:18px 0px 24px; }
.analysis-screen .overview-actions button, .range-buttons .primary { min-height:42px; padding:10px 18px; }
.analysis-screen .primary { box-shadow:rgba(23, 110, 117, 0.08) 0px 3px 8px; }
.range-overlay { position:absolute; pointer-events:none; background:linear-gradient(to right, #eef2f2b8 0 var(--range-left, 0%), transparent var(--range-left, 0%) var(--range-right, 100%), #eef2f2b8 var(--range-right, 100%) 100%); }
.range-window { position:absolute; top:0px; height:100%; background:rgba(25, 127, 136, 0.043); border-block:1px solid rgba(25, 127, 136, 0.2); pointer-events:none; }
.analysis-screen .range-handle { position:absolute; top:0px; height:100%; min-width:44px; width:44px; transform:translateX(-50%); padding:0px; border:0px; touch-action:none; cursor:ew-resize; pointer-events:auto; z-index:2; }
.range-handle::before { content:""; position:absolute; top:0px; bottom:0px; width:2px; background:rgb(25, 127, 136); }
.range-handle span { z-index:1; width:15px; height:38px; background:rgb(255, 255, 255); border:1.5px solid rgb(25, 127, 136); border-radius:6px; box-shadow:rgba(25, 127, 136, 0.15) 0px 2px 8px; }
.range-handle span::after { content:""; display:block; width:3px; height:12px; margin:11px auto; border-inline:1px solid rgb(25, 127, 136); }
.range-handle:hover span, .range-handle:focus-visible span { background:rgb(231, 244, 241); }
.range-controls { background:rgb(241, 247, 245); border:1px solid rgb(220, 234, 229); border-radius:12px; padding:16px; margin:8px 0px 18px; }
.range-fields, .range-buttons { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.range-fields label { display:flex; align-items:center; gap:8px; font-size:0.75rem; }
.input-unit { display:flex; align-items:center; background:white; border:1px solid rgb(203, 222, 215); border-radius:7px; padding-right:9px; font-size:0.75rem; }
.input-unit input { width:95px; min-width:0px; min-height:36px; border:0px; background:transparent; padding:7px; color:var(--sl-navy); font-style:inherit; font-variant-ligatures:inherit; font-variant-caps:inherit; font-variant-east-asian:inherit; font-variant-alternates:inherit; font-variant-position:inherit; font-variant-emoji:inherit; font-weight:inherit; font-stretch:inherit; font-size:inherit; line-height:inherit; font-family:inherit; font-optical-sizing:inherit; font-size-adjust:inherit; font-kerning:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-language-override:inherit; font-variant-numeric:tabular-nums; }
.input-unit:focus-within { outline:rgb(128, 187, 190) solid 2px; }
.input-unit input:focus { outline:none; }
.range-dash { color:rgb(120, 146, 139); }
.range-count { margin-left:auto; display:flex; flex-direction:column; gap:3px; font-size:0.8125rem; }
.range-count small { font-size:0.6875rem; color:rgb(108, 130, 123); }
.range-buttons { justify-content:flex-end; margin-top:12px; }
#range-error { font-size:0.75rem; color:rgb(161, 75, 55); margin-bottom:0px; }
#range-error:empty { display:none; }
.analysis-screen .table-disclosure { display:flex; align-items:center; width:100%; justify-content:flex-start; border-width:1px 0px 0px; border-style:solid none none; border-color:rgb(233, 239, 236) currentcolor currentcolor; border-image:none; border-radius:0px; background:transparent; padding:14px 0px; font-size:0.75rem; color:rgb(107, 129, 125); }
.disclosure-chevron { display:inline-block; transition:transform var(--analysis-duration) var(--analysis-ease); }
.table-disclosure[aria-expanded="true"] .disclosure-chevron { transform:rotate(180deg); }
.analysis-layout { display:grid; align-items:start; grid-template-columns:minmax(0px, 0px) minmax(0px, 1fr); overflow:clip; transition:grid-template-columns var(--analysis-duration) var(--analysis-ease); }
.analysis-layout[data-table-open="true"] { grid-template-columns:minmax(0px, 340px) minmax(0px, 1fr); }
.analysis-layout[data-table-only="true"] { grid-template-columns:minmax(0px, 100%) minmax(0px, 1fr); }
.analysis-layout[data-table-open="false"] .analysis-table-pane, .analysis-layout[data-table-only="true"] .analysis-graph-pane { visibility:hidden; contain:size; }
.analysis-table-pane { position:relative; grid-column:1; min-width:0px; border-right:1px solid rgb(229, 236, 232); background:rgb(251, 252, 251); border-radius:0px 0px 0px 18px; overflow:hidden; }
.analysis-table-pane > * { min-width:280px; }
.analysis-graph-pane { grid-column:2; min-width:0px; width:100%; max-width:1040px; margin-inline:auto; padding:24px; overflow:hidden; container-type:inline-size; }
.analysis-screen[data-task="overview"] .analysis-layout { display:block; }
.analysis-screen[data-task="overview"] .analysis-table-pane { border-right:0px; border-top:1px solid rgb(229, 236, 232); border-radius:0px 0px 18px 18px; }
.table-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; justify-content:space-between; padding:12px; border-bottom:1px solid rgb(232, 238, 235); }
.table-tools strong { font-size:0.8125rem; }
.table-tools > div { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.analysis-screen .table-tools button { font-size:0.6875rem; min-height:28px; padding:4px 7px; }
.table-selection-slot { padding:10px 12px 14px; }
.table-selection { display:flex; flex-direction:column; align-items:flex-start; gap:8px; visibility:hidden; opacity:0; background:rgb(232, 243, 238); border:1px solid rgb(212, 229, 220); border-radius:10px; padding:10px; font-size:0.6875rem; transition:opacity 160ms; }
.table-selection[data-active="true"] { visibility:visible; opacity:1; }
.selection-actions { display:flex; flex-wrap:wrap; gap:6px; }
.analysis-screen .table-selection button { font-size:0.6875rem; min-height:28px; padding:4px 7px; }
#exclusion-reason { width:100%; }
#selection-count { white-space:nowrap; }
.table-scroll { overflow:auto; height:420px; max-height:520px; overflow-anchor:none; }
.analysis-screen[data-task="overview"] .table-scroll { height:350px; }
.raw-table { table-layout:fixed; width:100%; min-width:var(--table-columns-width, 772px); }
.raw-table th.table-fill, .raw-table .sample-row td.table-fill { padding:0px; }
.raw-table th { position:sticky; top:0px; z-index:1; }
.raw-table th, .raw-table .sample-row td { height:var(--raw-row-height, 32px); padding:0px 6px; line-height:18px; overflow:hidden; text-overflow:ellipsis; }
.raw-table .table-spacer { height:0px; }
.raw-table .table-spacer td { padding:0px; border:0px; line-height:0; }
.table-status { font-size:0.6875rem; color:var(--sl-muted); margin:0px; padding:10px 12px; border-top:1px solid rgb(229, 236, 232); }
.hidden-column-filters { margin:0px; padding:9px 12px; font-weight:400; color:var(--sl-selection-text); background:rgb(237, 244, 241); font-size:0.6875rem; }
.axis-settings-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:36px; margin-bottom:4px; }
.axis-settings-bar > strong { font-size:var(--sl-type-small); font-weight:550; color:var(--sl-muted); }
.analysis-screen #toggle-axis-settings { --sl-button-bg:transparent; --sl-button-hover:transparent; --sl-button-pressed:transparent; flex-shrink:0; min-height:36px; padding:6px 8px; border:0; border-radius:0; box-shadow:none; font-size:var(--sl-type-small); }
#toggle-axis-settings::after { content:''; width:6px; height:6px; margin:0 3px 3px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform var(--analysis-duration) var(--analysis-ease); }
#toggle-axis-settings[aria-expanded="true"]::after { transform:rotate(225deg); margin-bottom:0; }
.axis-summary { display:flex; flex-wrap:wrap; gap:4px 12px; min-width:0; color:var(--sl-muted); font-size:var(--sl-type-small); line-height:1.5; }
.axis-series-key { color:var(--axis-series-color); }
.axis-series-key::before { content:''; display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:currentColor; }
.axis-settings-panel { display:grid; grid-template-rows:1fr; opacity:1; transition:grid-template-rows var(--analysis-duration) var(--analysis-ease),opacity var(--analysis-duration) var(--analysis-ease); }
.axis-settings-panel[data-collapsed="true"] { grid-template-rows:0fr; opacity:0; }
.axis-settings-content { min-height:0; overflow:hidden; }
.graph-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px; margin-bottom:12px; }
.graph-controls[data-dual="true"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.graph-axis { display:grid; grid-template-columns:4.5rem minmax(0,1fr) auto; align-items:center; gap:2px 6px; min-width:0; }
.graph-controls .axis-select { display:contents; }
.graph-controls .axis-select > span { grid-column:1; grid-row:1; font-size:var(--sl-type-small); color:var(--sl-muted); }
.graph-controls .axis-select > select { grid-column:2; grid-row:1; }
.graph-axis:not(:has(> button:not([hidden]))) .axis-select > select { grid-column:2 / -1; }
.analysis-screen :is(.axis-add,#remove-right-axis) { grid-column:3; grid-row:1; margin:0; min-width:36px; min-height:36px; padding:0; font-size:1.25rem; border-radius:0; }
.axis-trend-controls { grid-column:2 / -1; display:flex; flex-wrap:wrap; gap:0 12px; margin:0; }
.graph-controls .switch-row { justify-content:flex-start; font-size:var(--sl-type-small); color:var(--sl-muted); gap:6px; min-height:36px; }
.axis-trend-controls .switch-row span { white-space:nowrap; }
.graph-controls .graph-gap-control { grid-column:2 / -1; display:flex; align-items:center; gap:6px; font-size:var(--sl-type-small); color:var(--sl-muted); min-height:32px; margin:0; }
.graph-gap-control input { width:16px; height:16px; min-height:0px; margin:0px; accent-color:var(--sl-selection,var(--sl-selection-text)); }
#graph-shape-menu { margin-left:auto; }
#graph-shape-menu .disclosure-menu-panel { width:min(10rem, 100cqi); padding:4px; }
.analysis-screen .disclosure-menu-panel button { min-height:44px; }
.disclosure-menu-panel button[aria-pressed="true"] { font-weight:700; background:var(--sl-selected-bg,#edf3ff); }
.disclosure-menu-panel button[aria-pressed="true"]::before { content:"✓"; margin-right:8px; }
.graph-trend-results { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap:16px; }
.trend-result { min-width:0px; }
.trend-result h3 { font-size:0.875rem; margin:0px 0px 12px; }
@container (max-width: 40rem) {
  .graph-controls, .graph-controls[data-dual="true"] { grid-template-columns:minmax(0,1fr); gap:8px; }
}
.graph-controls select { font-style:inherit; font-variant:inherit; font-weight:inherit; font-stretch:inherit; line-height:inherit; font-family:inherit; font-optical-sizing:inherit; font-size-adjust:inherit; font-kerning:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-language-override:inherit; font-size:0.8125rem; color:var(--sl-navy); background:rgb(250, 252, 251); border:1px solid rgb(217, 228, 223); border-radius:7px; min-width:0px; width:100%; min-height:36px; padding:5px 10px; }
.graph-main { min-width:0px; }
.graph-summary { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; font-size:0.6875rem; color:var(--sl-muted); min-height:24px; margin-bottom:6px; }
#graph-legend { display:flex; gap:10px; }
.graph-used { color:rgb(25, 127, 136); }
.graph-excluded { color:rgb(137, 156, 151); }
.graph-stage { position:relative; min-height:300px; height:clamp(300px, 38vh, 400px); }
.graph-plot { position:absolute; inset:0px; }
.graph-empty { position:absolute; inset:0px; display:grid; place-content:center; padding:20px; color:var(--sl-muted); text-align:center; font-size:0.8125rem; pointer-events:none; }
.switch-row { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:34px; cursor:pointer; }
.switch-row input { appearance:none; width:30px; height:18px; min-height:0px; min-width:0px; padding:0px; margin:0px; box-sizing:border-box; border:0px; border-radius:20px; background:rgb(220, 229, 224); box-shadow:rgb(196, 212, 205) 0px 0px 0px 1px inset; position:relative; cursor:pointer; flex-shrink:0; transition:background 160ms; }
.switch-row input::after { content:""; position:absolute; width:12px; height:12px; background:white; border-radius:50%; left:3px; top:50%; transform:translateY(-50%); box-shadow:rgba(0, 0, 0, 0.133) 0px 1px 2px; transition:left 160ms; }
.switch-row input:checked { background:var(--sl-selection-text); box-shadow:inset 0 0 0 1px var(--sl-selection-text); }
.switch-row input:checked::after { left:calc(100% - 15px); }
.switch-row input:focus-visible { outline:rgb(128, 187, 190) solid 3px; outline-offset:3px; }
.switch-row input:disabled { opacity:0.4; cursor:default; }
.trend-result { margin-top:18px; padding-top:18px; border-top:1px solid rgb(232, 238, 235); font-size:0.75rem; font-variant-numeric:tabular-nums; }
:is(#trend-empty, #right-trend-empty) { color:rgb(133, 150, 143); margin:0px; font-size:0.75rem; }
.trend-metrics { display:grid; grid-template-columns:repeat(3, minmax(0px, 1fr)); gap:8px; }
.trend-metrics > div { display:flex; flex-direction:column; gap:7px; background:rgb(247, 250, 248); border-radius:8px; padding:11px 12px; }
.trend-metrics > div { min-width:0px; }
.trend-metrics span { font-size:0.625rem; color:rgb(123, 142, 134); min-height:2.8em; line-height:1.4; }
.trend-metrics strong { font-size:0.875rem; font-weight:600; height:2em; line-height:1.5; white-space:nowrap; overflow:auto; scrollbar-width:thin; }
.trend-result details { margin-top:12px; }
.trend-result summary { cursor:pointer; color:rgb(101, 127, 117); font-size:0.6875rem; }
:is(#trend-equation, #right-trend-equation) { font-size:0.8125rem; line-height:1.8; overflow-wrap:anywhere; margin:12px 0px 5px; }
:is(#trend-detail, #right-trend-detail) { color:var(--sl-muted); font-size:0.6875rem; line-height:1.8; overflow-wrap:anywhere; }
.point-slot { position:relative; height:220px; padding:0px 12px 12px; min-width:0px; }
#graph-point-slot { padding:16px 0px 0px; }
.point-empty { height:100%; margin:0px; display:grid; place-content:center; border:1px dashed rgb(220, 230, 225); border-radius:10px; color:rgb(123, 142, 133); text-align:center; font-size:0.75rem; line-height:1.7; }
.point-slot[data-active="true"] .point-empty { display:none; }
.point-inspector { height:100%; overflow:auto; background:rgb(244, 248, 246); border:1px solid rgb(213, 227, 219); border-radius:10px; padding:12px; font-size:0.75rem; overscroll-behavior:contain; }
.point-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.analysis-screen .point-heading button { flex-shrink:0; border:0px; background:transparent; padding:2px 4px; min-height:24px; font-size:0.6875rem; color:var(--sl-muted); }
.point-time { margin:4px 0px 8px; font-size:0.6875rem; color:var(--sl-muted); font-variant-numeric:tabular-nums; }
.point-inspector dl { display:grid; grid-template-columns:repeat(2, minmax(0px, 1fr)); gap:6px 12px; margin:8px 0px; }
.point-inspector dt { color:rgb(123, 142, 133); font-size:0.6875rem; overflow-wrap:anywhere; }
.point-inspector dd { margin:2px 0px 0px; height:2.8em; line-height:1.4; overflow:auto; overflow-wrap:anywhere; scrollbar-width:thin; font-variant-numeric:tabular-nums; }
.point-actions { display:flex; gap:6px; }
.analysis-screen .point-actions button { min-height:28px; padding:4px 8px; font-size:0.6875rem; }
.point-inspector .muted { font-size:0.6875rem; margin:6px 0px; }
.column-filter-panel input:not([type="checkbox"]), #exclusion-reason { min-width:0px; min-height:30px; border:1px solid var(--sl-line); border-radius:5px; background:white; color:inherit; padding:5px 8px; font:inherit; }
.analysis-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:14px; background:rgb(36, 70, 59); color:white; border-radius:12px; padding:10px 12px 10px 18px; box-shadow:rgba(33, 60, 53, 0.15) 0px 8px 28px; z-index:20; font-size:0.8125rem; width:max-content; max-width:calc(-24px + 100vw); }
.analysis-screen .analysis-toast button { background:transparent; color:rgb(211, 238, 225); border:0px; padding:5px; font-size:0.75rem; }
.raw-table th:first-child { position:sticky; left:0px; padding:0px; text-align:center; }
.raw-table .sample-row td:first-child { position:sticky; left:0px; background:white; z-index:1; padding:0px; text-align:center; }
.raw-table th:first-child { z-index:3; background:rgb(237, 242, 239); }
.analysis-screen .raw-table th button { border:0px; padding:0px; font:inherit; border-radius:0px; }
.analysis-screen .raw-table #add-calculation { padding:2px 6px; border:1px solid var(--sl-line); border-radius:4px; background:white; white-space:nowrap; }
.raw-table th[aria-sort="ascending"] [data-sort]::after { content:" ↑"; }
.raw-table th[aria-sort="descending"] [data-sort]::after { content:" ↓"; }
.raw-table input[type="checkbox"], .column-filter-panel input[type="checkbox"] { width:16px; height:16px; min-height:0px; accent-color:var(--sl-selection-text); cursor:pointer; vertical-align:middle; }
.column-header { display:flex; align-items:center; gap:2px; white-space:nowrap; }
.column-header [data-sort] { overflow:hidden; text-overflow:ellipsis; }
.analysis-screen .raw-table .calculation-menu-button { display:inline-flex; align-items:center; justify-content:center; flex:0 0 20px; width:20px; min-height:26px; }
.analysis-screen .raw-table .column-filter-button { flex:0 0 20px; width:20px; min-height:26px; height:26px; border-radius:3px; }
.analysis-screen .column-filter-button[data-active="true"] { background:var(--sl-selection-text); color:white; }
.column-filter-panel { position:fixed; box-sizing:border-box; margin:0px; padding:12px; width:250px; max-width:calc(-16px + 100vw); max-height:calc(-16px + 100vh); overflow:auto; border:1px solid var(--sl-line); border-radius:5px; background:white; color:var(--sl-navy); box-shadow:rgba(0, 0, 0, 0.133) 0px 4px 14px; font-size:0.75rem; }
.column-filter-panel strong { display:block; margin-bottom:8px; }
.column-filter-panel label { display:flex; flex-direction:column; gap:4px; margin:8px 0px; }
.column-filter-panel .filter-choice { flex-direction:row; align-items:center; gap:8px; cursor:pointer; }
.column-filter-panel input:not([type="checkbox"]) { width:100%; }
.filter-choice-list { max-height:180px; overflow:auto; }
.filter-actions { display:flex; gap:6px; margin-top:10px; }
.raw-table .sample-row[data-usage="excluded"] .sample-usage { font-weight:600; }
.sample-id-status { display:none; }
.raw-table .empty-cell { text-align:left; vertical-align:top; padding:20px; }
.analysis-screen .calculation-error { min-height:24px; padding:0px 4px; border:0px; background:transparent; color:inherit; text-decoration:underline dotted; }
.calculation-menu { width:230px; }
.calculation-menu > button { display:block; width:100%; text-align:left; border:0px; background:white; padding:7px 8px; }
.calculation-menu > button:hover { background:rgb(237, 242, 239); }
.calculation-menu p { margin:4px 0px; font-size:0.75rem; white-space:normal; }
.calculation-menu [role="alert"] { color:rgb(155, 68, 50); margin-top:8px; }

.calculation-dialog label { display:flex; flex-direction:column; gap:5px; font-size:0.75rem; }
.calculation-dialog input, .calculation-dialog select { width:100%; min-width:0px; min-height:32px; padding:5px 7px; font-style:inherit; font-variant:inherit; font-weight:inherit; font-stretch:inherit; line-height:inherit; font-family:inherit; font-optical-sizing:inherit; font-size-adjust:inherit; font-kerning:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-language-override:inherit; font-size:0.8125rem; color:inherit; background:white; border:1px solid var(--sl-line); border-radius:4px; }
.calculation-names { display:grid; grid-template-columns:1fr 100px; gap:12px; margin-bottom:18px; }
.calculation-unit { display:flex; flex-direction:column; gap:5px; }
.calculation-names > label { display:grid; grid-template-rows:26px auto; align-items:center; }
.calculation-operand { display:grid; grid-template-columns:16px 86px minmax(0px, 1fr); align-items:center; gap:8px; font-size:0.8125rem; }
.calculation-dialog .calculation-operation { flex-direction:row; align-items:center; gap:10px; margin:8px 0px 8px 24px; }
.calculation-operation select { width:150px; }
.calculation-preview { margin-top:16px; padding:10px; background:rgb(245, 248, 247); border-radius:4px; min-height:134px; font-size:0.75rem; }
.calculation-preview [data-expression] { margin:0px 0px 8px; overflow-wrap:anywhere; }
.calculation-preview table { width:100%; min-width:0px; table-layout:fixed; font-size:0.75rem; font-variant-numeric:tabular-nums; }
.calculation-preview th, .calculation-preview td { padding:3px 6px; text-align:left; white-space:normal; overflow-wrap:anywhere; }
.calculation-preview th:first-child { width:45px; }
.calculation-editor-error { color:rgb(155, 68, 50); font-size:0.75rem; min-height:18px; margin:10px 0px; }

.sr-only { position:absolute; width:1px; height:1px; padding:0px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0px; }
.raw-table .sample-row:focus-visible { outline:rgb(128, 187, 190) solid 2px; outline-offset:-2px; }
@media (max-width: 1000px) {
  .analysis-layout, .analysis-layout[data-table-open="true"], .analysis-layout[data-table-only="true"] { grid-template-columns:minmax(0px, 1fr); }
  .analysis-layout[data-table-open="false"] .analysis-table-pane, .analysis-layout[data-table-only="true"] .analysis-graph-pane { display:none; }
  .analysis-graph-pane { grid-area:1 / 1; }
  .analysis-table-pane { grid-area:2 / 1; border-right:0px; border-top:1px solid rgb(229, 236, 232); border-radius:0px 0px 18px 18px; }
  .table-scroll { height:260px; }
}
@media (max-width: 680px) {
  .analysis-screen .analysis-heading { align-items:flex-start; gap:8px; }
  .analysis-data-status { font-size:0.6875rem; }
  .analysis-tabs { margin-bottom:14px; }
  .analysis-screen .analysis-tabs button { padding:7px 2px; font-size:0.8125rem; }
  .analysis-scope-bar { padding:10px 14px; }
  .scope-summary { gap:7px; font-size:0.6875rem; }
  .layout-switch { flex-basis:100%; min-width:0px; }
  .analysis-screen .layout-switch button { min-height:42px; padding:7px 4px; font-size:0.875rem; }
  .analysis-screen[data-task="relationship"] .scope-context { flex-basis:100%; }
  .overview-pane { padding:18px 14px 0px; }
  .plot-heading h2 { font-size:1.125rem; }
  .series-keys { font-size:0.625rem; gap:12px; }
  .overview-stage { height:290px; }
  .overview-readout { font-size:0.625rem; line-height:1.6; }
  .overview-actions { gap:7px; }
  .analysis-screen .overview-actions button { font-size:0.75rem; padding:9px 10px; }
  .range-controls { padding:12px; }
  .input-unit input { width:72px; }
  .range-fields { gap:7px; }
  .range-count { flex-basis:100%; margin:6px 0px 0px; }
  .range-buttons { gap:5px; }
  .range-buttons button { font-size:0.6875rem; padding:7px; }
  .analysis-graph-pane { padding:18px 14px; }
  .graph-controls { gap:8px; }
  .graph-stage { height:310px; }
  .graph-summary { font-size:0.625rem; }
  .trend-metrics { grid-template-columns:repeat(2, minmax(0px, 1fr)); }
  .trend-metrics strong { font-size:0.875rem; }

}
@media (prefers-reduced-motion: reduce) {
  .analysis-screen *, .analysis-screen ::before, .analysis-screen ::after { transition:none !important; animation:auto ease 0s 1 normal none running none !important; scroll-behavior:auto !important; }
}
.analysis-layout[data-table-only="true"] .analysis-table-pane { border-right:0px; border-radius:0px 0px 18px 18px; }
.analysis-layout[data-table-only="true"] .table-scroll { height:clamp(360px, 65vh, 720px); max-height:none; }
.relationship-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin-top:12px; }
.relationship-finish { order:2; margin-left:auto; }
.analysis-screen .relationship-finish button { padding:8px 12px; }
.relationship-exports { display:flex; flex-wrap:wrap; gap:8px; }
.analysis-screen .relationship-exports button { border:0px; background:transparent; font-size:0.75rem; font-weight:400; color:var(--sl-muted); text-decoration:underline; text-underline-offset:3px; }
.analysis-topline { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.analysis-topline .analysis-heading { margin:0px; gap:16px; }
.analysis-topline h1 { font-size:1.375rem; }
.analysis-topline .analysis-tabs { margin:0px; width:min(100%, 420px); }
.analysis-screen .point-slot:not([data-active="true"]) { height:auto; padding-block:8px; }
.analysis-screen .point-slot:not([data-active="true"]) .point-empty { min-height:32px; padding:6px 10px; border:0px; }
.analysis-screen .point-empty br { display:none; }
.analysis-screen .point-slot[data-active="true"] { height:auto; }
.analysis-screen .point-inspector { height:auto; max-height:240px; }
.analysis-screen .table-selection-slot:not(:has([data-active="true"])) { display:none; }
.analysis-screen .table-scroll, .analysis-screen .analysis-layout[data-table-only="true"] .table-scroll { max-height:var(--table-content-height, 520px); }
@media (min-width: 1001px) {
  .analysis-screen .analysis-tabs button { min-height:34px; }
  .analysis-screen .analysis-scope-bar { min-height:50px; }
  .analysis-screen .layout-switch { flex:0 0 260px; min-width:0px; }
  .analysis-screen .layout-switch button { min-height:30px; font-size:0.8125rem; padding:5px 8px; }
  .analysis-screen[data-task="relationship"] .scope-context { flex-direction:row; justify-content:flex-end; align-items:center; }
  .analysis-screen .analysis-layout[data-table-open="true"]:not([data-table-only="true"]) { grid-template-columns:minmax(0px, 340px) minmax(0px, 1fr); }
  .analysis-screen .plot-heading h2 { font-size:1rem; }
  .analysis-screen .graph-stage { min-height:240px; }
  .analysis-screen .overview-pane { padding:16px 20px 0px; }
  .analysis-screen .overview-actions { margin:10px 0px 14px; }
}
[data-visual-theme="luminous"] .analysis-screen { margin-top:var(--sl-space-6); --analysis-duration:var(--sl-motion-panel); }
[data-visual-theme="luminous"] .analysis-topline { gap:var(--sl-space-4); margin-bottom:var(--sl-space-4); }
[data-visual-theme="luminous"] .analysis-heading h1 { color:var(--sl-navy); font-size:1.5rem; letter-spacing:-0.03em; }
[data-visual-theme="luminous"] .analysis-screen button { border-radius:var(--sl-radius-control); min-height:var(--sl-target-compact); font-size:var(--sl-type-label); }
[data-visual-theme="luminous"] .analysis-screen :is(button, summary, [role="slider"]):focus-visible { outline:2px solid var(--sl-focus); outline-offset:3px; }
[data-visual-theme="luminous"] .analysis-screen :is(.analysis-tabs, .layout-switch) { background:transparent; border-top:0px; border-right:0px; border-left:0px; border-image:none; border-bottom:1px solid var(--sl-line); border-radius:0px; padding:0px; }
[data-visual-theme="luminous"] .analysis-screen :is(.analysis-tabs, .layout-switch) button { min-height:var(--sl-target); border-radius:0px; color:var(--sl-button-text); background:var(--sl-button-bg); padding:10px 12px; font-size:var(--sl-type-control); }
[data-visual-theme="luminous"] .analysis-screen .analysis-tab-indicator { left:0px; top:auto; bottom:-1px; height:2px; width:calc(33.3333%); background:var(--sl-tab-line); box-shadow:none; border-radius:0px; }
[data-visual-theme="luminous"] .analysis-screen .analysis-workspace { background:var(--sl-surface); border-color:var(--sl-line); border-radius:var(--sl-radius-panel); box-shadow:var(--sl-shadow-panel); }
[data-visual-theme="luminous"] .analysis-screen .analysis-scope-bar { background:var(--sl-surface-soft); border-color:var(--sl-line); padding:12px 20px; gap:12px 20px; }
[data-visual-theme="luminous"] .analysis-screen .layout-switch { flex-basis:290px; }
[data-visual-theme="luminous"] .analysis-screen .history-actions button { min-width:var(--sl-target-compact); }
[data-visual-theme="luminous"] .analysis-screen :is(.scope-summary, .graph-summary, .table-status, .table-selection, .graph-controls label, .trend-result, .overview-readout) { font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] .analysis-screen :is(.overview-readout, .range-count small, .range-dash, .point-empty, .point-inspector dt, .trend-metrics span, .trend-result summary, .trend-explanation), [data-visual-theme="luminous"] :is(#trend-empty, #trend-detail, #right-trend-empty, #right-trend-detail) { color:var(--sl-muted); }
[data-visual-theme="luminous"] .analysis-feedback { background:var(--sl-recording-bg); }
[data-visual-theme="luminous"] .analysis-screen :is(.analysis-table-pane, .table-tools, .table-status, .trend-result, .trend-explanation, .table-disclosure) { border-color:var(--sl-line); }
[data-visual-theme="luminous"] .analysis-screen .analysis-table-pane { background:var(--sl-surface); }
[data-visual-theme="luminous"] .analysis-screen :is(.range-controls, .point-inspector, .trend-metrics > div) { background:var(--sl-surface-soft); border-color:var(--sl-line); border-radius:var(--sl-radius-control); }
[data-visual-theme="luminous"] .analysis-screen .table-selection { border-left:3px solid var(--sl-selection); }
[data-visual-theme="luminous"] .analysis-screen :is(.table-selection, .hidden-column-filters) { background:var(--sl-selected-bg); color:var(--sl-text); border-color:var(--sl-line); }
[data-visual-theme="luminous"] .analysis-screen .point-empty { background:transparent; }
[data-visual-theme="luminous"] .analysis-screen .analysis-toast { background:var(--sl-navy); box-shadow:var(--sl-shadow-menu); }
[data-visual-theme="luminous"] .analysis-screen :is(.table-tools, .selection-actions, .point-actions) button { font-size:var(--sl-type-small); min-height:var(--sl-target-compact); }
[data-visual-theme="luminous"] .analysis-screen .graph-controls select { background:var(--sl-surface-soft); }
[data-visual-theme="luminous"] .analysis-screen .graph-used { color:var(--sl-graph-point-text,var(--sl-analysis-point-text)); }
[data-visual-theme="luminous"] .analysis-screen .graph-excluded { color:var(--sl-analysis-excluded); }
[data-visual-theme="luminous"] .analysis-screen .trend-metrics span { font-size:var(--sl-type-caption); }
[data-visual-theme="luminous"] .analysis-screen :is(.trend-result summary, .point-time, .point-inspector dt, .point-inspector .muted, .relationship-exports button) { font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] .analysis-screen .relationship-exports { gap:var(--sl-space-4); }
[data-visual-theme="luminous"] .analysis-screen .relationship-exports button { min-height:var(--sl-target-compact); padding:4px 8px; border-radius:var(--sl-radius-flat); }
[data-visual-theme="luminous"] .analysis-screen .switch-row input { border-radius:20px; background:var(--sl-input-border); box-shadow:none; }
[data-visual-theme="luminous"] .analysis-screen .switch-row input:checked { background:var(--sl-selection); }
[data-visual-theme="luminous"] .analysis-screen .switch-row input:focus-visible { outline-color:var(--sl-focus); }
[data-visual-theme="luminous"] .raw-table th { color:var(--sl-muted); background:var(--sl-surface-soft); border-color:var(--sl-line); }
[data-visual-theme="luminous"] .raw-table .sample-row td { border-color:var(--sl-line); }
[data-visual-theme="luminous"] .raw-table .sample-row[data-usage="outside"] td { color:var(--sl-muted); }
[data-visual-theme="luminous"] .raw-table .sample-row[data-usage="excluded"] td { color:var(--sl-recording-text); }
[data-visual-theme="luminous"] .raw-table .sample-row[data-selected="true"] td { background:var(--sl-selected-bg); }
[data-visual-theme="luminous"] .raw-table .sample-row[data-focused="true"] td { background:var(--sl-inspected-bg); }
[data-visual-theme="luminous"] .raw-table .sample-row[data-focused="true"] td:first-child { box-shadow:inset 3px 0 var(--sl-nav-marker); }
[data-visual-theme="luminous"] .raw-table .sample-row:focus-visible { outline-color:var(--sl-focus); }
[data-visual-theme="luminous"] .raw-table { font-size:var(--sl-type-small); }
[data-visual-theme="luminous"] .raw-table :is(th, .sample-row td) { line-height:1.5; }
[data-visual-theme="luminous"] .analysis-screen .raw-table th button { min-height:28px; background:transparent; color:inherit; }
[data-visual-theme="luminous"] .analysis-screen .raw-table .column-filter-button[data-active="true"] { background:var(--sl-selection); color:var(--sl-surface); }
[data-visual-theme="luminous"] .analysis-screen .input-unit { border-color:var(--sl-input-border); background:var(--sl-surface); }
[data-visual-theme="luminous"] .analysis-screen .input-unit:focus-within { outline-color:var(--sl-focus); }
[data-visual-theme="luminous"] .analysis-screen .range-window { background:color-mix(in srgb,var(--sl-selection) 5%,transparent); border-color:color-mix(in srgb,var(--sl-selection) 25%,transparent); }
[data-visual-theme="luminous"] .analysis-screen .range-handle { --sl-button-bg:transparent; --sl-button-hover:transparent; --sl-button-pressed:transparent; background:transparent; border-radius:0px; }
[data-visual-theme="luminous"] .analysis-screen .range-handle::before { background:var(--sl-selection); }
[data-visual-theme="luminous"] .analysis-screen .range-handle span { border-color:var(--sl-selection); box-shadow:var(--sl-shadow-panel); }
[data-visual-theme="luminous"] .analysis-screen .range-handle span::after { border-color:var(--sl-selection); }
[data-visual-theme="luminous"] .analysis-screen .range-handle:hover span { background:var(--sl-selected-bg); }
[data-visual-theme="luminous"] .analysis-screen[data-task="interpretation"] .analysis-workspace { background:transparent; border:0px; box-shadow:none; }
@media (min-width: 1001px) {
  [data-visual-theme="luminous"] .analysis-screen[data-task="interpretation"] { margin-top:8px; }
  [data-visual-theme="luminous"] .analysis-screen[data-task="interpretation"] .analysis-topline { margin-bottom:8px; }
  [data-visual-theme="luminous"] .analysis-screen[data-task="relationship"] { margin-top:8px; }
  [data-visual-theme="luminous"] .analysis-screen[data-task="relationship"] .analysis-topline { margin-bottom:8px; }
  [data-visual-theme="luminous"] .analysis-screen[data-task="relationship"] :is(.analysis-tabs, .layout-switch) button { min-height:var(--sl-target-compact); padding:6px 10px; }
  [data-visual-theme="luminous"] .analysis-screen[data-task="relationship"] .analysis-scope-bar { padding:4px 16px; gap:8px 16px; }
  [data-visual-theme="luminous"] .analysis-screen[data-task="relationship"] .layout-switch { flex-basis:260px; }
  [data-visual-theme="luminous"] .analysis-screen .analysis-graph-pane { padding:8px 16px; }
  .analysis-graph-pane { position:relative; }
  .analysis-graph-pane > .plot-heading { padding-right:calc(4.5rem + 16px); min-height:36px; }
  .axis-settings-bar { display:contents; }
  #axis-settings-title { display:none; }
  .analysis-screen #toggle-axis-settings { position:absolute; top:8px; right:16px; }
  .axis-summary { margin-bottom:6px; }
  [data-visual-theme="luminous"] .analysis-screen .plot-heading { margin-bottom:4px; }
  [data-visual-theme="luminous"] .analysis-screen .graph-controls { gap:12px; margin-bottom:0; }
  .graph-controls .graph-axis { row-gap:0; }
  .graph-controls .switch-row { min-height:32px; }
  .graph-controls .axis-trend-controls { grid-column:1 / -1; gap:0 8px; }
  [data-visual-theme="luminous"] .analysis-screen .graph-summary { min-height:16px; margin-bottom:2px; }
  [data-visual-theme="luminous"] .analysis-screen .graph-trend-results { gap:12px; }
  [data-visual-theme="luminous"] .analysis-screen .trend-result { position:relative; margin-top:0px; padding-top:6px; }
  [data-visual-theme="luminous"] .analysis-screen .trend-result:has(h3:not([hidden])) { padding-top:calc(1.5em + 8px); }
  [data-visual-theme="luminous"] .analysis-screen .trend-result h3 { position:absolute; top:6px; left:0px; max-width:calc(100% - 6.5em); margin:0px; font-size:var(--sl-type-small); line-height:1.5; white-space:nowrap; overflow:auto; }
  [data-visual-theme="luminous"] .analysis-screen .trend-metrics { grid-template-columns:repeat(3, minmax(0px, 1fr)); gap:6px; }
  [data-visual-theme="luminous"] .analysis-screen .trend-metrics > div { padding:4px 8px; gap:0px; border-radius:var(--sl-radius-compact); }
  [data-visual-theme="luminous"] .analysis-screen .trend-metrics span { min-height:0px; line-height:1.4; }
  [data-visual-theme="luminous"] .analysis-screen .trend-metrics strong { height:2em; line-height:1.4; }
  [data-visual-theme="luminous"] .analysis-screen .trend-result details { margin-top:0px; }
  [data-visual-theme="luminous"] .analysis-screen .trend-result summary { position:absolute; top:4px; right:0px; min-height:24px; line-height:1.5; }
  [data-visual-theme="luminous"] .analysis-screen .relationship-actions { margin-top:4px; }
  [data-visual-theme="luminous"] .analysis-screen #graph-point-slot:not([data-active="true"]) { display:none; }
  [data-visual-theme="luminous"] .analysis-screen > .event-log { margin-top:6px; padding-top:6px; }

}
@media (max-width: 720px) {
  .relationship-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; align-items:stretch; }
  [data-visual-theme="luminous"] .analysis-screen .relationship-exports { display:contents; }
  .relationship-finish { grid-column:3; margin:0; min-width:0; }
  .relationship-finish .help-action { height:100%; }
  [data-visual-theme="luminous"] .analysis-screen :is(.relationship-exports button,.relationship-finish button) { width:100%; min-width:0; min-height:var(--sl-target); height:100%; padding:6px 4px; font-size:var(--sl-type-small); white-space:normal; word-break:keep-all; overflow-wrap:anywhere; }
  .relationship-finish button > [aria-hidden="true"] { display:none; }
  [data-visual-theme="luminous"] .analysis-topline .analysis-tabs { width:100%; }
  [data-visual-theme="luminous"] .analysis-screen .layout-switch { flex-basis:100%; }
  [data-visual-theme="luminous"] .analysis-screen .analysis-scope-bar { min-height:0; padding:8px 12px; row-gap:8px; }
  [data-visual-theme="luminous"] .analysis-screen .scope-context { display:grid; grid-template-columns:minmax(0,1fr) auto; min-width:0; gap:8px; align-items:center; }
  [data-visual-theme="luminous"] .analysis-screen .scope-summary { display:flex; flex-direction:column; align-items:flex-start; gap:0; min-width:0; line-height:1.35; overflow-wrap:anywhere; }
  .scope-summary .scope-dot { display:none; }
  #scope-time { padding-left:0; border-left:0; }
  [data-visual-theme="luminous"] .analysis-screen .scope-actions { display:grid; grid-template-columns:auto auto; gap:4px; width:auto; }
  .scope-actions > .help-action { grid-column:1 / -1; }
  .scope-actions #apply-new-data { margin:0; }
  .scope-actions #edit-analysis-range { grid-column:1; min-height:var(--sl-target-compact); padding:6px 8px; white-space:nowrap; }
  .scope-actions .history-actions { grid-column:2; flex-wrap:nowrap; gap:0; padding-left:0; }
  [data-visual-theme="luminous"] .analysis-screen .history-actions button { min-width:var(--sl-target-compact); min-height:var(--sl-target-compact); }
  [data-visual-theme="luminous"] .analysis-screen :is(.overview-actions button, .range-buttons button) { min-height:var(--sl-target); }
}
.luminous-graph-foot { display:flex; align-items:center; justify-content:space-between; gap:var(--sl-space-2); margin-top:var(--sl-space-2); color:var(--sl-muted); }
@media (max-width: 760px) {
  .luminous-graph-foot { align-items:start; flex-direction:column; }
}
#apply-new-data { margin:12px 0px; }

/* Shared viewport budget; only plot/table content flexes. Controls keep their
   natural height, so long labels, expanded details and enlarged text can scroll. */
@media (min-width:1001px) {
  .analysis-screen .overview-pane, .analysis-screen[data-task="relationship"] .analysis-layout { height:var(--workspace-height,auto); min-height:min-content; }
  .analysis-screen .overview-actions { margin-top:0; }
  .analysis-screen .analysis-layout { align-items:stretch; grid-template-rows:minmax(min-content,1fr); }
  .analysis-screen .overview-pane, .analysis-screen[data-task="relationship"] :is(.analysis-graph-pane, .analysis-table-pane) { display:flex; flex-direction:column; }
  .analysis-screen :is(.overview-pane, .analysis-graph-pane, .analysis-table-pane) > * { flex-shrink:0; }
  .analysis-screen .graph-main { display:flex; flex-direction:column; flex:1 0 auto; }
  .analysis-screen .graph-main > .graph-summary { flex-shrink:0; }
  [data-visual-theme="luminous"] .analysis-screen :is(.overview-stage, .graph-stage) { flex:1 0 240px; height:240px; min-height:240px; }
  .analysis-screen :is(.overview-stage, .graph-stage) > canvas { position:absolute; inset:0; }
  .analysis-screen[data-task="relationship"] .analysis-layout .table-scroll { flex:1 1 0; height:0; min-height:160px; }
}


/* src/ui/share.css */
/* Preview sharing uses the existing action, surface and dialog tokens. */
.preview-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:var(--sl-space-6); align-items:start; }
.preview-content { min-width:0; }
.preview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sl-space-3); margin-bottom:var(--sl-space-3); }
.preview-heading h2 { margin:0; }
.tool-share-mobile { display:none; }
.tool-share-inline { min-width:0; padding:22px; border:1px solid var(--sl-line); border-radius:var(--sl-radius-panel); background:linear-gradient(145deg,#fff,#fbfcff); box-shadow:0 2px 5px #0b1f3b0a,0 10px 24px #0b1f3b12,inset 0 1px 0 #fff; align-self:start; }
.tool-share-label { margin:0 0 var(--sl-space-2); font-size:1rem; color:var(--sl-navy); }
.tool-share-note { font-size:var(--sl-type-small); color:var(--sl-muted); line-height:1.6; }
.tool-share-qr { width:100%; aspect-ratio:1; margin:var(--sl-space-4) auto; background:#fff; }
.tool-share-qr svg { display:block; width:100%; height:100%; }
.tool-share-qr[aria-busy="true"] { background:var(--sl-surface-soft); border-radius:var(--sl-radius-compact); }
.tool-share-actions { display:grid; grid-template-columns:1fr 1fr; gap:var(--sl-space-2); }
.tool-share-inline .tool-share-actions > button:first-child { grid-column:1 / -1; }
.tool-share-actions button { padding:10px 8px; white-space:nowrap; }
.tool-share-status { font-size:var(--sl-type-small); color:var(--sl-muted); margin-top:var(--sl-space-2); }
.tool-share-status:empty { display:none; }
.tool-share-url { width:100%; min-width:0; margin-top:var(--sl-space-3); }

.tool-share-dialog .tool-share-qr { max-width:min(360px,max(120px,calc(100dvh - 240px))); }
/* Keep the introduction readable alongside the compact desktop sidebar. */
@media(min-width:761px) and (max-width:1150px) {
  .preview-layout { grid-template-columns:minmax(0,1fr); gap:var(--sl-space-6); }
  .tool-share-inline {
    display:grid; grid-template-columns:minmax(0,240px) 160px; grid-template-rows:auto auto 1fr; justify-content:start; gap:var(--sl-space-2) var(--sl-space-4);
    padding:22px;
  }
  .tool-share-inline .tool-share-qr { grid-column:2; grid-row:1 / span 3; margin:0; align-self:start; }
  .tool-share-inline .tool-share-label { grid-column:1; grid-row:1; margin:0; }
  .tool-share-inline .tool-share-note { grid-column:1; grid-row:2; align-self:start; }
  .tool-share-inline .tool-share-actions { grid-column:1; grid-row:3; align-self:end; }
  .tool-share-inline .tool-share-url { grid-column:1 / -1; grid-row:4; margin:0; }
  .tool-share-inline .tool-share-status { grid-column:1 / -1; grid-row:5; margin:0; }
}
@media(max-width:760px) {
  .preview-layout { display:block; }
  .tool-share-inline { display:none; }
  .tool-share-mobile { display:inline-flex; flex-shrink:0; padding:8px 10px; }
  [data-visual-theme="luminous"] .preview-heading h2 { font-size:2rem; }
}


/* src/ui/luminous.css */