@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_12df3592-module__sMrOjG__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.ibm_plex_sans_12df3592-module__sMrOjG__variable{--font-sans:"IBM Plex Sans", "IBM Plex Sans Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.0_n_qwbzcushi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.07r2ragk8ph~z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0787d67~10694.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.0dgq8lqrj3gc_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.0o14nraug8u5s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_98d2571-module__Sc-j5a__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_98d2571-module__Sc-j5a__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--warm-accent:#1a73e8;--header-bg:#1e3a5c;--header-title:#fff;--header-sub:#ffffff8c;--header-nav:#ffffffc7;--header-hover-bg:#ffffff1a;--header-control-bg:#ffffff14;--header-control-border:#fff3;--bg:#f3eee8;--bg-surface:#fff;--bg-card:#fff;--bg-track:#e7e9ed;--text:#1a1c1e;--text-sub:#5a6068;--text-muted:#9197a0;--border:#e1e3e8;--border-bottom:#d3d6dc;--border-strong:#c6cad1;--border-thin:#e8eaed;--cell-user:var(--warm-accent);--pencil-color:#1a1c1e;--error-color:#c5221f;--success-color:#16a34a;--diff-easy:#16a34a;--diff-med:#d97706;--diff-hard:#dc2626;--hover-bg:#eceef2;--accent-hover-tint:#e4efff;--accent-hover-border:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-hover-border:color-mix(in srgb, var(--warm-accent) 50%, var(--border))}}:root{--board-radius:0px;--btn-bevel:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #1018280f}.warm-dark{--header-bg:#182a3f;--bg:#161619;--bg-surface:#242429;--bg-card:#242429;--bg-track:#1d1d21;--text:#ececef;--text-sub:#9a9aa6;--text-muted:#62626e;--border:#33333b;--border-bottom:#2a2a31;--border-strong:#44444e;--border-thin:#2a2a31;--pencil-color:#8a8a98;--hover-bg:#32323a;--accent-hover-tint:#1a73e824;--btn-bevel:inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #00000047}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%}body{height:100%;font-family:var(--font-sans,system-ui, sans-serif);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{background:var(--bg);min-height:100vh;color:var(--text);overscroll-behavior-y:none;flex-direction:column;transition:background .3s,color .3s;display:flex}.site-header{background:var(--header-bg);z-index:50;border-bottom:1px solid #0000001f;flex-shrink:0;align-items:center;height:62px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #1018281f}.warm-dark .site-header{box-shadow:0 1px #00000080}.header-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;display:flex}@media (min-width:800px){.header-inner{padding:0 32px}}.brand-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}a.brand{color:inherit;cursor:pointer;text-decoration:none}.brand-mark{background:var(--warm-accent);border-radius:6px;flex-shrink:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2.5px;width:36px;height:36px;padding:5px;display:grid;box-shadow:0 1px 3px #1a73e859}.brand-mark span{border-radius:1px}.brand-text{min-width:0;overflow:hidden}.brand-title{font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;color:var(--header-title);font-size:1.125rem;font-weight:700;line-height:1.1;overflow:hidden}.brand-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:2px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.brand-domain{color:var(--header-sub);letter-spacing:.01em;flex-shrink:0;font-weight:600}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);border-bottom-color:var(--border-bottom);background:var(--bg-surface);min-width:36px;height:36px;color:var(--text-sub);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans,system-ui, sans-serif);white-space:nowrap;box-shadow:var(--btn-bevel);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.icon-btn:hover{background:var(--accent-hover-tint);border-color:var(--accent-hover-border);color:var(--warm-accent)}.icon-btn.play-btn{background:var(--warm-accent);color:#fff;border-color:var(--warm-accent);padding-left:14px;padding-right:14px;transition:filter .14s}.icon-btn.play-btn:hover{filter:brightness(1.12);color:#fff;outline:none}.header-nav-group{flex-shrink:0;align-items:center;gap:2px;display:flex}.header-nav-item{cursor:pointer;height:36px;color:var(--header-nav);font-size:13.5px;font-weight:500;font-family:var(--font-sans,system-ui, sans-serif);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.header-nav-item:hover{background:var(--header-hover-bg);color:#fff}.header-nav-item--active{background:var(--warm-accent);color:#fff;padding:0 16px;font-weight:600;box-shadow:0 1px 2px #1a73e840}.header-nav-item--active:hover{background:var(--warm-accent);color:#fff;filter:brightness(1.08)}.header-nav-mobile{display:none}.header-nav-desktop{display:block}@media (max-width:865px){.header-nav-desktop{display:none}.header-nav-mobile{margin-right:6px;display:block;position:relative}}.menu-trigger-btn{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:#ffffffd9;cursor:pointer;height:36px;font-size:13px;font-weight:500;font-family:var(--font-sans,system-ui, sans-serif);border-radius:6px;align-items:center;gap:8px;padding:0 14px;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.menu-trigger-btn:hover{background:var(--header-hover-bg);color:#fff;border-color:#ffffff61}.menu-trigger-btn.menu-trigger-btn--active{background:var(--header-hover-bg);border-color:#ffffff73;font-weight:700;color:#fff!important}.mobile-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:100;border-radius:12px;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.warm-dark .mobile-dropdown-menu{background:var(--bg-surface);box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0000004d}.mobile-dropdown-item{color:var(--text-sub);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.mobile-dropdown-item:hover{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.mobile-dropdown-item:hover{background:color-mix(in srgb, var(--warm-accent) 8%, var(--bg-surface))}}.mobile-dropdown-item:hover{color:var(--warm-accent)}.mobile-dropdown-item.mobile-dropdown-item--active{color:var(--warm-accent);background:0 0;font-weight:700}.warm-dark .mobile-dropdown-item:hover{background:#ffffff0d}.warm-dark .mobile-dropdown-item.mobile-dropdown-item--active{background:0 0;color:var(--warm-accent)!important}.theme-toggle{border:1px solid var(--header-control-border);background:var(--header-control-bg);color:#ffffffd9;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .14s,border-color .14s,color .14s;display:flex}.theme-toggle:hover{background:var(--header-hover-bg);color:#fff;border-color:#ffffff61}.theme-toggle-knob{color:inherit;justify-content:center;align-items:center;display:flex}.diff-pill{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-sub);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;padding:3px 9px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.diff-pill:hover{border-color:var(--warm-accent);color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.diff-pill:hover{background:color-mix(in srgb, var(--warm-accent) 6%, var(--bg-surface))}}.diff-pill--off{opacity:.4;cursor:not-allowed}.diff-pill--off:hover{border-color:var(--border);color:var(--text-sub);background:var(--bg-surface)}.archive-diff-pill{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-sub);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:flex}.archive-diff-pill:hover:not(.archive-diff-pill--off){border-color:var(--warm-accent);color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.archive-diff-pill:hover:not(.archive-diff-pill--off){background:color-mix(in srgb, var(--warm-accent) 6%, var(--bg-surface))}}.archive-list{flex-direction:column;gap:28px;margin:0;padding:0;list-style:none;display:flex}.techniques-sidenav{width:156px;max-height:calc(100vh - 100px);font-family:var(--font-sans,system-ui);z-index:40;scrollbar-width:thin;flex-direction:column;gap:2px;padding:4px 0;display:none;position:fixed;left:max(8px,50vw - 568px);overflow-y:auto}@media (min-width:1280px){.techniques-sidenav{display:flex}.techniques-article{padding-left:196px}}.techniques-sidenav .tnav-tier{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:10px 10px 4px;font-size:10px;font-weight:700}.techniques-sidenav .tnav-link{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;border-radius:6px;padding:3px 10px;font-size:11.5px;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:block;overflow:hidden}.techniques-sidenav .tnav-link:hover{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.techniques-sidenav .tnav-link:hover{background:color-mix(in srgb, var(--warm-accent) 8%, transparent)}}.techniques-sidenav .tnav-link:hover{color:var(--text)}.techniques-sidenav .tnav-link.active{border-left-color:var(--warm-accent);color:var(--warm-accent);font-weight:600}.archive-header{margin-bottom:32px}.archive-title{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);margin-bottom:14px;font-size:2.1rem;font-weight:700}.archive-section-h2{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);margin-bottom:8px;font-size:1.5rem;font-weight:700}.archive-body{color:var(--text-sub);margin-bottom:16px;font-size:.95rem;line-height:1.7}.archive-body a{color:var(--warm-accent);text-underline-offset:2px;text-decoration:underline}.archive-credits{color:var(--text-muted);margin-top:16px;margin-bottom:0;font-size:.8rem}.archive-divider{border:none;border-top:1px solid var(--border);margin:32px 0 24px}.archive-month-section{margin-bottom:28px}.archive-month-heading{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text-sub);letter-spacing:.02em;margin-bottom:10px;font-size:1.15rem;font-weight:600}.archive-month-count{color:var(--text-muted);font-size:.85rem}.archive-date-card{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;padding:16px}.archive-date-heading{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);align-items:center;gap:6px;margin-bottom:12px;font-size:1rem;font-weight:600;display:flex}.archive-date-icon{color:var(--text-muted);flex-shrink:0}.archive-special-item{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;align-items:center;gap:10px;padding:7px 12px;display:flex}.archive-special-name{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:500;overflow:hidden}.archive-diff-pills{flex-direction:column;gap:5px;display:flex}.archive-score-badges{flex-shrink:0;gap:4px;display:flex}.archive-score-badge{border:1px solid var(--border-strong);color:var(--text-sub);background:var(--text);border-radius:999px;padding:2px 6px;font-size:9px}@supports (color:color-mix(in lab, red, red)){.archive-score-badge{background:color-mix(in srgb, var(--text) 4%, transparent)}}.archive-score-badge{white-space:nowrap;text-align:center;box-sizing:border-box;display:inline-block}.archive-score-badge--se{min-width:50px}.archive-score-badge--hodoku{min-width:84px}.archive-diff-pill--off{opacity:.4;cursor:not-allowed}.archive-back-link{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:10px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.archive-back-link:hover{color:var(--warm-accent)}.archive-month-chips{flex-wrap:wrap;gap:8px;display:flex}.archive-month-chip{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-sub);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.archive-month-chip:hover{border-color:var(--warm-accent);color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.archive-month-chip:hover{background:color-mix(in srgb, var(--warm-accent) 6%, var(--bg-surface))}}.archive-month-chip-count{color:var(--text-muted);font-size:11px;font-weight:400}.archive-month-picker{align-items:center;gap:8px;margin-bottom:28px;display:flex}.archive-picker-arrow{border:1px solid var(--border);background:var(--bg-surface);width:36px;height:36px;color:var(--text-sub);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:border-color .15s,color .15s,background .15s;display:flex}.archive-picker-arrow:hover:not(:disabled){border-color:var(--warm-accent);color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.archive-picker-arrow:hover:not(:disabled){background:color-mix(in srgb, var(--warm-accent) 6%, var(--bg-surface))}}.archive-picker-arrow:disabled{opacity:.35;cursor:not-allowed}.archive-picker-select{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:6px;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:500}.archive-picker-select:focus{outline:2px solid var(--warm-accent);outline-offset:1px}.archive-month-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:36px;padding-top:20px;display:flex}.archive-month-nav-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-sub);border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.archive-month-nav-btn:hover{border-color:var(--warm-accent);color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.archive-month-nav-btn:hover{background:color-mix(in srgb, var(--warm-accent) 6%, var(--bg-surface))}}.archive-diff-pills--thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.archive-diff-pill--has-thumb{border:1.5px solid var(--border);background:var(--bg-surface);border-radius:6px;flex-direction:column;align-items:stretch;gap:0;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 1px 4px #2b25200f}.archive-diff-pill--has-thumb:hover{border-color:var(--warm-accent);box-shadow:0 6px 24px -8px #3373c166}.archive-diff-pill-body{color:var(--text-sub);flex-direction:row;justify-content:space-between;align-items:center;gap:4px 8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}@media (max-width:899px){.archive-diff-pill-body{flex-direction:column;align-items:flex-start;gap:4px}}.archive-diff-pill--has-thumb .archive-score-badges{flex-wrap:wrap;gap:3px}.archive-diff-pill--has-thumb .archive-score-badge--se,.archive-diff-pill--has-thumb .archive-score-badge--hodoku{min-width:0}.archive-diff-thumb-img{aspect-ratio:1;border-bottom:1px solid var(--border);width:100%;height:auto;display:block}.ranked-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:20px;padding:14px 16px;display:flex;position:relative}.ranked-filter-group{flex-direction:column;gap:6px;min-width:0;display:flex}.ranked-filter-group--full{width:100%}.ranked-filter-group--slider{flex:1;min-width:180px}.ranked-filter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.ranked-tier-btns{flex-wrap:wrap;gap:6px;display:flex}.ranked-tier-on{border-color:var(--warm-accent);color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.ranked-tier-on{background:color-mix(in srgb, var(--warm-accent) 6%, var(--bg-card))}}.ranked-tier-on:hover{border-color:var(--warm-accent);color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.ranked-tier-on:hover{background:color-mix(in srgb, var(--warm-accent) 10%, var(--bg-card))}}.dual-slider-input{appearance:none;pointer-events:none;background:0 0;outline:none;height:28px;margin:0;padding:0;display:block}.dual-slider-input::-webkit-slider-runnable-track{background:0 0;height:4px}.dual-slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--warm-accent);border:2.5px solid var(--bg-surface);pointer-events:auto;cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 4px #0003}.dual-slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.dual-slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--warm-accent) 30%, transparent)}}.dual-slider-input::-moz-range-track{background:0 0;border:none;height:4px}.dual-slider-input::-moz-range-thumb{background:var(--warm-accent);border:2.5px solid var(--bg-surface);pointer-events:auto;cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}.ranked-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.ranked-card{border:1.5px solid var(--border);background:var(--bg-surface);border-radius:6px;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ranked-card:hover{border-color:var(--warm-accent);box-shadow:0 6px 24px -8px #3373c159}.ranked-card-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.ranked-card-thumb{aspect-ratio:1;border-bottom:1px solid var(--border);width:100%;height:auto;display:block}.ranked-card-body{flex-direction:column;flex:1;gap:5px;padding:10px 12px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.ranked-diff-badge--easy{background:color-mix(in srgb, var(--success-color) 12%, transparent);border-color:color-mix(in srgb, var(--success-color) 35%, transparent)}.ranked-diff-badge--intermediate{background:color-mix(in srgb, var(--warm-accent) 10%, transparent);border-color:color-mix(in srgb, var(--warm-accent) 30%, transparent)}.ranked-diff-badge--expert{background:color-mix(in srgb, var(--error-color) 10%, transparent);border-color:color-mix(in srgb, var(--error-color) 30%, transparent)}}.technique-tier-nav{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.technique-tier-chip{border:1px solid var(--warm-accent);border-radius:6px;padding:5px 13px;font-size:12.5px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.technique-tier-chip{border:1px solid color-mix(in srgb, var(--warm-accent) 25%, transparent)}}.technique-tier-chip{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.technique-tier-chip{background:color-mix(in srgb, var(--warm-accent) 8%, transparent)}}.technique-tier-chip{color:var(--warm-accent);text-decoration:none;transition:background .12s,border-color .12s,color .12s}.technique-tier-chip:hover{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.technique-tier-chip:hover{background:color-mix(in srgb, var(--warm-accent) 15%, transparent)}}.technique-tier-chip:hover{border-color:var(--warm-accent)}.ranked-card-date{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);font-size:.9rem;font-weight:500}.ranked-diff-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.ranked-diff-badge--easy{background:var(--success-color)}@supports (color:color-mix(in lab, red, red)){.ranked-diff-badge--easy{background:color-mix(in srgb, var(--success-color) 12%, transparent)}}.ranked-diff-badge--easy{color:var(--success-color);border-color:var(--success-color)}@supports (color:color-mix(in lab, red, red)){.ranked-diff-badge--easy{border-color:color-mix(in srgb, var(--success-color) 35%, transparent)}}.ranked-diff-badge--intermediate{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.ranked-diff-badge--intermediate{background:color-mix(in srgb, var(--warm-accent) 10%, transparent)}}.ranked-diff-badge--intermediate{color:var(--warm-accent);border-color:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.ranked-diff-badge--intermediate{border-color:color-mix(in srgb, var(--warm-accent) 30%, transparent)}}.ranked-diff-badge--expert{background:var(--error-color)}@supports (color:color-mix(in lab, red, red)){.ranked-diff-badge--expert{background:color-mix(in srgb, var(--error-color) 10%, transparent)}}.ranked-diff-badge--expert{color:var(--error-color);border-color:var(--error-color)}@supports (color:color-mix(in lab, red, red)){.ranked-diff-badge--expert{border-color:color-mix(in srgb, var(--error-color) 30%, transparent)}}.ranked-card-play-link{color:var(--warm-accent);align-self:flex-end;margin-top:auto;padding-top:6px;font-size:12px;font-weight:600}.app-main{box-sizing:border-box;flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"diff""board""actions";align-content:start;gap:20px;width:100%;max-width:1360px;margin:0 auto;padding:14px 8px 0;display:grid}@media (min-width:720px){.app-main{justify-items:center;gap:20px;padding:24px 32px 32px}}@media (min-width:1080px){.app-main{flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;padding:28px 32px 40px;display:flex}}.col-diff{grid-area:diff;min-width:0}.col-board{flex-direction:column;grid-area:board;align-items:center;gap:8px;min-width:0;display:flex}.col-actions{grid-area:actions;min-width:0}@media (min-width:720px){.col-diff{width:100%;max-width:600px}.col-board{gap:8px}}@media (min-width:1080px){.col-diff{flex:none;width:248px;max-width:none}.col-board{flex:auto;gap:8px;max-width:600px}.col-actions{flex:none;width:248px}}.diff-desc-title{font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:-.03em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:17px;font-weight:700;display:none;overflow:hidden}.diff-desc-sub{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text-sub);margin-bottom:12px;font-size:11.5px;font-weight:400;display:none}@media (min-width:1080px){.diff-desc-title,.diff-desc-sub{display:block}}.diff-segmented{background:0 0;border:none;gap:6px;width:100%;padding:0;display:flex}.diff-seg{background:var(--bg-surface);border:1px solid var(--border);border-bottom-color:var(--border-bottom);color:var(--text-sub);cursor:pointer;font-family:var(--font-sans,system-ui, sans-serif);box-shadow:var(--btn-bevel), 0 1px 1.5px #1018280d;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;transition:background .14s,border-color .14s;display:flex}.diff-seg:disabled{opacity:.4;cursor:not-allowed}.diff-seg:not(:disabled):hover{background:var(--accent-hover-tint);border-color:var(--accent-hover-border)}.diff-seg .seg-name{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);font-size:13px;font-weight:600}.diff-seg .seg-hint{letter-spacing:.04em;color:var(--text-muted);font-size:10px}.diff-seg.seg-active{background:var(--accent-hover-tint);border-color:var(--warm-accent);color:var(--text)}.diff-seg.seg-active .seg-name{color:var(--warm-accent);font-weight:700}.diff-seg.seg-active .seg-hint{color:var(--warm-accent)}.diff-seg .seg-scores{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px;display:flex}.diff-seg .seg-score-pill{border:1px solid var(--border);color:var(--text-sub);background:var(--bg-track);font-size:9px;font-family:var(--font-mono,monospace);border-radius:5px;padding:2px 6px;font-weight:600;transition:all .2s}.diff-seg.seg-active .seg-score-pill{border-color:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.diff-seg.seg-active .seg-score-pill{border-color:color-mix(in srgb, var(--warm-accent) 45%, transparent)}}.diff-seg.seg-active .seg-score-pill{color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.diff-seg.seg-active .seg-score-pill{background:color-mix(in srgb, var(--warm-accent) 8%, transparent)}}@media (max-width:1079px){.diff-seg .seg-hint{display:none}}.diff-pills-list{display:none}@media (min-width:1080px){.diff-segmented{display:none}.diff-pills-list{flex-direction:column;gap:8px;display:flex}}.diff-pill-card{background:var(--bg-surface);border-top:1.5px solid var(--border);border-right:1.5px solid var(--border);border-bottom:1.5px solid var(--border);border-left:4px solid var(--border);cursor:pointer;box-shadow:var(--btn-bevel), 0 1px 1.5px #1018280d;text-align:left;width:100%;font-family:var(--font-sans,system-ui, sans-serif);border-radius:10px;padding:12px 13px 12px 11px;transition:background .12s,border-color .14s}.diff-pill-card:disabled{opacity:.35;cursor:not-allowed}.diff-pill-card:not(:disabled):hover{background:var(--diff-color,var(--warm-accent))}@supports (color:color-mix(in lab, red, red)){.diff-pill-card:not(:disabled):hover{background:color-mix(in srgb, var(--diff-color,var(--warm-accent)) 5%, transparent)}}.diff-pill-card:not(:disabled):hover{border-color:var(--diff-color,var(--warm-accent))}@supports (color:color-mix(in lab, red, red)){.diff-pill-card:not(:disabled):hover{border-color:color-mix(in srgb, var(--diff-color,var(--warm-accent)) 50%, var(--border))}}.diff-pill-card:not(:disabled):hover{border-left-color:var(--diff-color,var(--warm-accent))}.diff-pill-card--active{border-top-color:var(--diff-color);border-right-color:var(--diff-color);border-bottom-color:var(--diff-color);border-left-color:var(--diff-color);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d}.diff-pill-card--easy.diff-pill-card--active{box-shadow:0 2px 8px #16a34a24,0 1px 2px #16a34a1a}.diff-pill-card--intermediate.diff-pill-card--active{box-shadow:0 2px 8px #d9770624,0 1px 2px #d977061a}.diff-pill-card--expert.diff-pill-card--active{box-shadow:0 2px 8px #dc262624,0 1px 2px #dc26261a}.diff-pill-card--static{cursor:default!important}.diff-pill-card--static:not(:disabled):hover{background:var(--bg-surface)!important;border-top-color:var(--border)!important;border-right-color:var(--border)!important;border-bottom-color:var(--border)!important;border-left-color:var(--border)!important}.diff-pill-card--static.diff-pill-card--active:not(:disabled):hover{background:var(--bg-surface)!important;border-color:var(--diff-color)!important;border-left-color:var(--diff-color)!important}.diff-pill-card-header{align-items:flex-start;gap:10px;display:flex}.diff-pill-card-dot{background:#c8cbd2;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:3px;transition:background .2s,box-shadow .2s}.diff-pill-card--active .diff-pill-card-dot{background:var(--diff-color);box-shadow:0 0 0 3px var(--diff-color)}@supports (color:color-mix(in lab, red, red)){.diff-pill-card--active .diff-pill-card-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--diff-color) 20%, transparent)}}.warm-dark .diff-pill-card-dot{background:#44444e}.diff-pill-card-body{flex:1;min-width:0}.diff-pill-card-name{letter-spacing:-.025em;color:var(--text);font-size:14px;font-weight:700;line-height:1.2;transition:color .2s}.diff-pill-card--active .diff-pill-card-name{color:var(--diff-color)}.diff-pill-card-desc{color:var(--text-sub);margin-top:2px;font-size:11px;font-weight:400}.diff-pill-card-arrow{color:var(--text-muted);flex-shrink:0;margin-top:2px;font-size:14px;font-weight:600;transition:color .2s}.diff-pill-card--active .diff-pill-card-arrow{color:var(--diff-color)}.diff-pill-bars{gap:4px;margin:9px 0;display:flex}.diff-pill-bar{opacity:.65;background:#e2e4e9;border-radius:2px;flex:1;height:3px}.warm-dark .diff-pill-bar{background:#36363e}.diff-pill-bar--filled{background:var(--diff-color);opacity:.65}.diff-pill-card--active .diff-pill-bar,.diff-pill-card--active .diff-pill-bar--filled{opacity:1}.diff-pill-scores{gap:5px;display:flex}.diff-pill-score{background:var(--bg-track);border:1px solid var(--border);color:var(--text-sub);font-size:10px;font-family:var(--font-mono,monospace);white-space:nowrap;border-radius:5px;padding:2px 7px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.diff-pill-card--active .diff-pill-score{background:var(--diff-color)}@supports (color:color-mix(in lab, red, red)){.diff-pill-card--active .diff-pill-score{background:color-mix(in srgb, var(--diff-color) 9%, transparent)}}.diff-pill-card--active .diff-pill-score{border-color:var(--diff-color)}@supports (color:color-mix(in lab, red, red)){.diff-pill-card--active .diff-pill-score{border-color:color-mix(in srgb, var(--diff-color) 22%, transparent)}}.diff-pill-card--active .diff-pill-score{color:var(--diff-color)}.techniques-section{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;display:none}@media (min-width:1080px){.techniques-section{display:block}}.puzzle-promo{margin-top:12px;display:none}@media (min-width:1080px){.puzzle-promo{display:block}}.promo-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600;font-family:var(--font-sans,system-ui, sans-serif);margin:0 0 8px}.promo-body{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text-muted);margin:0;font-size:11px;line-height:1.65}.promo-body strong{font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);font-size:11px;font-weight:600}.board-wrap{aspect-ratio:1;background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--board-radius);touch-action:pan-y;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1018280a,0 2px 6px #1018280f,0 10px 28px #1018280d}.warm-dark .board-wrap{box-shadow:0 0 0 1px #00000080,0 4px 16px #00000073}.board-wrap.board-zoomed{cursor:grab;touch-action:none}.board-wrap.board-dragging{cursor:grabbing}.board-wrap .sudoku-grid{width:100%;height:100%;aspect-ratio:unset;box-shadow:none;transform-origin:50%;will-change:transform;background:0 0;border-radius:0;transition:transform .12s ease-out;position:absolute;inset:0;overflow:visible}.controls-wrap{flex-direction:column;gap:5px;width:100%;max-width:600px;display:flex}.numpad-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;width:100%;min-width:0;display:grid}.num-btn{aspect-ratio:1;border:1px solid var(--border);border-bottom-color:var(--border-bottom);background:var(--bg-surface);cursor:pointer;min-width:0;color:var(--text);-webkit-tap-highlight-color:transparent;min-height:44px;box-shadow:var(--btn-bevel), 0 1px 1.5px #1018280d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .14s,border-color .14s,color .14s;display:flex}.num-btn:hover:not(:disabled){background:var(--accent-hover-tint);border-color:var(--accent-hover-border);color:var(--warm-accent)}.num-btn:active{transform:scale(.96)}.num-btn .nd{font-family:var(--font-sans,system-ui, sans-serif);font-size:clamp(1.1rem,3.4vw,1.2rem);font-weight:600;line-height:1}.num-btn .nc{font-family:var(--font-mono,monospace);color:var(--text-muted);font-size:8px;font-weight:500;line-height:1}.num-btn.num-done{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.num-btn.num-done{background:color-mix(in srgb, var(--text) 4%, transparent)}}.num-btn.num-done{color:var(--text-muted);cursor:default;opacity:.45}.num-erase-btn{color:var(--text-sub)}.num-btn--notes{font-family:var(--font-mono,monospace);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:0;padding:4px;font-size:clamp(.45rem,1.2vw,.6rem);font-weight:400;line-height:1;display:grid}@media (max-width:600px){.numpad-grid{gap:4px}.num-btn{border-radius:6px;min-height:0}.num-btn .nd{font-size:clamp(.95rem,3.6vw,1.1rem)}.num-btn .nc{font-size:7px}}.util-row{gap:5px;width:100%;display:flex}.util-btn{border:1px solid var(--border);border-bottom-color:var(--border-bottom);background:var(--bg-surface);min-width:0;color:var(--text-sub);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:40px;font-size:12px;font-weight:500;font-family:var(--font-sans,system-ui, sans-serif);white-space:nowrap;box-shadow:var(--btn-bevel), 0 1px 1.5px #1018280d;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 4px;transition:background .14s,border-color .14s,color .14s;display:flex}.util-btn:hover:not(:disabled){background:var(--accent-hover-tint);border-color:var(--accent-hover-border);color:var(--warm-accent)}.util-btn.util-on{background:var(--text);color:var(--bg);border-color:var(--text)}.util-btn.util-on:hover:not(:disabled){color:var(--bg);border-color:var(--text);background:var(--text);outline:none}.util-btn:disabled{opacity:.4;cursor:not-allowed}.kbd{font-family:var(--font-mono,monospace);opacity:.6;font-size:10px;display:none}@media (min-width:720px){.kbd{display:inline}}.col-actions{flex-direction:column;gap:12px;display:flex}.timer-section{align-items:baseline;gap:8px;padding:2px;display:flex}.timer-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:9px;font-weight:700;font-family:var(--font-sans,system-ui, sans-serif);flex-shrink:0}.timer-display{font-family:var(--font-mono,monospace);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.04em;flex-shrink:0;font-size:1.3rem;font-weight:600;line-height:1}.timer-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:0 4px;font-size:16px;line-height:1;transition:color .15s}.timer-toggle:hover{color:var(--warm-accent)}.actions-divider{border:none;border-top:1px solid var(--border);margin:6px 0}@media (max-width:1079px){.actions-divider{flex:1 0 100%;margin:4px 0}.col-actions{flex-flow:wrap;gap:8px;width:100%;max-width:560px;margin:0 auto;padding-bottom:16px}.col-actions .timer-section{flex:1 0 100%;justify-content:flex-start;padding:0 2px 4px}.col-actions .timer-display{font-size:1rem}.col-actions .hint-card{flex:1 0 100%;order:-1;width:100%}}.act-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.act-grid-btn{border:1px solid var(--border);border-bottom-color:var(--border-bottom);background:var(--bg-surface);cursor:pointer;font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);box-shadow:var(--btn-bevel), 0 1px 1.5px #1018280d;-webkit-tap-highlight-color:transparent;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;padding:10px 11px 9px;font-size:13px;font-weight:500;transition:background .14s,border-color .14s;display:flex;position:relative}.act-grid-btn:hover:not(:disabled){background:var(--accent-hover-tint);border-color:var(--accent-hover-border)}.act-grid-btn:disabled{opacity:.4;cursor:not-allowed}.act-grid-btn--danger:hover:not(:disabled){background:var(--error-color)}@supports (color:color-mix(in lab, red, red)){.act-grid-btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--error-color) 8%, transparent)}}.act-grid-btn--danger:hover:not(:disabled){border-color:var(--error-color)}@supports (color:color-mix(in lab, red, red)){.act-grid-btn--danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--error-color) 40%, var(--border))}}.act-grid-btn--primary{background:var(--text);border-color:var(--text);color:var(--bg);box-shadow:var(--btn-bevel), 0 4px 12px #1018282e}.act-grid-btn--primary:hover:not(:disabled){background:var(--text)}@supports (color:color-mix(in lab, red, red)){.act-grid-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--text) 88%, transparent)}}.act-grid-btn--primary:hover:not(:disabled){border-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.act-grid-btn--primary:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 88%, transparent)}}.warm-dark .act-grid-btn--primary{color:#161619}.act-grid-icon{color:var(--text-sub);flex-shrink:0;font-size:15px;font-weight:600;line-height:1}.act-grid-icon--hint{color:var(--warm-accent);font-size:15px}.act-grid-icon--danger{color:var(--error-color)}.act-grid-icon--check{color:#fff9}.act-grid-label{color:inherit;letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.2}.act-grid-count{background:var(--bg-track);color:var(--text-muted);font-size:8.5px;font-weight:700;font-family:var(--font-mono,monospace);border-radius:4px;padding:1px 5px;position:absolute;top:7px;right:8px}@media (max-width:1079px){.col-actions .act-grid{flex:1 0 100%;width:100%}.act-grid-btn{min-height:52px}}.hint-no-result{color:var(--text-muted);background:var(--error-color);margin:0;padding:6px 10px;font-size:12px;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.hint-no-result{background:color-mix(in srgb, var(--error-color) 6%, var(--bg-card))}}.hint-no-result{border:1px solid var(--error-color)}@supports (color:color-mix(in lab, red, red)){.hint-no-result{border:1px solid color-mix(in srgb, var(--error-color) 20%, transparent)}}.hint-no-result{border-radius:10px}.hint-no-result.success{color:var(--success-color);background:var(--success-color)}@supports (color:color-mix(in lab, red, red)){.hint-no-result.success{background:color-mix(in srgb, var(--success-color) 7%, var(--bg-card))}}.hint-no-result.success{border-color:var(--success-color)}@supports (color:color-mix(in lab, red, red)){.hint-no-result.success{border-color:color-mix(in srgb, var(--success-color) 30%, transparent)}}.hint-card{background:var(--success-color)}@supports (color:color-mix(in lab, red, red)){.hint-card{background:color-mix(in srgb, var(--success-color) 7%, var(--bg-card))}}.hint-card{border:1px solid var(--success-color)}@supports (color:color-mix(in lab, red, red)){.hint-card{border:1px solid color-mix(in srgb, var(--success-color) 30%, transparent)}}.hint-card{border-radius:6px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.hint-pill{background:var(--success-color)}@supports (color:color-mix(in lab, red, red)){.hint-pill{background:color-mix(in srgb, var(--success-color) 15%, transparent)}}.hint-pill{color:var(--success-color);border:1px solid var(--success-color)}@supports (color:color-mix(in lab, red, red)){.hint-pill{border:1px solid color-mix(in srgb, var(--success-color) 35%, transparent)}}.hint-pill{letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:11px;font-weight:700}.hint-apply-btn{background:var(--success-color);cursor:pointer;color:#fff8ed;letter-spacing:.04em;border:none;border-radius:6px;flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:700;transition:filter .14s,background-color .14s}.hint-apply-btn:hover{filter:brightness(1.12)}.hint-ref{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--warm-accent);-webkit-text-decoration-color:var(--warm-accent);-webkit-text-decoration-color:var(--warm-accent);text-decoration-color:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.hint-ref{-webkit-text-decoration-color:color-mix(in srgb, var(--warm-accent) 70%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--warm-accent) 70%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--warm-accent) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--warm-accent) 70%, transparent)}}.hint-ref{text-underline-offset:2px;cursor:pointer;border-radius:3px;font-weight:600}.hint-ref:hover,.hint-ref.active{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.hint-ref:hover,.hint-ref.active{background:color-mix(in srgb, var(--warm-accent) 14%, transparent)}}.hint-ref-area{border:2px dotted var(--warm-accent);background:var(--warm-accent);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.hint-ref-area{background:color-mix(in srgb, var(--warm-accent) 8%, transparent)}}.print-btn{background:var(--bg-surface);border:1px solid var(--border);border-bottom-color:var(--border-bottom);width:100%;color:var(--text-sub);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans,system-ui, sans-serif);box-shadow:var(--btn-bevel), 0 1px 1.5px #1018280d;border-radius:6px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:9px 14px;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.print-btn:hover{background:var(--accent-hover-tint);border-color:var(--accent-hover-border);color:var(--warm-accent)}.share-section{flex-direction:column;gap:8px;padding-top:2px;display:flex}.share-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.share-row{gap:8px;display:flex}.share-btn{border:1px solid var(--border);border-bottom-color:var(--border-bottom);background:var(--bg-surface);min-width:0;height:36px;color:var(--text-sub);cursor:pointer;box-shadow:var(--btn-bevel), 0 1px 1.5px #1018280d;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;padding:0;transition:background .14s,border-color .14s,color .14s;display:inline-flex;position:relative}.share-btn:hover{background:var(--accent-hover-tint);border-color:var(--accent-hover-border);color:var(--warm-accent)}.share-btn[data-tooltip]:after{content:attr(data-tooltip);background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;z-index:20;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.share-btn[data-tooltip]:hover:after{opacity:1}.result-modal .share-section{align-items:center}.result-modal .share-row{width:100%;max-width:320px}.result-stats-card{background:var(--warm-accent);flex-direction:column;align-items:center;gap:9px;display:flex}@supports (color:color-mix(in lab, red, red)){.result-stats-card{background:color-mix(in srgb, var(--warm-accent) 5%, transparent)}}.result-stats-card{border:1px solid var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.result-stats-card{border:1px solid color-mix(in srgb, var(--warm-accent) 18%, transparent)}}.result-stats-card{border-radius:14px;margin:-4px 0 18px;padding:14px 16px 12px}.result-stats{justify-content:center;gap:38px;display:flex}.result-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.result-stat-num{font-family:var(--font-mono,monospace);color:var(--text);letter-spacing:-.04em;font-size:27px;font-weight:600;line-height:1}.result-stat-cap{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.result-scores{color:var(--text-sub);font-size:12px}.result-share .share-heading{letter-spacing:.06em;color:var(--text-sub);text-align:center;text-wrap:balance;font-size:11px;line-height:1.5}.result-share .share-btn{border-color:var(--warm-accent);height:44px}@supports (color:color-mix(in lab, red, red)){.result-share .share-btn{border-color:color-mix(in srgb, var(--warm-accent) 28%, transparent)}}.result-share .share-btn{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.result-share .share-btn{background:color-mix(in srgb, var(--warm-accent) 8%, var(--bg-card))}}.result-share .share-btn{color:var(--warm-accent)}.result-share .share-btn:hover{border-color:var(--warm-accent);background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.result-share .share-btn:hover{background:color-mix(in srgb, var(--warm-accent) 16%, var(--bg-card))}}.result-share .share-btn:hover{color:var(--warm-accent)}@media (max-width:1079px){.col-actions .share-section{flex:1 0 100%;align-items:center;width:100%;padding-top:6px}.col-actions .share-row{width:100%;max-width:320px}}.sudoku-grid{aspect-ratio:1;background:var(--bg-surface);width:100%;box-shadow:inset 0 0 0 2px var(--border-strong);border-radius:0;grid-template-columns:repeat(9,1fr);display:grid;position:relative;overflow:hidden}.cell{cursor:pointer;-webkit-user-select:none;user-select:none;aspect-ratio:1;border-right:1.5px solid var(--border-thin);border-bottom:1.5px solid var(--border-thin);justify-content:center;align-items:center;transition:background .12s;display:flex;position:relative}.cell:nth-child(9n){border-right:none}.cell:nth-child(n+73){border-bottom:none}.cell.box-r{border-right:2px solid var(--border-strong)!important}.cell.box-b{border-bottom:2px solid var(--border-strong)!important}.cell.peer{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.cell.peer{background:color-mix(in srgb, var(--warm-accent) 10%, transparent)}}.cell.same-value{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.cell.same-value{background:color-mix(in srgb, var(--warm-accent) 20%, transparent)}}.cell.selected{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.cell.selected{background:color-mix(in srgb, var(--warm-accent) 12%, var(--bg-surface))}}.cell .value{font-size:clamp(1rem,3vw,1.55rem);font-weight:600;font-family:var(--font-sans,system-ui, sans-serif);color:var(--text);letter-spacing:-.02em;line-height:1}.cell .value.user-entered{color:var(--warm-accent)}.cell .value.error{color:var(--error-color);animation:.3s shake}.pencil-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:4%;display:grid}.pencil-mark{font-size:clamp(.42rem,1.1vw,.6rem);font-weight:400;font-family:var(--font-mono,monospace);color:var(--pencil-color);justify-content:center;align-items:center;line-height:1;display:flex}.pencil-mark--filled{background:var(--bg-track);border-radius:50%;justify-content:center;place-self:center;align-items:center;width:72%;height:72%;display:flex}.pencil-grid .pencil-mark--filled{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.pencil-grid .pencil-mark--filled{background:color-mix(in srgb, var(--text) 5%, transparent)}}.board-outer{width:100%;max-width:560px;position:relative;overflow:visible}.xh-row,.xh-col{pointer-events:none;z-index:10;background:var(--warm-accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.xh-row,.xh-col{background:color-mix(in srgb, var(--warm-accent) 13%, transparent)}}.xh-row,.xh-col{border:1.5px solid var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.xh-row,.xh-col{border:1.5px solid color-mix(in srgb, var(--warm-accent) 50%, transparent)}}.xh-row,.xh-col{border-radius:14px}.xh-row{align-items:center;height:11.1111%;display:flex;left:-24px;right:-24px}.xh-col{flex-direction:column;align-items:center;width:11.1111%;display:flex;top:-24px;bottom:-24px}.xh-axis-lbl{font-size:9px;font-weight:600;font-family:var(--font-mono,monospace);letter-spacing:.04em;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--warm-accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.xh-axis-lbl{color:color-mix(in srgb, var(--warm-accent) 45%, transparent)}}.xh-axis-lbl{transition:color .15s}.xh-axis-lbl.xh-lbl-on{color:var(--warm-accent)}.xh-r-lbl{left:-26px;transform:translateY(-50%)}.xh-c-lbl{top:-22px;transform:translate(-50%)}.crosshair-cell{pointer-events:none;z-index:2;border:2px solid var(--warm-accent);width:11.1111%;height:11.1111%;box-shadow:0 0 0 3px var(--warm-accent);border-radius:5px;position:absolute}@supports (color:color-mix(in lab, red, red)){.crosshair-cell{box-shadow:0 0 0 3px color-mix(in srgb, var(--warm-accent) 20%, transparent)}}.crosshair-cell{background:var(--warm-accent)}@supports (color:color-mix(in lab, red, red)){.crosshair-cell{background:color-mix(in srgb, var(--warm-accent) 8%, transparent)}}.new-puzzle-toast{background:var(--warm-accent);color:#fff8ed;flex-shrink:0;justify-content:center;align-items:center;gap:16px;width:100%;padding:10px 8px;font-size:.875rem;font-weight:500;display:flex}@media (min-width:720px){.new-puzzle-toast{padding:10px 32px}}@media (min-width:1080px){.new-puzzle-toast{padding:10px 40px}}.new-puzzle-toast button{color:#fff8ed;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff59;border-radius:6px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:background .15s}.new-puzzle-toast button:hover{background:#ffffff4d}.result-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1200;background:#2b252080;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.result-modal{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:20px;width:90%;max-width:420px;padding:40px;animation:.3s popIn;box-shadow:0 25px 50px #2b25201f}.result-modal.success{border-color:var(--success-color)}@supports (color:color-mix(in lab, red, red)){.result-modal.success{border-color:color-mix(in srgb, var(--success-color) 50%, transparent)}}.result-modal.failure{border-color:var(--error-color)}@supports (color:color-mix(in lab, red, red)){.result-modal.failure{border-color:color-mix(in srgb, var(--error-color) 50%, transparent)}}.result-icon{margin-bottom:16px;font-size:3.5rem}.result-modal h2{font-family:var(--font-sans,system-ui, sans-serif);margin-bottom:8px;font-size:1.5rem;font-weight:700}.result-modal p{color:var(--text-sub);margin-bottom:24px;font-size:.9rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes spin{to{transform:rotate(360deg)}}.diff-attribution{display:none}.footer-attribution{margin:0 0 10px;padding:0 16px;line-height:1.5;display:none}@media (min-width:1080px){.diff-attribution{display:block}}@media (max-width:1079px){.footer-attribution{display:block}.timer-section{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}