@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAWoABAAAAAACvAAAAVRAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQIUgmCcxEQCoNgg18LDgABNgIkAxgEIAWDdgdGDIRCG8MJKJ4DbtM8oq6K1GltHYXh6GN0NNoHEa1Z1TOzgEkOAB+JFIMGACFf3kedPPkE5PLzutxLRezs50Q1l6oGr4ldGd1Ggv/WhwVd2Rj2jgUC2/2Eu0iDNJBpHlFGQZBgFfr/95ep+/Zf0dK4dJD1w0Pad61USml1fIGCAa11/MCSDhQMxygAGDXb0qHaBZUnx4AI4FOCixg2oqIBEjAAmYAxmnbUon9eMMda2yBntU4MQQ6AObcbtVWOYIHap1oAxqo/WxbgDksCoQJLW0qjNKABBQAwulci4gyouMbzbzEwq9TsCiAGA6CMSgMV4gEFaCBHNALkiGEQIMRFYYCICs8qPmWCfUsy51/tfFYDBOVHyRdyg59VMbcB5bTEbtJFmTptKrTpUMnPiVKjCRBm7JAio4mTdcQpQ6jSEbymFnzJFmg3MN6kWe+FODQby/9NDMPqPh564QINRtohFO6lWLnRHqPaYaSJ1GB0O0SzWkLXtYgYFKmIjO6IVNCop7WDNRIHu4/ojMzWIZap2ZtOnJYkO4jhWKZ1MoxTgzGrEROJzJYk6luH9KH7mIv2GKtdOWK1tKaltoXdS3EcD+VNIkkUZltrWhoZikMW6Ibt86IqLvYWnBycqN3kBty1PPW+Z5DbYPbexyoikt3rtziRaoZyYVo9qwJ8fxyz7kgtCWNZmTTAsyI+jsO22OAyhkMylAbjtSuvbwlTjPX+gxog0Lj4JMVn/ksAYAMQAhoYAJgAADAgJRAFAAgY0yM5PrKXRFa4eN/d33dl9XJ+EhHMDCU6L6t3kyK31XWn95L37ny7w0pBMvjTIsITZ2DvneS9e77ao9so5V54uS+6VeF0JesrODU8Spk3VlUWWny9UBSa3iy1+s1OWZj3m3q8XGZTl+RXcP1y4faE0NLrheLQzOJyjpt2uZVlwkjd8qD+LwCkMbh4qSwHxiQxXAfD8MTQsewDhY3ByOMWJB9GgVScx50M81XFrGyueXSxqJho+YVGHhBRDDZ7ctQxEA1EyPzBsVwnleekotbZoBMZhAPpq7a2IEkfqcy/hp/C73wC3zrJQ35jUVKTGIpPypH6+0C+HGlbD4mTmKo/FhXUgg914EGjl5mko6qLRDo+q94ABCCFf4zv2ujr6f3OXU+/B+DF8pf1APBq6v733S/aeOvGBICHAkDgi4mWnjHUDw6E0syW+yCBz1FdbURLzhbAVlPJ8xZn9mA+KMx/0AjgskI0YjxgTvQQndAQaTpFLOg0o2CdoZcVnUWRLp1NF2Zv7HeBVSYq1Qgn3aRx7cb0oqoJ47RfqdcArWFjuulUo1UoFVSpxoBOM+q1GjIuYEyrNr3aadTp1G3SgFZjmnQaW/PWYUMQAy0DPQM/jCSMgq0osIAWrxN2BfvtOt9Stj5nGhkybMTsi/m7XzKPGE3ZAQU4Nmos8GvXODhgAJrnH2feTgWdv3JKpw5aUQCQAf2Uj7ABEYUWLcbZtLpXDx8lDaM+aKaXBvQYmh0g5IpqJtqSPNFwekmtEDOJfIDbnJ2VL8xBDcnGSQX8LBT4suABrytMRQVh2WSmog89Of5CzQzFbOQjzzKs0CBAhwumxQQ+RrLDbeYp5+JnOXSlRCqQhrNcxnDTEcrBWR5btalkQ6Lrc5ZdQZGmlLMCGiAFMiXhrJD1LqEZ8cEVMfZUC2OGsVER3G5hgt50JDiGmVTKQ4f0p0YqpbhnZbHRECmUjn62Yq65/Nx8jsZ3EypOynVdJQ+VQkThoD06AacZw5856YBBeIiNir+WP5B/hU5Sm/iDRIsIqA2QxFFJ1ggkUJIMFP4achk=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAASQAA0AAAAABZQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALQAAAC4SbCJ7T1MvMgAAAYAAAABVAAAAYGoJqFtjbWFwAAAB2AAAADwAAABUAMohV2dhc3AAAAIUAAAAEAAAABAAGAAjZ2x5ZgAAAiQAAADAAAAAwELfCadoZWFkAAAC5AAAADYAAAA2QI6502hoZWEAAAMcAAAAHwAAACQg+BoJaG10eAAAAzwAAAAXAAAAGAcQAE5sb2NhAAADVAAAAA4AAAAOAIgAiG1heHAAAANkAAAAHAAAACAAJwL8bmFtZQAAA4AAAADfAAAB9iheQ6xwb3N0AAAEYAAAADAAAABG/5SrMAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBi0AFCZhc3nxAGicSixCQGkZzEkjwGEQYQYAER//+DSACSpgcYAAAAeNothbUBQlEUxXINXeItQYVToTVuHSMwAxXDUFGxGPblSILrVe4E6E1XwKywHOhIqybaDAs1/oPsSpnJaJHkBenh3c8Z/KLrhAwB1PUJJKo/6ZYKbgAAAHjaY2BgYAJiZiAWAZKMYJqFwQFI8zBwAOVYgCxeBgWGBQpb/v8HspF5jP+//n/8P/V+AEgfAgAAknEOOQABAAMACAAKABAAB///AA8AAgAgAAABuAMMAAMABwAAMxEhESUhESEgAZj+pAEg/uADDPz0PAKUAAEALv/0AkYCxgA1AAAFIi4CNTQ2NyM1MzchNSE2NTQmIyIGByc+ATMyHgIVFAczFSMHIRUhDgEVFBYzMjY3Fw4BATwwTTYeCAVKfab+3QF3CUE6J0YeNSpmNyxJNR0JTn6mAST+iAgIRzwqSykzKG4MHDFFKhYjD0NgQxYdNjUeIzUuKBgtQSgiGENgQw4gFDw8Iys3MDEAAQAAAAEZ24PIZ+JfDzz1AAkD6AAAAADhZaMnAAAAAONTufD/Nf3IHYMEMwAAAAkAAgAAAAAAAHjaY2BkYGCx/ZfIwCC74b/p34+yzUARVMAGAJdPBjgAeNpjvMGgwAACbyCYqYRBD0QDADUWBGIAAAAAFAAUABQAFABgAGAAAHjaY2BkYGBgYwpmEGNYzsAO5iEAMwMjABl9ASZ42pzQgUcDUQDH8c+1lYL9AYEHCLq1mVQDFSlKKULAmrWOs513iwL6s/rz4jyXBRLwfbz38fOw7UVH1t3BU3aYOrOX9VJv6GVSd1z6St115DP1pt3W2TI0St0zwquVlcqJvr7aVFSorNRytUIptxTN9d26cO3KmRt3SjPvHkws1E5FE88KU/vuzcy9KU1Ej2Zioy0tBAO5gQODZIVWC60X1sTwS/wRxq0x/sey9dNf15xbqnyICvPmD4Nhs+ZYkJTmVlTJm9elUvgeko5iMC8VSIPCpgxIpjDoAQAxiEkuAHjaY2BiAIP/CxlsGLABNiBmZGRiYGZkZmRhL83LNDAwcAHRRgZOJhC+owEAx1QIaw==) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-latin-ext-400-normal-BpLfq-63.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-ext-400-normal-BeVLg08x.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-400-normal-CFZh1unN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-MJZ0liF5.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(data:font/woff2;base64,d09GMgABAAAAAAXEABAAAAAACuAAAAVrAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQIVgmCcxEQCoMsgzILDgABNgIkAxgEIAWDVAdGDIUGG7wJCB4H1c0P0w9MhnQ9uzoNh1fw0P9v2rn3PcQS0kK8k0vE8JrFiDhxqEeouNCVP5XfnWH9hdX5N7OvLjy8u15iba0WUZAG8jWPKOODE7zL/+/a//9e1TfO88zjYwsGQxEM4Fjvvp+buTsWjjFBA9RaQcfCaBfYWEC1lmtUAKypTXOZjG0ssIJh/6o+EgHYKVdOxDr6RrGiA+QARLaAAO3nxXv/5BSeM3lwNx5A1mm6vE0mMIFMUxP0/tliA4m0zCqkw6KZpIbUAA2QAADds1+Jl0A9+qr/J6FvlUmFaAGQdpkFFAsgAQ3w0BCAh04zcGJFogMulAf6kzlgvyRy//hK6jiCwXsrMqLPem0Sthi0U5+Fgm7S5ZALbnXYCdskxHVott1ZtwBnbilO0Y1Z7MMs7ThlFqf82pJNn9KAwDKwxROPCXFL0hC5SwaxOosNbeOGoIEIKNW+LZYRm4IGMmAgGn1BAy2gOjJaTcdwoiqp0irdPZNWHWrr5ExGrzHhFaek0smwyjAS25r5o+HLNCfL5pakksnlQQNdj+vZdBIltV2Jbw/7fm4EDUyBXpXRauOJoUTmbKzMyVhY4POp9sxL8cS4Givz9WGfMV84TFunthVfnVpy5kafsqrJkSib/TDJm2a7Vb7M2Thalq5Ktr0MXgp+BaK5YKA8XatpN8TZ+Bp5FqrMhaahlE2WDf+XsaCBLdA7kmiPlfl8ySACDSt23Cy5nHwAzAA4AQ1YCXoBgA78TQIAAnR9ocPiMk85TPbJ9LtvvivO3V1kF44Ju3DdLs69ak/Hx198z3H9nTfe4Wx2YB914byDs7/j+ntNY8+9rZx3OJsmvl/3/fIux+LhisPlPY2uquKukX3Xe2+Mng2F4YZQ37K2eN12/6pof3m8vLW2dKJ39NjVXjmyO+5ZeGFBTauaiA317FqYBcjSsWIrmLPMQHcb8DoG2sOAcJkFykbSQHxswP2iUyq6lo8jUQVLqYUWIZmsVFeqZuutpmdxUYr9bukKt5gIc9HEhVzfovE7F2L9LHbk3/PGfOwLbIi/DS43w/NoqfSkib+zCtHoppPy3Aa+Txy2tJraaQ210XoglwctETaCTxqJIgBR8lHf5kBmY/7Kf6w27XuAL1IP1wN8NTL7h6IbT7Z/9BHAhgRAwM8jV5FF5NEeCAZeZvE+SurnckieoZ5Twt1ZtlPoERYEAHaQ6P+hIQArm5tVug1YkzzWIVjuQ4ckj5cdGj3OH9SlDhOltjrMLLQQ8jABWx0cWfZaLjz5gGn7bePhoJUhhAE76WfZY78twgZ16NOtVb+4nVKOGjFptwNa7DdpyjbTgkak7LJNqz12mjEuZb/ud/fYTYkKiYqItrjiAKmw90fR4fVbHLLTpP2aCa2MSodV8q2gjTb2OvYh2paPaijzLzq6jJIiYtiftJDu0Z12UpnaARZSlKZ+5WEpM0IkAOQiYdCHGRBCoglN6JZDu7dFjIpheH6kdSF/Y0vEAL8sQRHpF7WhmEZffMxCfpWK5QNW/4uU8KtWzsPZnleqjlJiDoeRhMsEbZbwq+JdPVnSbaWwFSWgxdlRtcoUYLLOiJhFCYswYaLJQpcpl643s1iAT4mdbKHDMsGEczFhZYFGZy6Wh7ZLhCA8l9nZbkJMVLm5zMEJMwYsVW0mO6mnFDdox3oX/ZpEVD/meB4Rdddan0+DKmWK3g7dwox34eQCYXUqWpiDwBrzgs+1iJ9vvUeTBerMO3K9V7tl/Cq+YH2hQS0WqPnK1UUmdFqizl1IVhkrFr8B/8IFWZpUEAepaBZ7xQPMjYdkIQyxhw9qE9QBaD6e5YeBTU7sEfc3fleVZ4yrwgi4GwAA) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAASIAA0AAAAABWgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALQAAAC4SbCJ7T1MvMgAAAYAAAABVAAAAYGrVqptjbWFwAAAB2AAAADwAAABUAMohV2dhc3AAAAIUAAAAEAAAABAAGAAjZ2x5ZgAAAiQAAAC4AAAAuIJK/GhoZWFkAAAC3AAAADYAAAA2QeK54WhoZWEAAAMUAAAAHwAAACQiTBstaG10eAAAAzQAAAAXAAAAGAcbAEhsb2NhAAADTAAAAA4AAAAOAIIAgm1heHAAAANcAAAAHAAAACAAJwLrbmFtZQAAA3gAAADgAAAB1CR4QVVwb3N0AAAEWAAAADAAAABG/6irTAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBi0AFCZhc3nxAGicSixCQGkZzEkjwGEQYQYAER//+DSACSpgcYAAAAeNothQEGgEAUBee/Npu6xF4jhAKSANggAjpLB+gkgUAnS5saMwanXZEctKXD8N1motWFqfJZrowkvImfvhuDXRAO19wLuFVTwFoAlTqBgH8A6joKfQAAAHjaY2BgYAJiZiAWAZKMYJqFwQFI8zBwAOVYgCxeBgWGBQpb/v8HspF5jP+//n/8P/V+AEgfAgAAknEOOQABAAMACAAKABAAB///AA8AAgAgAAABuAMMAAMABwAAMxEhESUzESMgAZj+wOjoAwz89FgCXAABACj/9AJXAsYAMwAABSIuAjU0NjcjNTM3IzUhNjU0JiMiByc+ATMyHgIVFAczFSMHIRUhBhUUFjMyNjcXDgEBSTZTOB0DAkhxjP0BbAYzLkw0RCNrPTFONh0GS3mJAQL+kgY5MyVDJkUlbgwgN0sqDRQJU0xUDxYvKjpRKCwdMUMmGhhUTFMRFDQ0IShSKzUAAAEAAAABGdsFooBeXw889QAJA+gAAAAA4WWjKAAAAADjU7nx/xf9tB71BFMAAAAJAAIAAAAAAAB42mNgZGBgsf2XyMAgL/Ff/O9aua9AEVTABgCI7wWzAHjaY7zBoMAAAm8gmKmeQQNEAwA1RQRnAAAAABMAEwATABMAXABcAAB42mNgZGBgYGNyZRBjWMLADuYhADMDIwAX4AEVeNqdkAVqA0AQAKfuxYoVuwfUXZC6u7dY3TUenL4vL8hrMhBP0HA2e+sLdPJMC02tXcBN00CBm1ggW+Bm+snk2XuH/wK3Vti0MchrgduZcuW5X0JNzPWr/agrygMR3pRj8ghR+dP3hwgv6g/ZYI9tVtjnSM0TKU6541vLZSLSPW/GGOZU3Ze8wo92j1woRzCe8jeBcUY8Y54yLRYiB6mRHCfKL8TlOyKlWIUYUiGKVBkn1MVZ9f0lTYQ3XnBCBCawQualQly0IqLdCMbj0xUqPKIo8eT75JvwfmQkB3SuRO942mNgYgCD/1sZIhiwATYgZmRkYmBmZGZkYS/NyzQwMHAB0UYGTiYQvqMBANKMCJs=) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-latin-ext-600-normal-DjDAeNQD.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-ext-600-normal-DT29Q8HW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-latin-600-normal-KrqB56Mw.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-600-normal-Dk5eISD_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-arabic-700-normal-BuUEWU-Z.woff2) format("woff2"),url(/assets/baloo-bhaijaan-2-arabic-700-normal-C3qElwAX.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-vietnamese-700-normal-CxWeZztf.woff2) format("woff2"),url(/assets/baloo-bhaijaan-2-vietnamese-700-normal-CYvrZc_o.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-latin-ext-700-normal-B1tLM8Qb.woff2) format("woff2"),url(/assets/baloo-bhaijaan-2-latin-ext-700-normal-CEI6CUW4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-latin-700-normal-BcS7CKzU.woff2) format("woff2"),url(/assets/baloo-bhaijaan-2-latin-700-normal-DkTl8DJ7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #141517;--bg-soft: #18191c;--surface: #1e2024;--surface-2: #25272c;--surface-3: #2e3138;--border: #2e3138;--border-strong: #454a54;--text: #f3f4f6;--text-soft: #c7cbd1;--muted: #9ca3af;--accent: #ff5e1a;--accent-hover: #ff7a42;--accent-strong: #d94a0f;--accent-soft: rgba(255, 94, 26, .14);--accent-text: #ff8a5c;--accent-2: #3b82f6;--accent-2-soft: rgba(59, 130, 246, .16);--accent-3: #ffb800;--good: #00a86b;--good-ink: #00a86b;--good-soft: rgba(0, 168, 107, .16);--warn: #ffb800;--warn-soft: rgba(255, 184, 0, .16);--bad: #ff4f00;--bad-ink: #ff7a42;--bad-soft: rgba(255, 79, 0, .16);--ml: #0057ff;--ml-soft: rgba(0, 87, 255, .16);--nn: #ff4f00;--nn-soft: rgba(255, 79, 0, .16);--lab: #00a86b;--lab-soft: rgba(0, 168, 107, .16);--xp: #ffb800;--xp-ink: #ffb800;--xp-soft: rgba(255, 184, 0, .16);--graph-positive: #0057ff;--graph-negative: #ff4f00;--graph-output: #ffb800;--graph-output-ink: #111315;--on-accent: #141517;--on-accent-2: #ffffff;--on-active: #111315;--shadow: 6px 6px 0 rgba(0, 0, 0, .35);--shadow-soft: 0 1px 0 rgba(0, 0, 0, .35);--btn-shadow: 0 2px 0 #0b0c0e;--btn-shadow-primary: 0 2px 0 #a83a0a;--radius: 10px;--radius-sm: 6px;--sidebar: 252px;--font-sans: "Inter", "Segoe UI Variable Text", "Segoe UI", "Noto Sans Arabic", "Noto Sans", Tahoma, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "Cascadia Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;color-scheme:dark}[data-theme=light]{--bg: #f4f5f7;--bg-soft: #eceef1;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #e9ecf0;--border: #dde1e6;--border-strong: #b9c0c8;--text: #111315;--text-soft: #33383d;--muted: #5a6065;--accent: #ff4f00;--accent-hover: #e04600;--accent-strong: #c93d00;--accent-soft: rgba(255, 79, 0, .1);--accent-text: #c93d00;--accent-2: #0057ff;--accent-2-soft: rgba(0, 87, 255, .1);--accent-3: #ffb800;--good: #00a86b;--good-ink: #007a4d;--good-soft: rgba(0, 168, 107, .1);--warn: #ffb800;--warn-soft: rgba(255, 184, 0, .14);--bad: #ff4f00;--bad-ink: #c93d00;--bad-soft: rgba(255, 79, 0, .1);--ml: #0057ff;--ml-soft: rgba(0, 87, 255, .1);--nn: #ff4f00;--nn-soft: rgba(255, 79, 0, .1);--lab: #00a86b;--lab-soft: rgba(0, 168, 107, .1);--xp: #ffb800;--xp-ink: #8a5a00;--xp-soft: rgba(255, 184, 0, .14);--graph-positive: #0057ff;--graph-negative: #ff4f00;--graph-output: #ffb800;--graph-output-ink: #111315;--on-accent: #141517;--on-accent-2: #ffffff;--on-active: #ffffff;--shadow: 5px 5px 0 rgba(17, 19, 21, .16);--shadow-soft: 0 1px 0 rgba(17, 19, 21, .08);--btn-shadow: 0 2px 0 #b9c0c8;--btn-shadow-primary: 0 2px 0 #b93700;color-scheme:light}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15.5px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.025em;font-weight:600}h1{font-size:clamp(1.8rem,3vw,2.5rem)}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul,ol{margin:0;padding-inline-start:1.25rem}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:20px 14px;background:var(--bg-soft);border-inline-end:1px solid var(--border);z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 16px;border-bottom:1px solid var(--border)}.brand-mark{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--accent)}.brand-name{font-weight:600;font-size:1rem;letter-spacing:-.02em}.brand-sub{font-size:.7rem;color:var(--muted);line-height:1.3}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--muted);padding:10px 10px 4px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:var(--text-soft);font-size:.89rem;font-weight:500;border:1px solid transparent;transition:background .14s ease,color .14s ease,border-color .14s ease}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--surface-2);border-color:var(--border);color:var(--text)}.nav-icon{width:20px;display:grid;place-items:center;color:var(--muted)}.nav-link.active .nav-icon{color:var(--accent)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.xp-box{padding:14px 4px 0;border-top:1px solid var(--border)}.xp-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.76rem;color:var(--muted);margin-bottom:8px}.xp-top strong{color:var(--text);font-size:.86rem}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px clamp(16px,3vw,34px);background:var(--bg);border-bottom:1px solid var(--border)}.topbar-title{font-size:.86rem;font-weight:500;color:var(--text-soft)}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--text-soft);font-size:.75rem;transition:background .14s ease,border-color .14s ease,color .14s ease}.icon-btn:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.icon-btn:active{transform:translateY(1px)}.menu-btn{display:none}.content{width:100%;max-width:1180px;margin-inline:auto;padding:30px clamp(16px,3vw,38px) 64px;animation:fadeUp .24s ease both}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.page-head h1{font-size:clamp(1.55rem,2.8vw,2.15rem)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.eyebrow:before{content:"";width:20px;height:7px;flex:0 0 auto;background:radial-gradient(circle at 3px 3.5px,var(--accent) 2px,transparent 2.5px),linear-gradient(var(--accent),var(--accent)) 8px 3px / 12px 1px no-repeat}.lead{color:var(--muted);max-width:58ch;margin-top:8px;font-size:1rem}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-main-aside{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);align-items:start}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title{font-size:.95rem;font-weight:600}.card-sub{font-size:.8rem;color:var(--muted);margin-top:3px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(24px,4vw,48px);align-items:center;padding:6px 0 30px;margin-bottom:24px;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(2rem,3.8vw,3rem);font-weight:600;max-width:18ch}.hero p{color:var(--text-soft);max-width:56ch;margin-top:12px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-visual{background-color:var(--surface);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--border);border-radius:12px;padding:14px}.hero-visual-head,.hero-visual-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--muted)}.hero-visual-head{margin-bottom:4px}.hero-visual-foot{border-top:1px solid var(--border);padding-top:8px;margin-top:2px}.hero-visual svg{display:block;width:100%;height:auto}.hero-node-label{font-family:var(--font-mono);font-size:11px;fill:var(--text)}.hero-node-value{font-family:var(--font-mono);font-size:10px;fill:var(--muted)}.hero-output-label{font-family:var(--font-mono);font-size:11px;font-weight:600;fill:var(--bg)}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{padding:15px 18px;border-inline-end:1px solid var(--border)}.stat:last-child{border-inline-end:0}.stat-label{font-size:.72rem;color:var(--muted);font-weight:500}.stat-value{font-size:1.55rem;font-weight:500;margin-top:2px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-hint{font-size:.7rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:7px;border:1px solid var(--border-strong);background:transparent;color:var(--text);font-size:.87rem;font-weight:500;transition:background .14s ease,border-color .14s ease,color .14s ease}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-ghost{border-color:transparent}.btn-danger{border-color:var(--border);color:var(--bad);background:transparent}.btn-sm{padding:4px 9px;font-size:.78rem;border-radius:6px}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;border-radius:0;background:none;font-size:.72rem;font-weight:500;color:var(--muted);white-space:nowrap}.badge-accent{color:var(--accent)}.badge-good{color:var(--good)}.badge-warn{color:var(--warn)}.badge-bad{color:var(--bad)}.progress-track{height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .25s ease}.muted{color:var(--muted)}.small{font-size:.82rem}.tiny{font-size:.72rem}.mono{font-family:var(--font-mono);font-size:.86em;font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:7px}.divider{height:1px;background:var(--border);margin:14px 0}.math-inline,.math-block{direction:ltr;unicode-bidi:isolate;font-family:KaTeX_Main,Times New Roman,serif}.math-block{display:block;overflow-x:auto;overflow-y:hidden;padding:8px 4px;text-align:center}.math-block .katex-display{margin:0}.katex{font-size:1.04em}.formula-box{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:10px 14px;overflow-x:auto}.legend{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.75rem;color:var(--muted)}.legend-swatch{display:inline-block;width:14px;height:3px;border-radius:2px;margin-inline-end:6px;vertical-align:middle}.swatch-soft{background:var(--accent);opacity:.25}.swatch-strong{background:var(--accent);opacity:.8}.field{display:flex;flex-direction:column;gap:6px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;font-weight:500;color:var(--text-soft)}.field-value{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);direction:ltr;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--surface-3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--surface-3)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}input[type=number],input[type=text],select{width:100%;padding:8px 11px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:.88rem}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--accent);outline:none}.segmented{display:inline-flex;padding:2px;gap:2px;background:transparent;border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.segmented button{border:none;background:transparent;color:var(--muted);padding:5px 10px;border-radius:6px;font-size:.78rem;font-weight:500;transition:background .14s ease,color .14s ease}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface-2);color:var(--text)}.readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.readout-box{padding:11px 13px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2)}.readout-label{font-size:.7rem;color:var(--muted);font-weight:500}.readout-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:500;direction:ltr;color:var(--text);margin-top:2px;font-variant-numeric:tabular-nums}.readout-value.accent{color:var(--accent)}.readout-value.good{color:var(--good)}.graph-wrap{position:relative;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);overflow:hidden}.graph-tools{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:2;display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.graph-tools .btn{min-width:28px;padding:2px 7px}.graph-zoom{min-width:42px;text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--muted);direction:ltr}.graph-wrap svg g[role=button]:focus-visible{outline:none}.graph-wrap svg g[role=button]:focus-visible line{stroke:var(--text)}.prob-bar{width:100%;min-width:80px;height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden;direction:ltr}.prob-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .12s ease-out}.neuron-node{cursor:pointer}.neuron-node:focus-visible circle{outline:2px solid var(--accent)}.trace{display:flex;flex-direction:column;gap:6px}.trace-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:7px;border:1px solid var(--border);background:transparent}.trace-step.active{border-color:var(--accent);background:var(--accent-soft)}.trace-index{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-size:.68rem;font-weight:600;background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums}.trace-step.active .trace-index{background:var(--accent);color:var(--bg)}.trace-body{min-width:0}.trace-label{font-size:.8rem;font-weight:500;color:var(--text-soft)}.callout{padding:11px 13px;border-radius:7px;border:1px solid var(--border);border-inline-start:2px solid var(--accent);background:var(--surface-2);font-size:.84rem;color:var(--text-soft)}.quiz-option{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:start;padding:10px 13px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-soft);font-size:.86rem;transition:border-color .14s ease,background .14s ease,color .14s ease}.quiz-option:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.quiz-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.quiz-option.correct{border-color:var(--good);background:color-mix(in srgb,var(--good) 9%,transparent)}.quiz-option.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,transparent)}.quiz-marker{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-strong);font-size:.68rem;font-weight:600}.quiz-option.selected .quiz-marker{background:var(--accent);border-color:var(--accent);color:var(--bg)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}.lesson-aside{position:sticky;top:82px;display:flex;flex-direction:column;gap:14px}.lesson-layout>.stack>.card{padding:22px 0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}.lesson-layout>.stack>.page-head+.card{border-top:0;padding-top:0}.lesson-section{margin-top:0}.lesson-section h2{font-size:1.15rem;margin-bottom:10px}.lesson-section p{color:var(--text-soft);margin-top:8px}.lesson-list{display:flex;flex-direction:column;gap:0}.lesson-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-radius:0;border:0;border-top:1px solid var(--border);color:var(--text-soft);font-size:.85rem;transition:color .14s ease,background .14s ease}.lesson-list>.lesson-item:first-child{border-top:0}.lesson-item:hover,.lesson-item.current{color:var(--text)}.lesson-item.done{color:var(--good)}.lesson-num{flex:0 0 auto;width:24px;height:24px;border-radius:5px;display:grid;place-items:center;font-size:.68rem;font-weight:600;background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums}.lesson-item.current .lesson-num{background:var(--accent);color:var(--bg)}.lesson-item.done .lesson-num{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.stage-card{position:relative;overflow:hidden;padding:20px;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:border-color .18s ease}.stage-card:hover{border-color:var(--border-strong)}.stage-card.locked{opacity:.55}.stage-accent{display:none}.stage-world{font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--muted)}.stage-card h3{font-size:1.05rem;margin-top:4px}.stage-card p{color:var(--muted);font-size:.84rem;margin-top:6px}.achievement{display:flex;gap:13px;padding:15px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.achievement.unlocked{border-color:var(--border-strong);border-inline-start:2px solid var(--accent)}.achievement-icon{flex:0 0 auto;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:var(--surface-2);border:1px solid var(--border)}.achievement.unlocked .achievement-icon{color:var(--accent);border-color:var(--border-strong);background:var(--accent-soft)}.achievement-icon-sm{flex:0 0 auto;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.achievement h4{font-size:.92rem}.achievement p{font-size:.8rem;color:var(--muted);margin-top:3px}.challenge-card{padding:20px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.challenge-card.solved{border-color:color-mix(in srgb,var(--good) 45%,var(--border))}.challenge-card h3{font-size:1.02rem;margin-top:4px}.challenge-card>p{color:var(--muted);font-size:.85rem;margin-top:6px}.challenge-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.matrix-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.76rem;direction:ltr}.matrix-table th,.matrix-table td{padding:5px 8px;border:1px solid var(--border);text-align:center}.matrix-table th{color:var(--muted);font-weight:500;background:var(--surface-2)}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:start}.data-table th{color:var(--muted);font-size:.72rem;font-weight:500}.data-table td.num{direction:ltr;font-family:var(--font-mono)}.math-details{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:10px 12px}.math-details summary{cursor:pointer;font-weight:500;font-size:.84rem;color:var(--text)}.trace-list{margin:12px 0 0;padding-inline-start:20px;display:grid;gap:12px}.trace-list li::marker{color:var(--accent);font-weight:600}.trace-eq{font-size:.9rem}.trace-num{margin-top:4px;direction:ltr;text-align:start;font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#00000094}.modal{width:min(460px,100%);padding:22px;border-radius:12px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow)}.mobile-overlay{display:none}.footer-note{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:.74rem;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.empty{padding:26px;text-align:center;color:var(--muted);font-size:.88rem}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.check-list{display:flex;flex-direction:column;gap:8px;padding:0;list-style:none}.check-list li{display:flex;gap:10px;font-size:.87rem;color:var(--text-soft)}.check-list li:before{content:"";flex:0 0 auto;width:6px;height:10px;margin-top:5px;border:solid var(--good);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.bullet-list{display:flex;flex-direction:column;gap:7px;font-size:.87rem;color:var(--text-soft)}.bullet-list li::marker{color:var(--accent)}.reference-list{font-size:.75rem;color:var(--muted);display:flex;flex-direction:column;gap:4px}.quick-labs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:9px;overflow:hidden}.quick-lab{display:flex;gap:11px;padding:13px;background:var(--surface);transition:background .14s ease}.quick-lab-icon{flex:0 0 auto;color:var(--accent)}.quick-lab-kicker{display:block;font-size:.68rem;color:var(--muted)}.quick-lab-title{display:block;font-size:.88rem;font-weight:600;margin-top:2px}.quick-lab-formula{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}.path-card{display:block;transition:border-color .14s ease,background .14s ease}.path-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.path-card.locked{opacity:.62}.path-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--accent)}.toast{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:120;padding:10px 14px;border-radius:8px;background:var(--surface);border:1px solid var(--border-strong);border-inline-start:2px solid var(--good);color:var(--text);font-size:.84rem;box-shadow:var(--shadow);animation:fadeUp .2s ease both}.tab-row{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:8px 12px;border:none;background:transparent;color:var(--muted);font-size:.84rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 1080px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-aside{position:static;order:-1}}@media (max-width: 960px){.hero{grid-template-columns:minmax(0,1fr);gap:26px}.hero-visual{max-width:560px}.grid-main-aside{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;transform:translate(calc(-1 * var(--sidebar) - 20px));transition:transform .22s ease;box-shadow:var(--shadow)}[dir=rtl] .sidebar{transform:translate(calc(var(--sidebar) + 20px))}.sidebar.open{transform:translate(0)}.menu-btn{display:grid}.mobile-overlay.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000080}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width: 720px){.grid-2,.grid-3,.grid-4,.readout{grid-template-columns:minmax(0,1fr)}.content{padding-top:22px}.topbar{padding:10px 14px}.hero{padding-top:0}.hero h1{font-size:clamp(1.8rem,8vw,2.4rem)}.quick-labs{grid-template-columns:minmax(0,1fr)}.toast{inset-inline:16px;inset-block-end:16px}.matrix-table{font-size:.7rem}}@media (max-width: 560px){.stat-strip{grid-template-columns:minmax(0,1fr)}.stat{border-inline-end:0;border-bottom:1px solid var(--border)}.stat:last-child{border-bottom:0}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}}body{background:var(--bg);font-size:15.5px;line-height:1.6}::selection{background:var(--accent-2);color:var(--on-accent-2)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:3px}.sidebar{background:var(--bg-soft);border-inline-end:1px solid var(--border)}.brand{padding-bottom:14px;border-bottom-color:var(--border)}.brand-mark{border-radius:7px;background:var(--accent);border:1px solid var(--accent-strong);color:var(--on-accent);box-shadow:var(--btn-shadow-primary)}.brand-name{font-weight:700;letter-spacing:-.035em}.brand-sub{font-size:.67rem;color:var(--muted)}.nav-label{font-family:var(--font-mono);font-size:.61rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:12px}.nav-link{position:relative;border-radius:5px;border:1px solid transparent;color:var(--text-soft);font-weight:500}.nav-link:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.nav-link.active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.nav-link.active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:6px;width:3px;border-radius:1px;background:var(--nav-tone, var(--accent))}.nav-icon{color:var(--nav-tone, var(--muted))}.nav-link.active .nav-icon{color:var(--nav-tone, var(--accent))}.nav-link-ml{--nav-tone: var(--ml)}.nav-link-nn{--nav-tone: var(--nn)}.nav-link-lab{--nav-tone: var(--lab)}.xp-box{border-top-color:var(--border)}.xp-top{font-family:var(--font-mono);color:var(--muted)}.xp-top strong,.xp-top span:last-child{color:var(--xp)}.xp-top strong{font-size:.92rem}.xp-box .progress-fill{background:var(--xp)}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-title{color:var(--text);font-weight:600}.icon-btn{border-radius:5px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);box-shadow:0 1px 0 var(--border-strong)}.icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.icon-btn:active{transform:translateY(1px);box-shadow:none}.content{padding-top:34px}.eyebrow{font-family:var(--font-mono);font-size:.67rem;letter-spacing:.03em;color:var(--muted)}.eyebrow:before{width:6px;height:6px;border-radius:1px;background:var(--accent)}.lead{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card-pad{padding:20px}.card-title{font-weight:600}.card-sub{color:var(--muted)}.hero{border-bottom-color:var(--border)}.hero h1{font-weight:600;letter-spacing:-.04em}.hero-visual{background-color:var(--surface);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-soft)}.hero-visual-head,.hero-visual-foot{font-family:var(--font-mono)}.hero-node-label{fill:var(--text)}.hero-node-value{fill:var(--muted)}.hero-output-label{fill:var(--graph-output-ink)}.stat-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stat{border-inline-end-color:var(--border)}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--muted)}.stat-value{font-weight:600;letter-spacing:-.04em}.stat-strip .stat:nth-child(-n+2) .stat-value{color:var(--xp)}.btn{border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--btn-shadow);transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.btn:hover{background:var(--surface-2);border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:none}.btn:disabled{opacity:.45;transform:none;box-shadow:none;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:var(--btn-shadow-primary)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn-primary:active{box-shadow:none}.btn-ghost{border-color:transparent;background:transparent;box-shadow:none}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border);color:var(--accent-2)}.btn-danger{background:var(--surface);border-color:var(--bad);color:var(--bad);box-shadow:0 2px 0 var(--bad-soft)}.btn-danger:hover{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.btn-sm{border-radius:4px}.badge{padding:2px 7px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);color:var(--text-soft);font-family:var(--font-mono);font-size:.68rem;font-weight:600;line-height:1.45}.badge-accent{background:var(--accent);border-color:var(--accent-strong);color:var(--on-accent)}.badge-good{background:var(--good);border-color:var(--good);color:#111315}.badge-warn,.badge-xp{background:var(--xp);border-color:#c98f00;color:#111315}.badge-bad{background:var(--bad);border-color:var(--bad);color:#111315}.badge-ml{background:var(--ml);border-color:var(--ml);color:var(--on-accent-2)}.badge-nn{background:var(--nn);border-color:var(--nn);color:#111315}.badge-dl{background:var(--surface-3);border-color:var(--border-strong);color:var(--muted)}.badge-lab{background:var(--lab);border-color:var(--lab);color:#111315}.badge-level{background:var(--surface);color:var(--text-soft)}.progress-track{height:7px;padding:1px;border:1px solid var(--border);border-radius:2px;background:var(--surface-3)}.progress-fill{border-radius:0;background:var(--accent)}.path-card{border-top:3px solid var(--path-accent, var(--border-strong))}.path-card:hover{background:var(--surface-2);border-color:var(--path-accent, var(--border-strong))}.path-card-ml,.path-page-ml{--path-accent: var(--ml)}.path-card-nn,.path-page-nn{--path-accent: var(--nn)}.path-card-dl,.path-page-dl{--path-accent: var(--muted)}.path-card-ml .progress-fill,.path-page-ml .progress-fill,.lesson-page-ml .progress-fill{background:var(--ml)}.path-card-nn .progress-fill,.path-page-nn .progress-fill,.lesson-page-nn .progress-fill{background:var(--nn)}.path-icon{width:40px;height:40px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.path-icon-ml{background:var(--ml);border-color:var(--ml);color:var(--on-accent-2)}.path-icon-nn{background:var(--nn);border-color:var(--nn);color:#111315}.path-icon-dl{background:var(--surface-3);border-color:var(--border-strong);color:var(--muted)}.path-page-ml .eyebrow:before,.lesson-page-ml .eyebrow:before{background:var(--ml)}.path-page-nn .eyebrow:before,.lesson-page-nn .eyebrow:before{background:var(--nn)}.path-page-ml .stage-world{color:var(--ml)}.path-page-nn .stage-world{color:var(--nn)}.path-page-ml .stage-card{border-top-color:var(--ml)}.path-page-nn .stage-card{border-top-color:var(--nn)}.path-page-ml .lesson-item.current .lesson-num,.lesson-page-ml .lesson-item.current .lesson-num{background:var(--ml);border-color:var(--ml);color:var(--on-accent-2)}.path-page-nn .lesson-item.current .lesson-num,.lesson-page-nn .lesson-item.current .lesson-num{background:var(--nn);border-color:var(--nn);color:#111315}.quick-labs{border:1px solid var(--border);border-radius:6px;background:var(--border)}.quick-lab{background:var(--surface)}.quick-lab:hover{background:var(--surface-2)}.quick-lab-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--lab);border-radius:4px;background:var(--lab-soft);color:var(--lab)}.quick-lab-kicker{font-family:var(--font-mono);font-size:.64rem;color:var(--muted)}.formula-box{border:1px solid var(--border);border-radius:4px;background:var(--surface-2)}.legend-swatch{height:4px;border-radius:1px}.swatch-positive{background:var(--graph-positive)}.swatch-negative{background:var(--graph-negative)}.field-value{color:var(--accent-strong)}input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid var(--border);border-radius:2px;background:var(--surface-3)}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border-radius:3px;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--accent)}input[type=range]::-moz-range-track{height:6px;border:1px solid var(--border);border-radius:2px;background:var(--surface-3)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:3px;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--accent)}input[type=number],input[type=text],select{border:1.5px solid var(--border-strong);border-radius:4px;background:var(--surface)}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--accent-2);outline:2px solid var(--accent-2-soft);outline-offset:0}.segmented{padding:2px;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface-2)}.segmented button{border-radius:3px}.segmented button:hover{background:var(--surface-3);color:var(--text)}.segmented button.active{background:var(--accent-2);color:var(--on-active);box-shadow:0 1px #0000004d}.readout-box{border:1px solid var(--border);border-radius:4px;background:var(--surface-2)}.readout-value.accent{color:var(--accent-strong)}.graph-wrap{border:1px solid var(--border-strong);border-radius:6px;background:var(--surface)}.graph-tools{border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);box-shadow:var(--shadow-soft)}.graph-tools .btn{box-shadow:none}.prob-bar{border:1px solid var(--border);border-radius:2px;background:var(--surface-3)}.prob-bar span{border-radius:0;background:var(--graph-positive)}.trace-step{border:1px solid var(--border);border-radius:4px;background:var(--surface)}.trace-step.active{border-color:var(--accent-2);background:var(--accent-2-soft)}.trace-index{border:1px solid var(--border);border-radius:3px;background:var(--surface-2)}.trace-step.active .trace-index{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-active)}.callout{border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:4px;background:var(--surface-2)}.callout-info{border-inline-start-color:var(--accent-2)}.callout-warn{border-inline-start-color:var(--warn)}.callout-good{border-inline-start-color:var(--good)}.callout-bad{border-inline-start-color:var(--bad)}.quiz-option{border:1px solid var(--border-strong);border-radius:4px;background:var(--surface)}.quiz-option:hover{border-color:var(--accent-2);background:var(--surface-2)}.quiz-option.selected{border-color:var(--accent-2);background:var(--accent-2-soft)}.quiz-option.correct{border-color:var(--good);background:var(--good-soft)}.quiz-option.wrong{border-color:var(--bad);background:var(--bad-soft)}.quiz-marker{border-radius:3px;border-color:var(--border-strong)}.quiz-option.selected .quiz-marker{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-active)}.lesson-layout>.stack>.card{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.lesson-layout>.stack>.page-head+.card{border-top:1px solid var(--border);padding-top:20px}.lesson-item.done{color:color-mix(in srgb,var(--good) 65%,var(--text))}.lesson-num{border:1px solid var(--border);border-radius:3px;background:var(--surface-2)}.lesson-item.current .lesson-num{background:var(--accent);border-color:var(--accent-strong);color:var(--on-accent)}.lesson-item.done .lesson-num{background:var(--good-soft);border-color:var(--good);color:color-mix(in srgb,var(--good) 65%,var(--text))}.stage-card{border-top:2px solid var(--path-accent, var(--border-strong));border-radius:var(--radius)}.stage-card:hover{border-color:var(--path-accent, var(--border-strong))}.stage-world{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.04em}.achievement{border-radius:var(--radius-sm)}.achievement.unlocked{border-inline-start:3px solid var(--xp)}.achievement-icon{border-radius:5px}.achievement.unlocked .achievement-icon{background:var(--xp);border-color:var(--xp);color:#111315}.achievement-icon-sm{border-radius:4px;background:var(--xp-soft);color:var(--xp)}.challenge-card{border-radius:var(--radius)}.challenge-card.solved{border-color:var(--good)}.matrix-table th{background:var(--surface-2)}.data-table th{font-family:var(--font-mono);font-size:.67rem}.data-table tr.row-selected{background:var(--accent-2-soft)}.math-details{border:1px solid var(--border);border-radius:4px;background:var(--surface-2)}.trace-list li::marker{color:var(--accent)}.modal-backdrop{background:#0000009e}.modal{border:1.5px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.toast{border:1.5px solid var(--border-strong);border-inline-start:4px solid var(--good);border-radius:5px;box-shadow:var(--shadow)}.tab.active{color:var(--accent-2);border-bottom-color:var(--accent-2)}.empty{border:1px dashed var(--border);border-radius:4px;background:var(--surface-2)}.footer-note{font-family:var(--font-mono);font-size:.68rem}.mobile-overlay.show{background:#0000008c}.field-value,.readout-value.accent{color:var(--accent-text)}.xp-top strong,.xp-top span:last-child,.stat-strip .stat:nth-child(-n+2) .stat-value,.achievement-icon-sm{color:var(--xp-ink)}.path-page-ml .stage-world{color:color-mix(in srgb,var(--ml) 62%,var(--text))}.path-page-nn .stage-world{color:color-mix(in srgb,var(--nn) 62%,var(--text))}.quick-lab-icon{color:color-mix(in srgb,var(--lab) 68%,var(--text))}.btn-danger{color:var(--bad-ink)}.btn-danger:hover{color:var(--bad)}input[type=password],textarea{width:100%;padding:8px 11px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:.88rem}textarea{resize:vertical;min-height:72px;line-height:1.6}input[type=password]:focus,textarea:focus{border-color:var(--accent);outline:none}.link{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.xp-ink{color:var(--xp-ink)}.modal{max-height:calc(100vh - 40px);overflow-y:auto;width:min(620px,100%)}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:8px;border:1.5px solid rgba(0,0,0,.35);color:#111315;box-shadow:0 2px #0000004d}.user-chip{display:inline-flex;align-items:center;gap:10px;min-width:0}.user-chip-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.user-chip-name{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip:hover .user-chip-name{color:var(--accent-text)}.user-chip-meta{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-btn{position:relative}.bell-dot{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-size:.62rem;font-weight:600;animation:popIn .25s ease both}.account-btn{display:inline-grid;border-radius:8px;transition:transform .12s ease}.account-btn:hover{transform:translateY(-1px)}.sidebar-user{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 8px;border:1px solid var(--border);border-radius:6px;color:var(--text-soft)}.sidebar-user:hover{border-color:var(--border-strong);color:var(--text)}.sidebar-user-name{flex:1;min-width:0;font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .btn-block{margin-top:10px}.toast-stack{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:130;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 32px))}.toast-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1.5px solid var(--border-strong);border-inline-start:4px solid var(--good);border-radius:5px;box-shadow:var(--shadow);animation:fadeUp .22s ease both}.toast-xp{border-inline-start-color:var(--xp)}.toast-bad{border-inline-start-color:var(--bad)}.toast-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:6px;background:var(--xp-soft);color:var(--xp-ink)}.toast-good .toast-icon{background:var(--good-soft);color:var(--good-ink)}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.toast-title{font-size:.84rem;font-weight:600}.toast-detail{font-size:.76rem;color:var(--muted)}.toast-close{border:0;background:transparent;color:var(--muted);padding:4px;display:grid}.toast-close:hover{color:var(--text)}.gate{display:grid;justify-items:center;gap:10px;text-align:center;padding-block:36px;max-width:560px;margin-inline:auto}.gate-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;border:1.5px solid var(--border-strong);background:var(--surface-2);color:var(--accent-text)}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:40px;align-items:center;max-width:980px;margin-inline:auto;padding-block:12px}.auth-pitch{display:grid;gap:14px}.auth-benefits{list-style:none;padding:0;display:grid;gap:10px;margin-top:6px}.auth-benefits li{display:flex;align-items:center;gap:12px;font-size:.92rem;color:var(--text-soft)}.auth-benefit-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--accent-text)}.auth-card{display:grid;gap:14px}.auth-card .segmented{display:flex}.auth-card .segmented button{flex:1}.board-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.board-controls select{width:auto;min-width:160px}.my-rank{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-inline-start:4px solid var(--accent)}.my-rank-main{display:flex;align-items:center;gap:16px}.my-rank-main .card-title,.my-rank-main .card-sub{display:block}.my-rank-number{font-size:2rem;font-weight:600;line-height:1;color:var(--accent-text);min-width:2.2ch}.my-rank-side{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;max-width:560px;width:100%;margin:8px auto 0}.podium-step{display:grid;justify-items:center;gap:4px;text-align:center;animation:fadeUp .35s ease both}.podium-name{font-size:.84rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:.74rem;color:var(--muted)}.podium-block{width:100%;display:grid;place-items:center;border:1.5px solid var(--border-strong);border-bottom:0;border-radius:6px 6px 0 0;background:var(--surface-2);font-family:var(--font-mono);font-weight:600;font-size:1.1rem;color:var(--text-soft)}.podium-1 .podium-block{height:84px;background:var(--xp);border-color:#c98f00;color:#111315}.podium-2 .podium-block{height:60px}.podium-3 .podium-block{height:44px}.podium-step.is-self .podium-name{color:var(--accent-text)}.board{list-style:none;margin:0;padding:0;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden}.board-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.board-row:last-child{border-bottom:0}.board-row.is-self{background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent)}[dir=rtl] .board-row.is-self{box-shadow:inset -4px 0 0 var(--accent)}.board-rank{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--muted)}.board-row.top-1 .board-rank{color:var(--xp-ink)}.board-row.top-2 .board-rank,.board-row.top-3 .board-rank{color:var(--text-soft)}.board-score{font-weight:600;white-space:nowrap}.streak-card{display:flex;align-items:center;gap:14px}.streak-flame{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border-radius:8px;border:1.5px solid var(--border-strong);background:var(--surface-2);color:var(--muted)}.streak-card.is-safe .streak-flame{background:var(--accent);border-color:var(--accent-strong);color:var(--on-accent)}.streak-count{font-size:1.7rem;font-weight:600;line-height:1}.duel-list,.people-list,.activity-list,.notif-list{list-style:none;margin:0;padding:0}.duel-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.duel-row:last-child{border-bottom:0}.duel-score{font-size:.84rem;white-space:nowrap}.duel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn svg{vertical-align:-3px}.people-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.people-row:last-child{border-bottom:0}.class-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.class-code{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1.5px dashed var(--border-strong);border-radius:6px;background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:1.05rem;font-weight:600;letter-spacing:.18em}.class-code:hover{border-color:var(--accent)}.code-input{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.86rem}.activity-item:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft)}.activity-achievement,.activity-daily{color:var(--xp-ink)}.activity-challenge,.activity-duel,.activity-duel_invite,.activity-duel_result{color:var(--accent-text)}.activity-lesson{color:var(--good-ink)}.activity-user{font-weight:600}.activity-user:hover{color:var(--accent-text)}.activity-meta{display:inline-flex;gap:10px;font-size:.74rem;white-space:nowrap}.notif-list{overflow:hidden}.notif-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.9rem}.notif-list li:last-child .notif-row{border-bottom:0}.notif-row:hover{background:var(--surface-2)}.notif-row.unread{box-shadow:inset 4px 0 0 var(--accent);font-weight:600}[dir=rtl] .notif-row.unread{box-shadow:inset -4px 0 0 var(--accent)}.profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center}.profile-head h1{font-size:1.6rem}.profile-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.profile-stats .stat-value{color:var(--text)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.badge-tile{display:grid;justify-items:center;gap:6px;padding:12px 8px;text-align:center;border:1px solid var(--border);border-radius:6px;background:var(--surface-2)}.badge-tile .achievement-icon{background:var(--xp);border-color:#c98f00;color:#111315}.badge-tile-name{font-size:.8rem;font-weight:600;line-height:1.3}.compare-row{padding:7px 0}.compare-bars{display:flex;justify-content:center;height:7px;margin-top:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:2px;overflow:hidden}.compare-bar{height:100%;transition:width .4s ease}.compare-mine{background:var(--accent);margin-inline-start:auto}.compare-theirs{background:var(--accent-2);margin-inline-end:auto}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;border:1.5px solid rgba(0,0,0,.35);box-shadow:var(--btn-shadow);transition:transform .1s ease}.swatch-glyph{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-soft)}.swatch:hover{transform:translateY(-1px)}.swatch.active{outline:2px solid var(--text);outline-offset:2px}.toggle{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.today-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.today-card{display:flex;align-items:center;gap:14px;transition:transform .12s ease,border-color .12s ease}a.today-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.today-card .streak-flame{width:46px;height:46px}.today-card.is-ready .streak-flame{background:var(--xp);border-color:#c98f00;color:#111315}.today-card.is-safe .streak-flame{background:var(--accent);border-color:var(--accent-strong);color:var(--on-accent)}.today-value{font-family:var(--font-mono);font-size:1.35rem;font-weight:600;line-height:1.1}.guest-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-inline-start:4px solid var(--accent-2)}@keyframes popIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 900px){.auth-layout{grid-template-columns:minmax(0,1fr);gap:22px}.today-strip{grid-template-columns:minmax(0,1fr)}.profile-head{grid-template-columns:auto minmax(0,1fr)}.profile-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}}@media (max-width: 720px){.toast-stack{inset-inline:16px;inset-block-end:16px;width:auto}.topbar-actions .badge{display:none}.duel-row{grid-template-columns:minmax(0,1fr);gap:8px}.duel-actions{justify-content:flex-start}.board-row{grid-template-columns:40px minmax(0,1fr) auto;padding-inline:10px}.my-rank-number{font-size:1.6rem}.signin-btn{padding-inline:10px}}@media (prefers-reduced-motion: reduce){.toast-card,.podium-step,.bell-dot{animation:none}.compare-bar,.today-card,.swatch,.account-btn{transition:none}}:root,[data-theme=light]{--bg: #f4eee3;--bg-soft: #efe7d9;--surface: #fffdf8;--surface-2: #f8f2e8;--surface-3: #ede4d4;--border: #e6dccb;--border-strong: #c9b99f;--text: #1f1b2d;--text-soft: #3d3650;--muted: #655d72;--ink: #1f1b2d;--paper: #fffdf8;--accent: #c9432b;--accent-hover: #b23a24;--accent-strong: #9c321f;--accent-soft: rgba(201, 67, 43, .12);--accent-text: #b23a24;--accent-2: #2b59c3;--accent-2-soft: rgba(43, 89, 195, .12);--accent-3: #f0b429;--highlight: #ffd75e;--good: #2f8f6a;--good-ink: #1f6e50;--good-soft: rgba(47, 143, 106, .13);--warn: #f0b429;--warn-soft: rgba(240, 180, 41, .18);--bad: #c9432b;--bad-ink: #b23a24;--bad-soft: rgba(201, 67, 43, .12);--ml: #2b59c3;--ml-soft: rgba(43, 89, 195, .12);--nn: #c9432b;--nn-soft: rgba(201, 67, 43, .12);--dl: #8e4a8c;--lab: #2f8f6a;--lab-soft: rgba(47, 143, 106, .13);--xp: #f0b429;--xp-ink: #7a5000;--xp-soft: rgba(240, 180, 41, .2);--graph-positive: #2b59c3;--graph-negative: #c9432b;--graph-output: #f0b429;--graph-output-ink: #1f1b2d;--on-accent: #ffffff;--on-accent-2: #ffffff;--on-active: #ffffff;--dot: rgba(31, 27, 45, .09);--shadow: 0 1px 0 rgba(31, 27, 45, .04), 0 18px 40px -22px rgba(31, 27, 45, .28);--shadow-soft: 0 1px 0 rgba(31, 27, 45, .05), 0 8px 22px -16px rgba(31, 27, 45, .25);--shadow-lift: 0 2px 0 rgba(31, 27, 45, .05), 0 26px 50px -24px rgba(31, 27, 45, .35);--btn-shadow: 0 3px 0 #d8cbb5;--btn-shadow-primary: 0 4px 0 #8e2d1b;--radius: 22px;--radius-sm: 14px;--sidebar: 264px;--font-sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--font-display: "Baloo Bhaijaan 2", "IBM Plex Sans Arabic", "Segoe UI", sans-serif;--font-hand: "Aref Ruqaa", "Baloo Bhaijaan 2", serif;--font-mono: "Cascadia Mono", Consolas, "SF Mono", Menlo, "IBM Plex Sans Arabic", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}[data-theme=dark]{--bg: #17151d;--bg-soft: #1c1a23;--surface: #23202c;--surface-2: #2a2734;--surface-3: #343040;--border: #353141;--border-strong: #4b4659;--text: #f4efe6;--text-soft: #d9d2c6;--muted: #aaa2b2;--ink: #f4efe6;--paper: #23202c;--accent: #ff7a5c;--accent-hover: #ff9378;--accent-strong: #e8644a;--accent-soft: rgba(255, 122, 92, .16);--accent-text: #ff9c83;--accent-2: #7da2ff;--accent-2-soft: rgba(125, 162, 255, .16);--highlight: #8a6b12;--good: #4cc495;--good-ink: #6fd8ad;--good-soft: rgba(76, 196, 149, .16);--bad: #ff7a5c;--bad-ink: #ff9c83;--bad-soft: rgba(255, 122, 92, .16);--ml: #7da2ff;--ml-soft: rgba(125, 162, 255, .16);--nn: #ff7a5c;--nn-soft: rgba(255, 122, 92, .16);--dl: #d39bd1;--lab: #4cc495;--lab-soft: rgba(76, 196, 149, .16);--xp: #ffc94a;--xp-ink: #ffd36b;--xp-soft: rgba(255, 201, 74, .16);--graph-positive: #7da2ff;--graph-negative: #ff7a5c;--graph-output: #ffc94a;--graph-output-ink: #17151d;--on-accent: #1f1b2d;--on-active: #1f1b2d;--dot: rgba(244, 239, 230, .06);--shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 20px 40px -22px rgba(0, 0, 0, .7);--shadow-soft: 0 1px 0 rgba(0, 0, 0, .3), 0 10px 24px -16px rgba(0, 0, 0, .6);--shadow-lift: 0 2px 0 rgba(0, 0, 0, .3), 0 28px 50px -24px rgba(0, 0, 0, .8);--btn-shadow: 0 3px 0 #0f0e13;--btn-shadow-primary: 0 4px 0 #a8432f;color-scheme:dark}html{scroll-behavior:auto}body{font-family:var(--font-sans);font-size:16px;line-height:1.75;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.1px,transparent 1.4px);background-size:22px 22px;background-attachment:fixed}[dir=rtl] *,[dir=rtl] *:before,[dir=rtl] *:after{letter-spacing:normal!important}h1,h2,h3,h4,.card-title,.brand-name,.stat-value,.display{font-family:var(--font-display);font-weight:700;letter-spacing:0;line-height:1.25}h1{font-size:clamp(2rem,4vw,2.9rem);font-weight:800}::selection{background:var(--highlight);color:var(--ink)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px;border-radius:10px}.mono,.eyebrow,.nav-label,.stat-label,.xp-top,.hero-visual-head,.hero-visual-foot,.lesson-num,.field-value{font-family:var(--font-sans);text-transform:none}.mono{font-variant-numeric:tabular-nums}.hand{font-family:var(--font-hand);font-weight:700}.app-shell{min-height:100vh}.sidebar{background:transparent;border-inline-end:0;padding:22px 16px 18px;gap:20px;overflow-y:auto}.sidebar:after{content:"";position:absolute;inset-block:26px;inset-inline-end:0;width:2px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--accent) 40%,transparent) 0 14px,transparent 14px 20px);border-radius:2px;opacity:.55}.brand{border-bottom:0;padding:2px 8px 6px;gap:12px}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--ink);color:var(--paper);border:0;box-shadow:3px 3px 0 var(--accent);transform:rotate(-4deg);transition:transform .5s var(--ease-spring)}.brand:hover .brand-mark{transform:rotate(6deg) scale(1.06)}.brand-name{font-size:1.35rem;font-weight:800;line-height:1}.brand-sub{font-size:.76rem;margin-top:3px}.nav-primary{display:flex;flex-direction:column;gap:4px}.nav-section{display:flex;flex-direction:column}.nav-main{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:16px;color:var(--text-soft);font-weight:600;font-size:.98rem;transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .25s var(--ease-out)}.nav-main:hover{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text);transform:translate(calc(var(--dirx, 1) * -3px))}[dir=ltr] .nav-main:hover{transform:translate(3px)}.nav-main .nav-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--section-tone, var(--muted));background:color-mix(in srgb,var(--section-tone, var(--muted)) 12%,transparent);transition:transform .45s var(--ease-spring)}.nav-main:hover .nav-icon{transform:rotate(-8deg) scale(1.08)}.nav-main.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.nav-main.is-active .nav-icon{background:var(--section-tone, var(--accent));color:#fff}.nav-main .nav-chevron{margin-inline-start:auto;opacity:.45;transition:transform .3s var(--ease-out)}.nav-main.is-active .nav-chevron{transform:rotate(90deg)}[dir=rtl] .nav-main.is-active .nav-chevron{transform:rotate(-90deg)}.nav-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out)}.nav-sub.open{grid-template-rows:1fr}.nav-sub-inner{overflow:hidden;display:flex;flex-direction:column;gap:1px;margin-inline-start:30px;padding-inline-start:14px;border-inline-start:2px dashed color-mix(in srgb,var(--section-tone, var(--border-strong)) 45%,transparent)}.nav-sub.open .nav-sub-inner{padding-block:6px 8px}.nav-sub-link{position:relative;display:flex;align-items:center;min-height:38px;padding:0 10px;border-radius:10px;font-size:.9rem;color:var(--muted);font-weight:500;opacity:0;transform:translateY(-4px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),color .2s,background .2s}.nav-sub.open .nav-sub-link{opacity:1;transform:none}.nav-sub.open .nav-sub-link:nth-child(2){transition-delay:.03s}.nav-sub.open .nav-sub-link:nth-child(3){transition-delay:.06s}.nav-sub.open .nav-sub-link:nth-child(4){transition-delay:.09s}.nav-sub.open .nav-sub-link:nth-child(5){transition-delay:.12s}.nav-sub.open .nav-sub-link:nth-child(6){transition-delay:.15s}.nav-sub.open .nav-sub-link:nth-child(7){transition-delay:.18s}.nav-sub-link:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 60%,transparent)}.nav-sub-link.active{color:var(--text);font-weight:700}.nav-sub-link.active:before{content:"";position:absolute;inset-inline-start:-21px;width:12px;height:12px;border-radius:50%;background:var(--section-tone, var(--accent));box-shadow:0 0 0 3px var(--bg);animation:pop .45s var(--ease-spring) both}.sidebar-footer{gap:12px}.xp-box{border-top:0;padding:14px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.xp-top{font-size:.84rem;color:var(--muted)}.xp-top strong{font-family:var(--font-display);color:var(--text);font-size:1.05rem}.xp-top span:last-child{color:var(--xp-ink);font-weight:700}.sidebar-user{border-radius:16px}.main{min-width:0}.topbar{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid transparent;padding-block:12px;transition:border-color .3s,box-shadow .3s}.topbar.is-scrolled{border-bottom-color:var(--border);box-shadow:0 10px 30px -26px #1f1b2d80}.topbar-title{font-family:var(--font-display);font-weight:700;font-size:1.08rem;color:var(--text)}.topbar-actions{gap:8px}.icon-btn{width:42px;height:42px;border-radius:50%;border:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft);font-weight:700;font-size:.85rem;transition:transform .35s var(--ease-spring),background .2s}.icon-btn:hover{background:var(--surface);border:0;transform:translateY(-2px) rotate(-6deg)}.icon-btn:active{transform:scale(.92)}.chip-stat{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft);font-weight:700;font-size:.9rem;white-space:nowrap}.chip-stat.xp{color:var(--xp-ink)}.chip-stat.xp svg{color:var(--xp)}.chip-stat.level{color:var(--text-soft)}.chip-stat .bump{display:inline-block}.chip-stat.is-bumping .bump{animation:bump .6s var(--ease-spring)}.bell-btn .bell-dot{animation:pop .5s var(--ease-spring) both}.bell-btn.has-unread svg{animation:ring 2.8s ease-in-out 1s infinite;transform-origin:50% 10%}.content{max-width:1200px;padding:28px clamp(16px,3.2vw,40px) 72px;animation:none}.page{animation:pageIn .6s var(--ease-out) both}.page>*,.page>*>*{animation:rise .7s var(--ease-out) backwards}.page>*>*:nth-child(2){animation-delay:.07s}.page>*>*:nth-child(3){animation-delay:.14s}.page>*>*:nth-child(4){animation-delay:.21s}.page>*>*:nth-child(5){animation-delay:.28s}.page>*>*:nth-child(n+6){animation-delay:.34s}.footer-note{border-top:0;font-family:var(--font-sans)}.footer-note .hand{font-size:1.05rem;color:var(--accent-text)}.tabbar,.section-chips{display:none}@media (max-width: 900px){.sidebar{display:none}.menu-btn,.mobile-overlay{display:none!important}.tabbar{position:fixed;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:50;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;border-radius:24px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-lift);animation:rise .6s var(--ease-out) both}.tab-link{position:relative;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:18px;color:var(--muted);font-size:.72rem;font-weight:700;transition:color .25s,background .25s}.tab-link svg{transition:transform .45s var(--ease-spring)}.tab-link.is-active{color:var(--section-tone, var(--accent));background:color-mix(in srgb,var(--section-tone, var(--accent)) 12%,transparent)}.tab-link.is-active svg{transform:translateY(-2px) scale(1.12);animation:hop .55s var(--ease-spring)}.content{padding-bottom:120px}.section-chips{display:flex;gap:8px;overflow-x:auto;margin:-6px -16px 18px;padding:4px 16px 6px;scrollbar-width:none}.section-chips::-webkit-scrollbar{display:none}.section-chip{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:.88rem;font-weight:600;color:var(--text-soft);white-space:nowrap}.section-chip.active{background:var(--ink);color:var(--paper)}.topbar .chip-stat.level,.topbar .hide-phone{display:none}.toast-stack,.toast{bottom:96px!important}}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.card-pad{padding:22px}a.card,.card-link{transition:transform .45s var(--ease-spring),box-shadow .35s var(--ease-out)}a.card:hover,.card-link:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:var(--shadow-lift)}.card-title{font-size:1.12rem}.card-sub{font-size:.88rem}.eyebrow{font-size:.86rem;font-weight:600;color:var(--accent-text);gap:10px}.eyebrow:before{width:22px;height:10px;background:none;border-bottom:3px solid currentColor;border-radius:0 0 50% 50%;transform:translateY(-3px)}.lead{color:var(--text-soft);font-size:1.05rem}.divider{border-top:2px dashed var(--border);background:none;height:0}.btn{min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);font-weight:700;font-size:.95rem;box-shadow:0 3px 0 var(--ink);transition:transform .35s var(--ease-spring),box-shadow .2s var(--ease-out),background .2s}.btn:hover{background:var(--surface);color:var(--ink);border-color:var(--ink);transform:translateY(-2px) rotate(-1deg);box-shadow:0 5px 0 var(--ink)}.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--ink);transition-duration:.08s}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--btn-shadow-primary)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent);box-shadow:0 6px 0 var(--accent-strong)}[data-theme=light] .btn-primary:hover,:root:not([data-theme=dark]) .btn-primary:hover{box-shadow:0 6px #8e2d1b}.btn-primary:active{box-shadow:0 0 0 transparent}.btn-ghost{border-color:transparent;background:color-mix(in srgb,var(--ink) 6%,transparent);box-shadow:none}.btn-ghost:hover{border-color:transparent;background:color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:none}.btn-danger{border-color:var(--bad);color:var(--bad-ink);box-shadow:0 3px 0 var(--bad)}.btn-sm{min-height:38px;padding:0 14px;font-size:.86rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;transform:none;box-shadow:none}.btn .arrow{transition:transform .35s var(--ease-spring)}.btn:hover .arrow{transform:translate(-4px)}[dir=ltr] .btn:hover .arrow{transform:translate(4px)}[dir=ltr] .btn .arrow svg{transform:scaleX(-1)}.badge{border-radius:999px;padding:3px 11px;font-weight:700;font-size:.78rem;font-family:var(--font-sans);border:0}.sticker{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:10px;font-weight:700;font-size:.82rem;background:#ffd75e;color:#3b2a00;transform:rotate(-3deg);box-shadow:0 2px #1f1b2d1f;transition:transform .45s var(--ease-spring)}.sticker:hover,a:hover .sticker{transform:rotate(3deg) scale(1.06)}.sticker.good{background:#c9eedb;color:#11513a}.sticker.ink{background:var(--ink);color:var(--paper)}.progress-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);overflow:hidden;border:0}.progress-fill{border-radius:999px;background:var(--fill, var(--accent));transform-origin:right center;animation:growX 1.1s var(--ease-out) both;animation-delay:.25s}[dir=ltr] .progress-fill{transform-origin:left center}.segmented{border-radius:999px;padding:4px;gap:2px;background:color-mix(in srgb,var(--ink) 7%,transparent);border:0}.segmented button{border-radius:999px;min-height:36px;padding:0 14px;font-family:var(--font-sans);font-weight:600;border:0;box-shadow:none;transition:background .25s,color .25s,transform .3s var(--ease-spring)}.segmented button.active{background:var(--ink);color:var(--paper);box-shadow:none;transform:scale(1.02)}input[type=range]{height:32px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent);border:0}input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px;border-radius:50%;background:var(--accent);border:4px solid var(--paper);box-shadow:0 0 0 2px var(--accent),0 4px 10px -2px #1f1b2d59;transition:transform .3s var(--ease-spring)}input[type=range]:active::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent);border:0}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:4px solid var(--paper);box-shadow:0 0 0 2px var(--accent)}input[type=text],input[type=password],input[type=search],input[type=number],select,textarea{border-radius:14px}.field-label{font-weight:600}.field-value{font-weight:700;color:var(--accent-text)}.callout{border-radius:16px;border:0;border-inline-start:0;padding:14px 18px}.formula-box,.math-block{border-radius:16px;border:2px dashed var(--border-strong);background:var(--surface-2)}.trace-step{border-radius:16px}.trace-index{border-radius:50%;font-family:var(--font-display)}.quiz-option{border-radius:18px;border:2px solid var(--border);background:var(--surface);min-height:56px;padding:12px 16px;font-size:1rem;transition:transform .35s var(--ease-spring),border-color .2s,background .2s,box-shadow .3s}.quiz-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--ink);box-shadow:0 4px 0 var(--ink);background:var(--surface)}.quiz-option.selected{border-color:var(--accent-2);background:var(--accent-2-soft);box-shadow:0 4px 0 var(--accent-2)}.quiz-option.correct{border-color:var(--good);background:var(--good-soft);box-shadow:0 4px 0 var(--good);animation:pop .5s var(--ease-spring)}.quiz-option.wrong{border-color:var(--bad);background:var(--bad-soft);animation:shake .45s ease}.quiz-option:disabled:not(.correct):not(.wrong):hover{border-color:var(--border);background:var(--surface);box-shadow:none;transform:none}.quiz-marker{flex:none;width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1}.toast{border-radius:18px;border:0;box-shadow:var(--shadow-lift);animation:toastIn .6s var(--ease-spring) both}.modal{border-radius:26px;border:0;box-shadow:var(--shadow-lift);animation:modalIn .5s var(--ease-spring) both}.modal-backdrop{animation:fade .3s ease both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.empty{border-radius:var(--radius);border:2px dashed var(--border-strong);background:transparent}.scribble{position:relative;display:inline-block;white-space:nowrap}.scribble>svg{position:absolute;inset-inline:-4%;bottom:-.32em;width:108%;height:.55em;overflow:visible;pointer-events:none}.scribble path{fill:none;stroke:var(--scribble, var(--accent));stroke-width:5;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.1s var(--ease-out) .45s forwards}.highlight{background:linear-gradient(100deg,transparent 2%,color-mix(in srgb,var(--highlight) 85%,transparent) 4%,color-mix(in srgb,var(--highlight) 70%,transparent) 94%,transparent 97%);background-size:0% 72%;background-position:right 80%;background-repeat:no-repeat;padding-inline:.15em;animation:highlight .9s var(--ease-out) .6s forwards;border-radius:4px;color:inherit}[dir=ltr] .highlight{background-position:left 80%}[data-theme=dark] .highlight{color:var(--text)}.margin-note{position:relative;display:inline-flex;align-items:flex-end;gap:4px;font-family:var(--font-hand);font-weight:700;font-size:1.15rem;line-height:1.1;color:var(--note, var(--accent-text));transform:rotate(-4deg);animation:noteIn .8s var(--ease-spring) .8s both}.margin-note svg path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;animation:draw .9s var(--ease-out) 1.1s forwards}.js-reveal [data-reveal]:not(.is-revealed){opacity:0;transform:translateY(22px) scale(.985)}.js-reveal [data-reveal]{transition:opacity .7s var(--ease-out),transform .8s var(--ease-out);transition-delay:calc(var(--i, 0) * 70ms)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.confetti i{position:absolute;top:var(--y, 40%);left:var(--x, 50%);width:var(--w, 9px);height:var(--h, 14px);background:var(--c, var(--accent));border-radius:var(--r, 2px);opacity:0;animation:confetti 1.4s cubic-bezier(.15,.6,.35,1) var(--d, 0s) forwards}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes highlight{to{background-size:100% 72%}}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.35) rotate(-6deg)}to{transform:scale(1)}}@keyframes hop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-7px) scale(1.15)}to{transform:translateY(-2px) scale(1.12)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes ring{0%,86%,to{transform:rotate(0)}89%{transform:rotate(14deg)}92%{transform:rotate(-12deg)}95%{transform:rotate(8deg)}98%{transform:rotate(-4deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(24px) scale(.9) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}@keyframes noteIn{0%{opacity:0;transform:rotate(-12deg) scale(.7)}to{opacity:1;transform:rotate(-4deg)}}@keyframes confetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--tx, 0),var(--ty, 300px)) rotate(var(--rot, 540deg))}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rot0, 0deg))}50%{transform:translateY(-8px) rotate(calc(var(--rot0, 0deg) + 3deg))}}@keyframes flicker{0%,to{transform:scale(1) rotate(-2deg)}25%{transform:scale(1.08,.94) rotate(2deg)}50%{transform:scale(.96,1.07) rotate(-3deg)}75%{transform:scale(1.05,.97) rotate(1deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(6deg)}}@keyframes pulseRing{0%{transform:scale(.9);opacity:.7}to{transform:scale(var(--pulse-scale, 1.6));opacity:0}}@keyframes signal{0%{stroke-dashoffset:0}to{stroke-dashoffset:-120}}@keyframes spinSlow{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.js-reveal [data-reveal]:not(.is-revealed){opacity:1;transform:none}.scribble path,.margin-note svg path{stroke-dashoffset:0}.highlight{background-size:100% 72%}.confetti{display:none}}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:18px}.section-head h2{font-size:1.5rem}.page-intro{max-width:680px;margin-bottom:8px}.page-intro .lead{margin-top:14px}.loading-doodle{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--muted);font-weight:600}.loading-doodle svg{color:var(--accent);animation:spinSlow 2.6s linear infinite}.home{display:flex;flex-direction:column;gap:34px}.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(22px,4vw,48px);align-items:center}.home-hero-copy{display:flex;flex-direction:column;gap:14px;min-width:0}.home-greeting{margin:0;font-size:1.45rem;color:var(--accent-text);transform:rotate(-2deg);transform-origin:right;width:fit-content}.home-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.25;max-width:15ch}.home-hero .lead{max-width:48ch}.continue-card{position:relative;margin-top:10px;display:flex;flex-direction:column;gap:8px;padding:24px 24px 22px;border-radius:28px;background-color:#1f1b2d;background-image:radial-gradient(rgba(255,255,255,.08) 1.1px,transparent 1.4px);background-size:18px 18px;color:#fffdf8;box-shadow:6px 6px 0 var(--tone, var(--accent));transition:transform .5s var(--ease-spring),box-shadow .4s var(--ease-out)}[data-theme=dark] .continue-card{background-color:#f4efe6;background-image:radial-gradient(rgba(31,27,45,.08) 1.1px,transparent 1.4px);color:#1f1b2d}.continue-card:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:10px 10px 0 var(--tone, var(--accent))}.continue-card .sticker{align-self:flex-start}.continue-title{font-family:var(--font-display);font-weight:800;font-size:1.7rem;line-height:1.3;margin-top:4px}.continue-sub{opacity:.85;max-width:46ch}.continue-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px}.continue-card .btn-primary{border-color:var(--accent);box-shadow:0 4px #00000073}.continue-card:hover .btn-primary .arrow{transform:translate(-5px)}[dir=ltr] .continue-card:hover .btn-primary .arrow{transform:translate(5px)}.continue-meta{font-weight:600;opacity:.8}.sketch-card{--rot0: 1.2deg;position:relative;margin:0;padding:44px 22px 20px;border-radius:28px;background:var(--surface);box-shadow:var(--shadow);transform:rotate(1.2deg);animation:float 7s ease-in-out infinite}.sketch-card:before{content:"";position:absolute;top:-14px;left:50%;width:110px;height:30px;transform:translate(-50%) rotate(-4deg);background:color-mix(in srgb,var(--highlight) 70%,transparent);border-radius:4px;opacity:.85}.sketch-card figcaption{margin-top:6px;font-size:.88rem;color:var(--muted);text-align:center}.sketch-slider{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-weight:600;font-size:.92rem}.sketch-slider span{display:flex;justify-content:space-between}.sketch-slider strong{color:var(--accent-text)}.neuron-sketch{display:block;width:100%;height:auto;overflow:visible}.ns-wire{fill:none;stroke-linecap:round;opacity:.35;transition:stroke-width .4s var(--ease-out)}.ns-signal{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 110;animation:signal 1.6s linear infinite}.ns-out-wire{stroke:var(--graph-output);stroke-width:4}.ns-out-signal{stroke:var(--graph-output);animation-delay:.8s}.ns-input{fill:var(--surface);stroke:var(--ink);stroke-width:2.5}.ns-body{fill:var(--ink)}.ns-pulse{fill:none;stroke:var(--accent);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:pulseRing 2.2s var(--ease-out) infinite}.ns-sigma{fill:var(--paper);font-family:var(--font-display);font-weight:800;font-size:34px}.ns-output{fill:var(--graph-output);stroke:var(--ink);stroke-width:2.5;transition:opacity .4s var(--ease-out)}.ns-label,.ns-out-label,.ns-weight{font-family:var(--font-display);font-weight:700;font-size:15px;fill:var(--ink)}.ns-out-label{fill:#1f1b2d;font-size:16px}.ns-weight{font-size:14px}.today{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.today-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .45s var(--ease-spring),box-shadow .35s var(--ease-out)}.today-tile:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:var(--shadow-lift)}.tile-head{display:flex;align-items:center;gap:14px}.tile-value{display:block;font-family:var(--font-display);font-weight:800;font-size:2.1rem;line-height:1}.tile-label{display:block;font-weight:600;color:var(--text-soft)}.tile-title{font-family:var(--font-display);font-weight:700;font-size:1.2rem}.tile-foot{font-size:.88rem;color:var(--muted)}.flame{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ffe7d6;color:#c2410c}.flame svg{animation:flicker 1.6s ease-in-out infinite;transform-origin:50% 90%}[data-theme=dark] .flame{background:#ff7a5c2e;color:#ffa07f}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:4px}.week-day{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--muted)}.week-day i{width:28px;height:28px;border-radius:50%;border:2px dashed var(--border-strong);animation:pop .5s var(--ease-spring) backwards;animation-delay:inherit}.week-day.lit i{border:0;background:#f97316;box-shadow:inset 0 -4px #00000026}.week-day.today{color:var(--text);font-weight:800}.week-day.today i{outline:3px solid var(--ink);outline-offset:2px}.daily-tile{background:var(--accent);color:var(--on-accent)}.daily-tile .tile-foot{color:inherit;opacity:.9}.daily-tile.is-done{background:var(--good)}.daily-burst{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff3}.daily-tile:not(.is-done) .daily-burst svg{animation:wiggle 1.4s ease-in-out infinite}.daily-tile .tile-cta{margin-top:auto;align-self:flex-start;background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:0 3px #0000004d}.rank-tile .medal{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--xp-soft);color:var(--xp-ink);transition:transform .6s var(--ease-spring)}.rank-tile:hover .medal{transform:rotate(-14deg) scale(1.1)}.invite{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px;border-radius:28px;background:var(--surface);border:2px dashed var(--border-strong)}.invite-art{position:relative;width:84px;height:84px}.invite-trophy{--rot0: -6deg;width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:var(--highlight);color:#3b2a00;transform:rotate(-6deg);animation:float 4.5s ease-in-out infinite}.invite-spark{position:absolute;color:var(--accent);animation:twinkle 2.4s var(--ease-spring) infinite}.invite-spark.s1{top:-8px;inset-inline-start:-6px}.invite-spark.s2{bottom:2px;inset-inline-end:-10px;animation-delay:1.2s;color:var(--ml)}@keyframes twinkle{0%,to{transform:scale(.6) rotate(0);opacity:.4}50%{transform:scale(1.2) rotate(30deg);opacity:1}}.invite-copy h2{font-size:1.35rem}.invite-copy p{color:var(--text-soft);margin-top:4px}.invite-actions{display:flex;flex-wrap:wrap;gap:10px}.journey-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:10px}.journey-line{position:absolute;left:12%;top:40px;width:76%;height:60px;overflow:visible;pointer-events:none}.journey-line path{fill:none;stroke:var(--border-strong);stroke-width:3;stroke-dasharray:2 12;stroke-linecap:round}.station{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 8px 18px;border-radius:24px;transition:transform .5s var(--ease-spring)}a.station:hover{transform:translateY(-6px)}.station-title{font-family:var(--font-display);font-weight:700;font-size:1.12rem;margin-top:4px}.station-meta{font-size:.88rem;color:var(--muted);font-weight:500}.station.is-current .ring{box-shadow:0 0 0 6px var(--bg),0 0 0 9px var(--tone)}.station.is-current .ring:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;--pulse-scale: 1.25;border-radius:50%;border:3px solid var(--tone);animation:pulseRing 2.4s var(--ease-out) infinite;pointer-events:none}.station.is-locked{opacity:.6}.ring{position:relative;width:108px;height:108px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-soft);display:grid;place-items:center}.ring>svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}[dir=rtl] .ring>svg{transform:rotate(-90deg) scaleY(-1)}.ring-track{fill:none;stroke:color-mix(in srgb,var(--ink) 9%,transparent);stroke-width:7}.ring-fill{fill:none;stroke:var(--tone);stroke-width:7;stroke-linecap:round;stroke-dashoffset:var(--ring-to);animation:ringIn 1.4s var(--ease-out) .3s backwards}@keyframes ringIn{0%{stroke-dashoffset:214}}.ring-center{color:var(--tone);transition:transform .6s var(--ease-spring)}a.station:hover .ring-center{transform:rotate(-12deg) scale(1.15)}.station.is-done .ring{background:color-mix(in srgb,var(--tone) 12%,var(--surface))}.polaroids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.polaroid{display:flex;flex-direction:column;gap:4px;padding:12px 12px 16px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow);transform:rotate(var(--rot0));transition:transform .55s var(--ease-spring),box-shadow .4s var(--ease-out)}.polaroid:hover{transform:rotate(0) translateY(-8px) scale(1.03);box-shadow:var(--shadow-lift);z-index:2}.polaroid-art{aspect-ratio:16 / 10;border-radius:6px;display:grid;place-items:center;color:var(--tone);background-color:color-mix(in srgb,var(--tone) 12%,var(--surface));background-image:radial-gradient(color-mix(in srgb,var(--tone) 30%,transparent) 1.2px,transparent 1.5px);background-size:14px 14px;margin-bottom:8px}.polaroid-art svg{transition:transform .6s var(--ease-spring)}.polaroid:hover .polaroid-art svg{transform:scale(1.25) rotate(-10deg)}.polaroid-title{font-family:var(--font-display);font-weight:700;font-size:1.02rem}.polaroid-formula{color:var(--muted);font-size:1.1rem}.experiment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.experiment-list li{display:flex;align-items:center;gap:12px}.experiment-list li>span:first-child{flex:1;min-width:0;font-weight:600}.labs-hub{gap:34px}.lab-group-title{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin-bottom:16px}.lab-group-title:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--tone)}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.lab-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .5s var(--ease-spring),box-shadow .35s var(--ease-out)}.lab-card:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:var(--shadow-lift)}.lab-card-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,transparent);margin-bottom:6px;transition:transform .55s var(--ease-spring)}.lab-card:hover .lab-card-icon{transform:rotate(-12deg) scale(1.08)}.lab-card-formula{position:absolute;top:18px;inset-inline-end:20px;font-size:1.25rem;color:color-mix(in srgb,var(--tone) 75%,var(--muted));transform:rotate(-6deg)}.lab-card-title{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.lab-card-body{color:var(--text-soft);font-size:.94rem;flex:1}.lab-card-open{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:700;color:var(--tone)}.lab-card-open .arrow{display:inline-flex;transition:transform .4s var(--ease-spring)}.lab-card:hover .lab-card-open .arrow{transform:translate(-5px)}[dir=ltr] .lab-card-open .arrow svg,[dir=ltr] .continue-card .arrow svg{transform:scaleX(-1)}[dir=ltr] .lab-card:hover .lab-card-open .arrow{transform:translate(5px)}.reading-bar{position:fixed;top:0;inset-inline:0;height:4px;z-index:60;pointer-events:none}.reading-bar span{display:block;height:100%;background:var(--accent);transform-origin:right center;border-radius:0 0 4px 4px;transition:transform .12s linear}[dir=ltr] .reading-bar span{transform-origin:left center}.lesson{max-width:780px;margin-inline:auto;display:flex;flex-direction:column;gap:30px}.lesson-head{display:flex;flex-direction:column;gap:12px}.lesson-crumbs{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.92rem;font-weight:600;color:var(--muted)}.crumb-path{color:var(--tone)}.lesson-head h1{font-size:clamp(2.1rem,5vw,3.1rem)}.lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.meta-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);font-size:.86rem;font-weight:600}.contents-btn{margin-inline-start:auto}.lesson-body{display:flex;flex-direction:column;gap:30px}.sticky-note{position:relative;padding:26px 26px 22px;border-radius:6px 6px 24px;background:#fff1b8;color:#3b2a00;transform:rotate(-1deg);box-shadow:0 14px 30px -18px #3b2a0080}[data-theme=dark] .sticky-note{background:#4a3d12;color:#fff3c4}.sticky-note:before{content:"";position:absolute;top:-12px;inset-inline-start:36px;width:90px;height:26px;background:#ffffff8c;transform:rotate(3deg);border-radius:3px}.sticky-note h2{font-family:var(--font-hand);font-size:1.55rem;margin-bottom:8px}.sticky-note ul{margin:0;padding-inline-start:1.2rem;display:flex;flex-direction:column;gap:6px}.prose h2{display:flex;align-items:center;gap:12px;font-size:1.55rem;margin-bottom:10px}.prose-num{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--tone);color:#fff;font-size:1.05rem;transform:rotate(-6deg)}.prose p{font-size:1.08rem;line-height:1.95;color:var(--text-soft)}.prose .formula-box{margin-top:16px}.lesson-card{padding:26px;border-radius:28px;background:var(--surface);box-shadow:var(--shadow-soft)}.lesson-card h2{font-size:1.4rem;margin-bottom:10px}.lesson-card>p{color:var(--text-soft)}.steps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column}.step{position:relative;display:flex;gap:16px;padding-bottom:18px}.step:before{content:"";position:absolute;inset-inline-start:17px;top:40px;bottom:2px;border-inline-start:2px dashed var(--border-strong)}.step:last-child:before{display:none}.step-dot{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:700}.step-body{flex:1;min-width:0;overflow-x:auto}.step-label{font-weight:700}.step-note{font-size:.9rem;color:var(--muted)}.takeaway{margin-top:6px;padding:14px 18px;border-radius:18px;background:var(--good-soft);color:var(--text)}.lab-bench{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--lab)}.bench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.celebrate{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;border-radius:18px;background:var(--good-soft);color:var(--good-ink);font-weight:700;animation:pop .6s var(--ease-spring) both}.celebrate svg{animation:wiggle 1.2s ease-in-out infinite}.watch-out{position:relative;padding:24px 26px;border-radius:24px;border:2.5px dashed var(--bad);background:var(--bad-soft)}.watch-out h2{font-size:1.25rem;color:var(--bad-ink);margin-bottom:8px}.watch-out ul{margin:0;display:flex;flex-direction:column;gap:6px}.check-list li{font-size:1rem;align-items:flex-start}.check-list li:before{width:22px;height:22px;margin-top:3px;border:0;border-radius:50%;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat,var(--good)}.challenge-card-lite details{margin:10px 0 14px}.challenge-card-lite summary,.references summary{cursor:pointer;font-weight:600;color:var(--muted)}.references{font-size:.9rem;color:var(--muted)}.lesson-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1b2d66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .3s ease both}.drawer{position:absolute;top:12px;bottom:12px;left:12px;width:min(380px,calc(100% - 24px));display:flex;flex-direction:column;border-radius:28px;background:var(--bg);box-shadow:var(--shadow-lift);overflow:hidden;animation:drawerIn .55s var(--ease-out) both}[dir=ltr] .drawer{left:auto;right:12px;animation-name:drawerInLtr}@keyframes drawerIn{0%{transform:translate(-110%)}to{transform:none}}@keyframes drawerInLtr{0%{transform:translate(110%)}to{transform:none}}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 10px}.drawer-head h2{font-size:1.3rem}.drawer-list{list-style:none;margin:0;padding:6px 12px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.drawer-list li{animation:rise .5s var(--ease-out) backwards;animation-delay:calc(var(--i) * 30ms + .1s)}.drawer-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:16px;font-weight:500;transition:background .2s}.drawer-item:hover{background:var(--surface)}.drawer-item.current{background:var(--surface);font-weight:700;box-shadow:var(--shadow-soft)}.drawer-num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:700;background:color-mix(in srgb,var(--ink) 8%,transparent)}.drawer-item.current .drawer-num{background:var(--tone);color:#fff}.drawer-item.done .drawer-num{background:var(--good);color:#fff}.gate{border-radius:28px;border:2px dashed var(--border-strong);background:var(--surface);box-shadow:none;padding:40px 24px}.gate-icon{--rot0: -6deg;width:72px;height:72px;border-radius:24px;background:var(--highlight);color:#3b2a00;transform:rotate(-6deg);animation:float 4.5s ease-in-out infinite}.gate h2{font-size:1.4rem}.toast-card{border-radius:20px;border:0;background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lift);animation:toastIn .6s var(--ease-spring) both}.toast-card .toast-detail{color:color-mix(in srgb,var(--paper) 75%,transparent)}.toast-card .toast-icon{border-radius:50%;background:var(--highlight);color:#3b2a00;animation:bump .8s var(--ease-spring) .3s}.toast-card .toast-close{color:inherit}@media (max-width: 1080px){.polaroids{grid-template-columns:repeat(2,minmax(0,1fr))}.today{grid-template-columns:1fr 1fr}.streak-tile{grid-column:1 / -1}}@media (max-width: 900px){.home-hero{grid-template-columns:minmax(0,1fr)}.sketch-card{max-width:520px;width:100%;margin-inline:auto}.invite{grid-template-columns:auto minmax(0,1fr)}.invite-actions{grid-column:1 / -1}}@media (max-width: 640px){.home{gap:26px}.home-hero h1{font-size:clamp(2rem,9vw,2.5rem)}.continue-card{padding:20px}.continue-title{font-size:1.4rem}.today{grid-template-columns:minmax(0,1fr)}.journey-map{grid-template-columns:minmax(0,1fr);gap:10px}.journey-line{display:none}.station{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:0;align-items:center;text-align:start;padding:12px 14px;background:var(--surface);box-shadow:var(--shadow-soft)}.station .ring{grid-row:1 / 3;width:64px;height:64px}.station .ring>svg{width:64px;height:64px}.station-title{margin-top:0;align-self:end}.station-meta{align-self:start}.polaroids{gap:14px}.invite{grid-template-columns:minmax(0,1fr);padding:22px 20px}.lesson-card,.watch-out{padding:20px;border-radius:22px}.lab-bench{box-shadow:4px 4px 0 var(--lab)}.bench-head .margin-note{display:none}.contents-btn{margin-inline-start:0}}.page-head{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:8px;margin-bottom:28px}.page-head .row{margin-top:6px}.page-head h1{font-size:clamp(2rem,4vw,2.7rem);width:fit-content;padding-bottom:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 40 5, 80 17, 118 9 S 178 6, 197 12' fill='none' stroke='%23c9432b' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right bottom;background-size:0% 14px;animation:underline .9s var(--ease-out) .35s forwards}[dir=ltr] .page-head h1{background-position:left bottom}[data-theme=dark] .page-head h1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 40 5, 80 17, 118 9 S 178 6, 197 12' fill='none' stroke='%23ff7a5c' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}@keyframes underline{to{background-size:100% 14px}}.page-head .eyebrow{margin-bottom:4px}.page-head .lead{margin-top:10px}.topbar-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-strip{gap:14px;background:transparent;border:0;border-radius:0;overflow:visible}.grid>.stat,.stat-strip .stat,.stat-strip .stat:nth-child(-n+2){padding:18px 20px;border:0;border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .45s var(--ease-spring)}.stat-strip .stat:hover{transform:translateY(-3px) rotate(-.6deg)}.stat-label{font-size:.86rem;font-weight:600}.stat-value{font-size:2rem;font-weight:800;margin-top:4px}.stat-hint{font-size:.82rem}@media (max-width: 900px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.trail-page{display:flex;flex-direction:column;gap:40px;max-width:900px;margin-inline:auto}.trail-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:center}.trail-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.trail-hero h1{font-size:clamp(2.2rem,5vw,3.2rem)}.trail-score{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 22px 24px;border-radius:30px;background:var(--surface);box-shadow:6px 6px 0 var(--tone);border:2px solid var(--ink);transform:rotate(2deg)}.trail-score-pct{font-size:3.4rem;line-height:1;color:var(--tone)}.trail-score-sub{font-weight:600;color:var(--muted)}.trail-score-bar{width:100%;height:10px;margin-top:6px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);overflow:hidden}.trail-score-bar span{display:block;height:100%;margin-inline-start:0;border-radius:999px;background:var(--tone);transform-origin:right;animation:growX 1.2s var(--ease-out) .3s backwards}[dir=ltr] .trail-score-bar span{transform-origin:left}.chapter{position:relative}.chapter-head{display:flex;align-items:center;gap:18px;margin-bottom:8px}.chapter-badge{flex:none;width:70px;height:70px;border-radius:24px;display:grid;place-items:center;font-size:2rem;background:var(--tone);color:#fff;transform:rotate(-6deg);box-shadow:4px 4px 0 var(--ink)}.chapter.is-locked .chapter-badge{background:var(--surface-3);color:var(--muted);box-shadow:none}.chapter-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:700;color:var(--tone);font-size:.92rem}.chapter-copy h2{font-size:1.6rem}.chapter-copy p{color:var(--text-soft);max-width:60ch}.chapter-hint{margin:10px 0 0;color:var(--muted);font-size:1.15rem}.stones{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:30px;overflow-x:clip;overflow-y:visible;padding-block:14px}.stone{position:relative;width:100%;display:flex;justify-content:center;transform:translate(var(--offset));animation:rise .6s var(--ease-out) backwards;animation-delay:calc(var(--i) * 40ms + .1s)}.stone-link{position:relative;display:block}.stone+.stone .stone-link:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;height:24px;border-left:4px dotted color-mix(in srgb,var(--tone) 50%,var(--border-strong));transform:translate(-50%)}.stone-label{position:absolute;top:50%;inset-inline-start:calc(100% + 14px);width:max-content;max-width:min(300px,38vw);transform:translateY(-50%)}.stone-dot{position:relative;z-index:1;flex:none;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;background:var(--surface);color:var(--tone);border:3px solid var(--tone);box-shadow:0 6px color-mix(in srgb,var(--tone) 55%,var(--ink));transition:transform .45s var(--ease-spring),box-shadow .25s}.stone-link:hover .stone-dot{transform:translateY(-4px) rotate(-8deg) scale(1.06)}.stone-link:active .stone-dot{transform:translateY(4px);box-shadow:0 1px color-mix(in srgb,var(--tone) 55%,var(--ink))}.stone.is-done .stone-dot{background:var(--tone);color:#fff}.stone.is-next .stone-dot{width:86px;height:86px;background:var(--tone);color:#fff;animation:nextBob 2.4s ease-in-out infinite}.stone.is-next .stone-dot:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:3px solid var(--tone);--pulse-scale: 1.3;animation:pulseRing 2s var(--ease-out) infinite}@keyframes nextBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stone.is-locked .stone-dot{border-style:dashed;border-color:var(--border-strong);color:var(--muted);box-shadow:none;background:var(--surface-2)}.stone-label{display:flex;text-align:start;flex-direction:column;min-width:0;padding:10px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:var(--shadow-soft);transition:transform .4s var(--ease-spring)}.stone-link:hover .stone-label{transform:translate(-4px,-50%)}[dir=ltr] .stone-link:hover .stone-label{transform:translate(4px,-50%)}.stone-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.35}.stone-sub{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stone.is-next .stone-title{color:var(--tone)}.stone.is-locked .stone-label{opacity:.6}@media (max-width: 900px){.trail-hero{grid-template-columns:minmax(0,1fr)}.trail-score{transform:none;align-items:flex-start}.stones{align-items:flex-start}.stone{transform:none;justify-content:flex-start;padding-inline-start:18px}.stone-label{max-width:calc(100vw - 150px)}.stone.is-next .stone-dot{width:72px;height:72px}.stone .margin-note{display:none}}.lab-page{display:flex;flex-direction:column;gap:24px}.lab-intro{display:flex;flex-direction:column;gap:8px}.lab-back{display:inline-flex;align-items:center;gap:6px;width:fit-content;min-height:36px;padding:0 14px;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-weight:600;font-size:.88rem;transition:background .2s,transform .35s var(--ease-spring)}.lab-back:hover{background:color-mix(in srgb,var(--ink) 11%,transparent);transform:translate(4px)}[dir=ltr] .lab-back:hover{transform:translate(-4px)}[dir=ltr] .lab-back .arrow-back svg{transform:scaleX(-1)}.lab-back .arrow-back{display:inline-flex}.lab-intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.lab-intro h1{font-size:clamp(2rem,4.2vw,2.8rem)}.lab-intro .lead{margin-top:12px;max-width:58ch}.graph-wrap{border:0;border-radius:20px;background-color:var(--surface);background-image:linear-gradient(color-mix(in srgb,var(--accent-2) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 7%,transparent) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 0 1.5px var(--border)}.graph-tools{border:0;border-radius:999px;box-shadow:var(--shadow-soft);padding:4px}.graph-tools .btn{min-height:30px;border:0;box-shadow:none;border-radius:999px}.readout{gap:12px}.readout-box{position:relative;padding:14px 16px;border:0;border-radius:18px;background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border);transition:transform .4s var(--ease-spring)}.readout-box:hover{transform:rotate(-1deg) scale(1.02)}.readout-label{font-size:.82rem;font-weight:600}.readout-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin-top:2px;color:var(--ink)}.readout-value.accent{color:var(--accent-text)}.readout-value.good{color:var(--good-ink)}.data-table{font-size:.92rem;border-collapse:separate;border-spacing:0}.data-table th{font-family:var(--font-sans);font-size:.8rem;font-weight:700;color:var(--muted);border-bottom:2px dashed var(--border-strong)}.data-table td{border-bottom:1px solid var(--border)}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:color-mix(in srgb,var(--highlight) 22%,transparent)}.data-table td.num{font-family:var(--font-display);font-weight:600}.legend{font-size:.85rem;font-weight:500}.legend-swatch{width:18px;height:6px;border-radius:999px}.tab{font-weight:600;font-size:.92rem;border-radius:999px;border-bottom:0;margin-bottom:0;min-height:38px;padding:0 16px}.tab.active{background:var(--ink);color:var(--paper);border-bottom:0}.field-label{font-size:.92rem}.trace-num{font-family:var(--font-mono)}.callout-info{background:var(--accent-2-soft)}.callout-warn{background:var(--warn-soft)}.callout-good{background:var(--good-soft)}.callout-bad{background:var(--bad-soft)}.challenge-card{position:relative;padding:24px;border:0;border-radius:26px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .45s var(--ease-spring),box-shadow .35s}.challenge-card:hover{box-shadow:var(--shadow)}.challenge-card h3{font-size:1.3rem}.challenge-card>p{font-size:.98rem;color:var(--text-soft)}.challenge-card.solved{border:0;box-shadow:0 0 0 2.5px var(--good),var(--shadow-soft)}.challenge-card.solved:after{content:"";position:absolute;top:-14px;inset-inline-end:22px;width:56px;height:56px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 28px no-repeat,var(--good);transform:rotate(-10deg);box-shadow:0 4px 0 var(--good-ink);animation:pop .6s var(--ease-spring) backwards}.challenge-body{border-top:2px dashed var(--border)}.achievement{position:relative;gap:16px;padding:18px;border:2px dashed var(--border-strong);border-radius:22px;background:transparent;transition:transform .45s var(--ease-spring)}.achievement h4{font-family:var(--font-display);font-size:1.05rem}.achievement p{font-size:.88rem}.achievement-icon{width:52px;height:52px;border-radius:50%;border:0;background:var(--surface-3);color:var(--muted)}.achievement.unlocked{border:0;border-inline-start:0;background:var(--surface);box-shadow:var(--shadow-soft)}.achievement.unlocked:hover{transform:rotate(-1.2deg) translateY(-3px)}.achievement.unlocked .achievement-icon{background:var(--highlight);color:#3b2a00;border:0;box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--xp);animation:medalIn .8s var(--ease-spring) backwards}[data-theme=dark] .achievement.unlocked .achievement-icon{background:#ffd75e}.achievement.unlocked:hover .achievement-icon{animation:wiggle .6s ease-in-out}@keyframes medalIn{0%{transform:scale(.3) rotate(-90deg);opacity:0}}.achievement:not(.unlocked) .achievement-icon{filter:grayscale(1);opacity:.7}.auth-layout{gap:48px}.auth-pitch h1{font-size:clamp(2.2rem,4.5vw,3.2rem)}.auth-benefits li{font-size:1rem;animation:rise .6s var(--ease-out) backwards}.auth-benefits li:nth-child(2){animation-delay:.08s}.auth-benefits li:nth-child(3){animation-delay:.16s}.auth-benefits li:nth-child(4){animation-delay:.24s}.auth-benefit-icon{width:44px;height:44px;border:0;border-radius:14px;background:var(--highlight);color:#3b2a00;transform:rotate(-6deg)}.auth-benefits li:nth-child(2n) .auth-benefit-icon{background:#c9eedb;color:#11513a;transform:rotate(5deg)}.auth-card{padding:28px;border:2px solid var(--ink);border-radius:28px;box-shadow:8px 8px 0 var(--accent);transform:rotate(-.6deg)}.board-controls .segmented{flex-wrap:wrap}.my-rank{border-inline-start:0;border:2px solid var(--ink);border-radius:26px;box-shadow:6px 6px 0 var(--xp)}.my-rank-number{font-family:var(--font-display);font-weight:800;font-size:2.8rem}.podium{gap:14px;max-width:620px;margin-top:18px}.podium-step{gap:6px;animation:none}.podium-step .avatar{animation:podiumAvatar .7s var(--ease-spring) backwards}.podium-1 .avatar{animation-delay:.9s}.podium-2 .avatar{animation-delay:.6s}.podium-3 .avatar{animation-delay:.45s}@keyframes podiumAvatar{0%{transform:translateY(-30px) scale(.4);opacity:0}}.podium-name{font-weight:700;font-size:.95rem}.podium-score{font-weight:600;font-size:.84rem}.podium-block{border:2px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0;background:var(--surface);font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--ink);transform-origin:bottom;animation:podiumRise .9s var(--ease-spring) backwards}.podium-1 .podium-block{height:120px;background:#ffd75e;border-color:var(--ink);color:#1f1b2d;animation-delay:.45s}.podium-2 .podium-block{height:88px;background:#dbe5ff;color:#1f1b2d;animation-delay:.2s}.podium-3 .podium-block{height:66px;background:#ffd9c9;color:#1f1b2d}@keyframes podiumRise{0%{transform:scaleY(0)}}.podium-1 .podium-name:before{content:"";display:block;width:34px;height:22px;margin:0 auto 2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 22'%3E%3Cpath d='M3 19 L5 5 L12 12 L17 3 L22 12 L29 5 L31 19 Z' fill='%23f0b429' stroke='%231f1b2d' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;animation:crown 2.6s ease-in-out 1.4s infinite}@keyframes crown{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-3px)}}.board{border:0;border-radius:24px;box-shadow:var(--shadow-soft);background:var(--surface)}.board-row{grid-template-columns:60px minmax(0,1fr) auto;padding:12px 18px;border-bottom:1px dashed var(--border);animation:rowIn .55s var(--ease-out) backwards;transition:background .2s}.board-row:nth-child(2){animation-delay:.04s}.board-row:nth-child(3){animation-delay:.08s}.board-row:nth-child(4){animation-delay:.12s}.board-row:nth-child(5){animation-delay:.16s}.board-row:nth-child(6){animation-delay:.2s}.board-row:nth-child(7){animation-delay:.24s}.board-row:nth-child(n+8){animation-delay:.28s}@keyframes rowIn{0%{opacity:0;transform:translate(-24px)}}[dir=ltr] .board-row{animation-name:rowInLtr}@keyframes rowInLtr{0%{opacity:0;transform:translate(24px)}}.board-row:hover{background:color-mix(in srgb,var(--highlight) 16%,transparent)}.board-row.is-self{background:color-mix(in srgb,var(--highlight) 40%,transparent);box-shadow:none}.board-rank{font-family:var(--font-display);font-weight:800;font-size:1.2rem}.board-score{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.streak-flame{border-radius:18px}.streak-card.is-safe .streak-flame svg{animation:flicker 1.6s ease-in-out infinite;transform-origin:50% 90%}.duel-row,.people-row,.activity-item{border-bottom:1px dashed var(--border)}.duel-row{padding:14px 0}.duel-score{font-family:var(--font-display);font-weight:700;font-size:1rem}.class-card{border:2px dashed var(--border-strong);box-shadow:none}.class-code{border:0;border-radius:14px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-size:1.3rem;letter-spacing:.18em;padding:8px 16px;transform:rotate(-2deg);transition:transform .4s var(--ease-spring)}[dir=rtl] .class-code{letter-spacing:.18em!important}.class-code:hover{transform:rotate(2deg) scale(1.05)}.code-input{font-family:var(--font-display);font-size:1.2rem}[dir=rtl] .code-input{letter-spacing:.2em!important}.activity-icon{width:34px;height:34px;border:0;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent)}.notif-list{border-radius:24px}.notif-row{padding:14px 18px;border-bottom:1px dashed var(--border);animation:rise .5s var(--ease-out) backwards}.notif-row.unread{box-shadow:none;background:color-mix(in srgb,var(--highlight) 22%,transparent)}.notif-row.unread:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pop .5s var(--ease-spring) backwards}.profile-head{padding:28px;border-radius:30px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1.1px,transparent 1.4px);background-size:18px 18px;box-shadow:var(--shadow-soft)}.profile-head h1{font-size:clamp(1.8rem,3.5vw,2.4rem)}.profile-head .avatar{box-shadow:0 0 0 5px var(--surface),0 0 0 8px var(--accent);transform:rotate(-4deg);transition:transform .5s var(--ease-spring)}.profile-head .avatar:hover{transform:rotate(6deg) scale(1.05)}.badge-tile{padding:16px 10px;border:0;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .45s var(--ease-spring)}.badge-tile:nth-child(odd){transform:rotate(-1.5deg)}.badge-tile:nth-child(2n){transform:rotate(1.5deg)}.badge-tile:hover{transform:rotate(0) scale(1.06)}.badge-tile .achievement-icon{background:#ffd75e;color:#3b2a00;border:0}.compare-bar{border-radius:999px;overflow:hidden}.compare-bars span,.compare-mine,.compare-theirs{border-radius:999px;transform-origin:right;animation:growX 1s var(--ease-out) .3s backwards}[dir=ltr] .compare-mine,[dir=ltr] .compare-theirs{transform-origin:left}.toggle{border-radius:999px}.swatch{border-radius:50%;transition:transform .4s var(--ease-spring)}.swatch:hover{transform:scale(1.12) rotate(-8deg)}input[type=text],input[type=password],input[type=search],input[type=number],select,textarea{min-height:46px;border:2px solid var(--border);background:var(--surface);transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 3px 0 var(--ink);outline:none}@media (max-width: 720px){.auth-card{transform:none;box-shadow:5px 5px 0 var(--accent);padding:22px}.profile-head{padding:20px}}@media (prefers-reduced-motion: reduce){.page-head h1{background-size:100% 14px}}.conv-stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;touch-action:none;-webkit-user-select:none;user-select:none}.pixel-grid{--cell: clamp(22px, 4.2vw, 34px);display:grid;grid-template-columns:repeat(var(--n),var(--cell));gap:3px;padding:8px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--border)}.pixel{width:var(--cell);height:var(--cell);padding:0;border:0;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);transition:background .15s,transform .25s var(--ease-spring),box-shadow .2s;cursor:pointer}.pixel.on{background:var(--ink);box-shadow:none}.pixel:hover{transform:scale(1.1)}.pixel.in-field{box-shadow:0 0 0 2.5px var(--accent);z-index:1}.pixel.value{display:grid;place-items:center;font-size:.66rem;font-weight:700;color:var(--ink);cursor:crosshair;animation:pop .35s var(--ease-spring) backwards}.pixel.value.hovered{box-shadow:0 0 0 2.5px var(--ink);transform:scale(1.12)}.pixel-grid.out{background:color-mix(in srgb,var(--dl) 8%,var(--surface-2))}.conv-op{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--muted)}.mini-kernel{display:grid;grid-template-columns:repeat(3,34px);gap:3px;padding:6px;border-radius:12px;border:2px solid var(--ink);background:var(--surface);transform:rotate(-3deg)}.mini-kernel span{height:34px;display:grid;place-items:center;border-radius:6px;font-size:.72rem;font-weight:700;font-family:var(--font-sans);color:var(--ink)}.conv-terms{margin-top:10px;padding:10px 14px;border-radius:14px;background:var(--surface-2);font-family:var(--font-mono);font-size:.85rem;text-align:left;overflow-x:auto;white-space:nowrap}.kernel-editor{display:grid;grid-template-columns:repeat(3,minmax(0,72px));gap:6px}.kernel-editor input{min-height:44px;padding:0 6px;text-align:center;font-family:var(--font-display);font-weight:700}.flow-chart{display:flex;align-items:flex-end;gap:3px;height:220px;padding:12px;border-radius:18px;background-color:var(--surface-2);background-image:linear-gradient(to top,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px);background-size:100% 10%}.flow-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.flow-bar{width:100%;border-radius:6px 6px 2px 2px;background:var(--good);transform-origin:bottom;animation:barUp .6s var(--ease-spring) backwards;transition:height .5s var(--ease-out)}.flow-bar.vanish{background:var(--graph-positive)}.flow-bar.explode{background:var(--graph-negative)}@keyframes barUp{0%{transform:scaleY(0)}}.flow-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:.82rem;font-weight:600;color:var(--muted)}.race{display:block;width:100%;height:auto;border-radius:18px;background:var(--surface-2)}.race-contour{fill:none;stroke:color-mix(in srgb,var(--ink) 14%,transparent);stroke-width:1.5;stroke-dasharray:4 5}.race-goal{fill:var(--highlight);stroke:var(--ink);stroke-width:2}.race-start{fill:var(--ink)}.race-path{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.race-dot{fill:currentColor;stroke:var(--surface);stroke-width:2.5}.race-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:12px}.race-entry{display:inline-flex;align-items:center;gap:8px;font-size:.92rem}.race-swatch{width:14px;height:14px;border-radius:50%;background:var(--c)}.token-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.token{min-height:42px;padding:0 16px;border:2px solid var(--border);border-radius:999px;background:var(--surface);font-weight:700;transition:transform .35s var(--ease-spring),border-color .2s,background .2s}.token:hover{transform:translateY(-2px) rotate(-2deg);border-color:var(--ink)}.token.is-query{background:var(--dl);border-color:var(--dl);color:#fff;transform:rotate(-3deg)}.attn-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.attn-bars li{display:grid;grid-template-columns:110px minmax(0,1fr) 62px;align-items:center;gap:12px}.attn-word{font-weight:600}.attn-track{height:16px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}.attn-fill{display:block;height:100%;border-radius:999px;background:color-mix(in srgb,var(--dl) 70%,var(--surface));transition:width .55s var(--ease-spring)}.attn-bars li.is-top .attn-fill{background:var(--dl)}.attn-bars li.is-top .attn-word{color:var(--dl)}.attn-value{font-family:var(--font-display);font-weight:700;text-align:end}.sim-wrap{overflow-x:auto}.sim-table{border-collapse:separate;border-spacing:4px;font-size:.85rem}.sim-table th{font-weight:600;padding:4px 6px;white-space:nowrap}.sim-table td{min-width:54px;height:40px;border-radius:10px;text-align:center;font-family:var(--font-display);font-weight:700}@media (max-width: 640px){.attn-bars li{grid-template-columns:84px minmax(0,1fr) 54px}.conv-op{width:100%;justify-content:center}}.cl-plot{display:block;width:100%;height:auto;border-radius:18px;background:var(--surface-2);cursor:crosshair;touch-action:manipulation}.cl-frame line{stroke:color-mix(in srgb,var(--ink) 9%,transparent);stroke-width:1}.cl-frame text{fill:var(--muted);font-size:11px}.cl-status{min-height:2.6em;margin-top:10px;color:var(--ink)}.km-point{stroke:var(--surface);stroke-width:1.5;transition:fill .45s ease}.km-links line{stroke-width:1.2;opacity:.28;animation:km-link-in .5s ease both}@keyframes km-link-in{0%{opacity:0}to{opacity:.28}}.km-trail{fill:none;stroke-width:2;stroke-dasharray:3 5;stroke-linecap:round;opacity:.7}.km-centroid{transition:transform .55s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.km-centroid circle{fill:var(--surface);stroke:currentColor;stroke-width:3.5}.km-centroid path{stroke:var(--ink);stroke-width:3;stroke-linecap:round}.km-legend{display:flex;flex-wrap:wrap;gap:8px 14px}.km-chip{display:inline-flex;align-items:center;gap:6px;font-weight:600}.km-elbow{display:block;width:100%;height:auto;border-radius:14px;background:var(--surface-2)}.km-elbow-axis{stroke:var(--border-strong);stroke-width:1.5}.km-elbow-line{fill:none;stroke:var(--ml);stroke-width:2.5;stroke-linejoin:round}.km-elbow-dot circle{fill:var(--surface);stroke:var(--ml);stroke-width:2.5;cursor:pointer;transition:r .3s ease}.km-elbow-dot.on circle{fill:var(--highlight);stroke:var(--ink)}.km-elbow-dot text{fill:var(--muted);font-size:11px}.dt-region{fill-opacity:.16;transition:fill .4s ease;animation:dt-fade .45s ease both}@keyframes dt-fade{0%{fill-opacity:0}to{fill-opacity:.16}}.dt-split{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;animation:dt-draw .6s ease-out both}.dt-split.d1{stroke-width:2;animation-delay:.08s}.dt-split.d2{stroke-width:1.6;animation-delay:.16s}.dt-split.d3,.dt-split.d4,.dt-split.d5{stroke-width:1.3;animation-delay:.24s}@keyframes dt-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.dt-hover{fill:color-mix(in srgb,var(--highlight) 30%,transparent);stroke:var(--ink);stroke-width:2;stroke-dasharray:6 4;pointer-events:none}.dt-point{stroke:var(--surface);stroke-width:1.5}.dt-point.c0{fill:var(--graph-negative)}.dt-point.c1{fill:var(--graph-positive)}.dt-point.test{fill:var(--surface);stroke-width:2.5;stroke-dasharray:3 2}.dt-point.test.c0{stroke:var(--graph-negative)}.dt-point.test.c1{stroke:var(--graph-positive)}.dt-chart{overflow-x:auto;padding:6px 2px 10px}.dt-chart ul{position:relative;display:flex;justify-content:center;margin:0;padding:20px 0 0;list-style:none}.dt-chart>ul{width:max-content;min-width:100%;padding-top:0}.dt-chart li{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:center;padding:20px 3px 0}.dt-chart>ul>li{padding-top:0}.dt-chart li:before,.dt-chart li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:20px;border-top:2px solid var(--border-strong)}.dt-chart li:after{right:auto;left:50%;border-left:2px solid var(--border-strong)}.dt-chart>ul>li:before,.dt-chart>ul>li:after,.dt-chart li:only-child:before,.dt-chart li:only-child:after{display:none}.dt-chart li:first-child:before,.dt-chart li:last-child:after{border:0 none}.dt-chart li:last-child:before{border-right:2px solid var(--border-strong);border-radius:0 10px 0 0}.dt-chart li:first-child:after{border-radius:10px 0 0}.dt-chart ul ul:before{content:"";position:absolute;top:0;left:50%;height:20px;border-left:2px solid var(--border-strong)}.dt-branch{position:absolute;top:2px;left:50%;translate:6px 0;font-size:.72rem;color:var(--muted)}.dt-node{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:84px;padding:6px 8px;border:2px solid var(--ink);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:.82rem;cursor:default;animation:dt-pop .4s var(--ease-spring, ease) backwards;transition:transform .25s ease,box-shadow .25s ease}.dt-node.leaf{border-style:dashed;border-color:var(--c)}.dt-node.on,.dt-node:focus-visible{transform:translateY(-2px) rotate(-1deg);box-shadow:3px 3px 0 var(--highlight)}.dt-leaf-name{color:var(--c)}.dt-meta{font-size:.72rem;color:var(--muted);white-space:nowrap}.dt-counts{display:flex;width:100%;height:5px;overflow:hidden;border-radius:999px;background:var(--border)}@keyframes dt-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.km-point,.km-centroid,.dt-region,.dt-node{transition:none;animation:none}.km-links line,.dt-split{animation:none}}.teacher-card{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:24px;background:var(--surface);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--lab);transition:transform .45s var(--ease-spring),box-shadow .3s}.teacher-card:hover{transform:translate(-2px,-2px) rotate(-.4deg);box-shadow:8px 8px 0 var(--lab)}.teacher-card>span:nth-child(2){flex:1;min-width:0}.teacher-card-icon{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--lab) 15%,transparent);color:var(--lab)}.teacher-card-title{display:block;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.teacher-card-body{display:block;color:var(--muted);font-size:.92rem}[dir=ltr] .teacher-card .arrow svg{transform:scaleX(-1)}.teach-empty input{flex:1;min-width:200px}.class-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-radius:26px;background-color:#1f1b2d;background-image:radial-gradient(rgba(255,255,255,.08) 1.1px,transparent 1.4px);background-size:18px 18px;color:#fffdf8}[data-theme=dark] .class-banner{background-color:#f4efe6;background-image:radial-gradient(rgba(31,27,45,.08) 1.1px,transparent 1.4px);color:#1f1b2d}.class-banner h2{font-size:1.6rem}.class-banner p{opacity:.8}.class-banner-code{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.class-banner-code>span,.class-banner-code small{font-size:.82rem;opacity:.8}.class-banner .class-code{display:inline-flex;align-items:center;gap:10px;font-size:1.6rem;background:#ffd75e;color:#1f1b2d}.teach-sort{align-items:center;gap:10px}.student-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.student-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft);animation:rise .5s var(--ease-out) backwards}.student-card.is-away{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--xp) 60%,transparent),var(--shadow-soft)}.student-head{display:flex;align-items:center;gap:12px}.student-name{flex:1;min-width:0;display:flex;flex-direction:column}.student-name a{font-family:var(--font-display);font-weight:700;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-name span{font-size:.82rem;color:var(--muted);text-align:start}.student-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.path-meter{height:8px;border-radius:999px;background:color-mix(in srgb,var(--tone) 15%,transparent);overflow:hidden}.path-meter span{display:block;height:100%;border-radius:999px;background:var(--tone)}.student-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}.student-stats div{padding:8px 10px;border-radius:12px;background:var(--surface-2)}.student-stats .wide{grid-column:1 / -1}.student-stats dt{font-size:.76rem;color:var(--muted);font-weight:600}.student-stats dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.student-stats dd small{font-size:.8rem;color:var(--muted)}.student-stats .small-dd{font-family:var(--font-sans);font-size:.92rem}.student-actions{display:flex;flex-wrap:wrap;gap:8px}.temp-password{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:2px dashed var(--ink);background:var(--surface-2)}.temp-password code{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;word-break:break-all}.lesson-meters{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.lesson-meters li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:12px}.lesson-meter-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-meter-bar{position:relative;height:12px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}.lesson-meter-bar span{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px}.lesson-meter-bar .started{background:color-mix(in srgb,var(--tone) 30%,transparent)}.lesson-meter-bar .done{background:var(--tone)}.lesson-meter-count{font-size:.86rem;font-weight:600;white-space:nowrap}.lesson-meter-count small{color:var(--muted);font-weight:500}.lesson-meters li.is-stuck .lesson-meter-name:after{content:" ⚑";color:var(--bad)}.hard-questions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.hard-question{display:flex;gap:18px;padding:18px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft)}.hard-rate{flex:none;width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:conic-gradient(var(--bad) calc(var(--rate) * 360deg),color-mix(in srgb,var(--ink) 8%,transparent) 0);position:relative}.hard-rate:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--surface)}.hard-rate>*{position:relative}.hard-rate strong{font-family:var(--font-display);font-size:1.35rem;line-height:1;color:var(--bad-ink)}.hard-rate span{font-size:.66rem;color:var(--muted);max-width:64px;line-height:1.2}.hard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.hard-lesson{font-size:.82rem;font-weight:700;color:var(--accent-text)}.hard-prompt{font-family:var(--font-display);font-weight:700;font-size:1.05rem}@media (max-width: 640px){.lesson-meters li{grid-template-columns:minmax(0,1fr) auto}.lesson-meter-bar{grid-column:1 / -1;grid-row:2}.hard-question{flex-direction:column;gap:12px}.class-banner{padding:20px}}