@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-cyrillic-ext-400-normal.3jvet3qmpe_np.woff2)format("woff2"),url(../media/manrope-cyrillic-ext-400-normal.3h3676at96nns.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-cyrillic-400-normal.1kar6y_w7xc92.woff2)format("woff2"),url(../media/manrope-cyrillic-400-normal.2ow5pljymqch1.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-greek-400-normal.3ndh7452icn1t.woff2)format("woff2"),url(../media/manrope-greek-400-normal.010saykxxeioc.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-vietnamese-400-normal.3twqkh3lr93h-.woff2)format("woff2"),url(../media/manrope-vietnamese-400-normal.3o_jvyozxy7do.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-latin-ext-400-normal.3kpz2pq12o9y7.woff2)format("woff2"),url(../media/manrope-latin-ext-400-normal.3dacdzxdo3dh1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-latin-400-normal.2xa18tgv2np2i.woff2)format("woff2"),url(../media/manrope-latin-400-normal.16uzrbq5-8z5v.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-cyrillic-ext-500-normal.2kuwqy2x2_kvx.woff2)format("woff2"),url(../media/manrope-cyrillic-ext-500-normal.0xr2oo9ws-j-l.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-cyrillic-500-normal.2j2me72v6wy09.woff2)format("woff2"),url(../media/manrope-cyrillic-500-normal.1snb6zl_nhipa.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-greek-500-normal.3fllgi463pg36.woff2)format("woff2"),url(../media/manrope-greek-500-normal.44ok24c-hm52c.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-vietnamese-500-normal.2rmwx81er-1wg.woff2)format("woff2"),url(../media/manrope-vietnamese-500-normal.3j-azu-_-g81b.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-latin-ext-500-normal.2m4b1kv6exkn9.woff2)format("woff2"),url(../media/manrope-latin-ext-500-normal.09w2uqje_gnk0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-latin-500-normal.23dhs730snm70.woff2)format("woff2"),url(../media/manrope-latin-500-normal.1uxcnzel4f8qj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-cyrillic-ext-600-normal.2c5msalb399p0.woff2)format("woff2"),url(../media/manrope-cyrillic-ext-600-normal.15dz_0yvxte-y.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-cyrillic-600-normal.2dlkzm0g6c5lw.woff2)format("woff2"),url(../media/manrope-cyrillic-600-normal.2lp-6i5mhw61k.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-greek-600-normal.36n2ro-k8135v.woff2)format("woff2"),url(../media/manrope-greek-600-normal.2cdz12dc1iljx.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-vietnamese-600-normal.44s_uvku5lu7o.woff2)format("woff2"),url(../media/manrope-vietnamese-600-normal.04ryp5-ejuw11.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-latin-ext-600-normal.0rboslp6omgc3.woff2)format("woff2"),url(../media/manrope-latin-ext-600-normal.2dnw-ugx_s-0m.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-latin-600-normal.2ybi4mo9-3upl.woff2)format("woff2"),url(../media/manrope-latin-600-normal.0d_nc7hu7m8km.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(../media/manrope-cyrillic-ext-700-normal.24rfadzth-ea_.woff2)format("woff2"),url(../media/manrope-cyrillic-ext-700-normal.24rbunm8ei_ow.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(../media/manrope-cyrillic-700-normal.16p40z5fn5_zv.woff2)format("woff2"),url(../media/manrope-cyrillic-700-normal.3te-i5lbatid1.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(../media/manrope-greek-700-normal.345zy40yxw5yy.woff2)format("woff2"),url(../media/manrope-greek-700-normal.106e_m097cdnm.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(../media/manrope-vietnamese-700-normal.3spwa7rpbdcfi.woff2)format("woff2"),url(../media/manrope-vietnamese-700-normal.09mmasjjym1bw.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(../media/manrope-latin-ext-700-normal.14ezai-4kezdq.woff2)format("woff2"),url(../media/manrope-latin-ext-700-normal.3p3hfqi13m0pv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(../media/manrope-latin-700-normal.22dwiag9_pj68.woff2)format("woff2"),url(../media/manrope-latin-700-normal.2dopus2zh5ii9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(../media/manrope-cyrillic-ext-800-normal.29qbcrtmcyu4t.woff2)format("woff2"),url(../media/manrope-cyrillic-ext-800-normal.066cgovoj794h.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(../media/manrope-cyrillic-800-normal.2ohq_hu38ve4h.woff2)format("woff2"),url(../media/manrope-cyrillic-800-normal.32dd6yd8_gpxf.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(../media/manrope-greek-800-normal.0289vjefxfdzw.woff2)format("woff2"),url(../media/manrope-greek-800-normal.35thbajvftyqu.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(../media/manrope-vietnamese-800-normal.442n86tidv_77.woff2)format("woff2"),url(../media/manrope-vietnamese-800-normal.3icp_a-119ojs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(../media/manrope-latin-ext-800-normal.3brv9jqybigpz.woff2)format("woff2"),url(../media/manrope-latin-ext-800-normal.0jpddng83u627.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(../media/manrope-latin-800-normal.037pwi_4ver8j.woff2)format("woff2"),url(../media/manrope-latin-800-normal.0a-2q2cgln7hh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f5f6f9;--panel:#fff;--soft:#f5f6fa;--line:#e5e8f0;--text:#202434;--muted:#687286;--accent:#405ed8;--accent-soft:#edf0ff;--on-accent:#fff;--scene:#f7f9fc;--scene-glow:#e5ebf4;--lime:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#101218;--panel:#191c24;--soft:#20242f;--line:#2c3240;--text:#f0f2f8;--muted:#a3adbf;--accent:#93acff;--accent-soft:#28314c;--on-accent:#11182f;--scene:#151b25;--scene-glow:#263f46;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:4px;outline:3px solid #86ac89}.app{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:226px;padding:30px 18px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.8px;align-items:center;gap:8px;padding:0 10px;font-size:32px;font-weight:800;text-decoration:none;display:flex}.brand-icon{color:var(--accent);font-size:40px}.brand-dot{color:var(--accent);margin-left:-7px}.subject{letter-spacing:2px;color:var(--muted);margin:40px 16px 15px;font-size:12px}.nav{color:var(--muted);justify-content:flex-start;gap:12px;margin:4px 0;padding:13px 15px;font-size:14px;display:flex}.nav-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:30px 14px 0}.mini-orbit{color:var(--accent);margin-bottom:18px}.sidebar-bottom b{font-size:14px;font-weight:500;line-height:1.7}.sidebar-bottom p{color:var(--muted);font-size:12px}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:30px;padding-top:22px;font-size:13px;display:flex}.profile>span{background:var(--accent-soft);color:var(--accent);border-radius:50%;padding:10px 14px}.profile small{color:var(--muted);margin-top:4px;font-size:12px;display:block}main{width:calc(100% - 226px);max-width:1900px;margin-left:226px;padding:0 38px}header{border-bottom:1px solid var(--line);height:84px;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.breadcrumb,.local{align-items:center;gap:10px;display:flex}.local>span,.live>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.heading{justify-content:space-between;align-items:center;margin:34px 0 28px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--accent);font-size:12px;font-weight:600}h1{letter-spacing:-1.8px;margin:12px 0;font-size:clamp(29px,3vw,43px);font-weight:500;line-height:1.25}h1 span{color:var(--text)}.heading p{color:var(--muted);margin:12px 0 0;font-size:15px}.chapter{color:var(--muted);font-size:14px}.chapter span{color:var(--muted);font-size:32px;font-weight:400}.workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:24px;display:grid}.lab{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #25382d03}.lab-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 22px;display:flex}.tabs{min-height:48px}.tabs button{gap:6px;min-width:0;padding:12px;font-size:13px}.live{letter-spacing:1px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.scene{background:radial-gradient(ellipse at 50% 50%,var(--scene-glow),var(--scene) 70%);flex-direction:column;flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.scene:before{content:"";pointer-events:none;background-image:radial-gradient(#69827335 .6px,#0000 .6px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.scene-label{letter-spacing:1.4px;color:var(--muted);font-size:12px;position:absolute;top:23px;left:24px}.scene-label small{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:12px;display:block}.cell{width:100%;min-height:390px;margin-top:30px;display:block;position:relative;overflow:visible}.org{cursor:pointer;transition:filter .3s}.org:hover,.org.selected{filter:drop-shadow(0 0 8px #b3d890aa)}.org:focus{filter:drop-shadow(0 0 9px #efffa4);outline:none}.annotation{color:var(--muted)}.annotation.active{color:var(--accent)}.float{transform-origin:50%;animation:7s ease-in-out infinite float}.slow{animation-duration:9s;animation-delay:-3s}.reverse{animation-delay:-5s}.scene-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:0 22px 22px;font-size:12px;display:flex}.scene-bottom>span{align-items:center;gap:7px;display:flex}.dimension{letter-spacing:1px;font-size:10px}.org-list{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;gap:9px;margin-top:auto;padding:20px;display:flex}.org-list .MuiChip-root{border-color:var(--line);height:35px;color:var(--muted);font-size:13px;transition:background .22s,border-color .22s}.org-list .picked{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.part-dot{border-radius:50%;width:7px!important;height:7px!important;margin-left:10px!important}.detail{background:var(--panel);border:1px solid var(--line);view-transition-name:lesson-detail;border-radius:16px;flex-direction:column;padding:28px;display:flex}.detail-meta{letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.pill{color:var(--accent);letter-spacing:0;background:var(--accent-soft);border-radius:12px;padding:5px 10px;font-size:12px}.organ-symbol{background:var(--accent-soft);border-radius:24px;place-items:center;width:86px;height:86px;margin-top:27px;margin-bottom:18px;display:grid}.detail h2{letter-spacing:-1px;margin:0 0 10px;font-size:28px;font-weight:500;line-height:1.25}.tag{font-size:14px;color:var(--accent)!important}.description,.detail>p{color:var(--muted);margin:20px 0;font-size:16px;line-height:1.8}.fact{background:var(--soft);color:var(--accent);border-radius:13px;gap:10px;margin:0 0 28px;padding:16px 14px;display:flex}.fact svg{flex-shrink:0}.fact b{font-size:13px;font-weight:600}.fact p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.7}.detail-footer{margin-top:auto}.detail-footer>span{color:var(--muted);font-size:12px}.progress{margin:12px 0 21px}.primary{justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:14px;display:flex}.primary:hover{transform:translateY(-2px)}footer{justify-content:space-between;align-items:center;gap:20px;padding:27px 0 32px;display:flex}footer>div{align-items:center;gap:13px;display:flex}.footer-star{color:var(--muted);font-size:30px}footer b{font-size:13px;font-weight:500}footer small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.saved{color:var(--muted);font-size:12px}.question{margin-top:35px!important;font-size:25px!important}.feedback{background:var(--soft);border:1px solid var(--line);color:var(--accent);border-radius:13px;margin:15px 0 24px;padding:20px;font-size:14px;line-height:1.7}.feedback b{display:block}.feedback p{color:var(--muted);font-size:14px}.success{text-align:center;margin:auto 0}.success-icon{background:var(--accent-soft);color:var(--accent);border-radius:50%;margin:20px 0 35px;padding:25px;display:inline-flex}.success h2{margin-top:20px}.success p{color:var(--muted);font-size:15px;line-height:1.8}.text-button{justify-content:center;gap:8px;margin:18px auto 0;font-size:13px;display:flex}@keyframes float{0%,to{translate:0}50%{translate:0 -6px}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){main{padding:0 60px}.workspace{grid-template-columns:minmax(0,1fr) 370px}.detail{padding:34px}.cell{max-height:640px}}@media (max-width:1200px){.sidebar{width:190px;padding-inline:12px}main{width:calc(100% - 190px);margin-left:190px;padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.detail{padding:24px}.live,.scene-bottom .dimension{display:none}.lab-top{padding:10px}.tabs button{padding:10px;font-size:12px}.detail h2{font-size:25px}}@media (max-width:950px){.sidebar{width:78px;padding:25px 10px}.brand{padding:0;font-size:0}.brand-icon{font-size:39px}.brand-dot,.subject,.sidebar-bottom{display:none}.nav{justify-content:center;min-width:0;padding:14px 8px;font-size:0}.nav svg{flex-shrink:0}.nav-dot{display:none}.nav:first-of-type{margin-top:35px}main{width:calc(100% - 78px);margin-left:78px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.heading p{font-size:14px}.chapter{display:none}.cell{min-height:340px}.scene-label{font-size:11px;top:15px}.scene-label small,.scene-bottom{font-size:11px}}@media (max-width:740px){.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:10px;width:100%;height:72px;padding:10px 18px;position:static}.brand{margin-right:auto;font-size:26px}.brand-icon{font-size:33px}.brand-dot{display:block}.nav,.nav:first-of-type{margin:0;padding:11px;font-size:0}.app{display:block}main{width:100%;margin:0;padding:0 18px}header{height:58px;font-size:12px}.local{font-size:11px}.heading{margin:27px 0 24px}.eyebrow{font-size:10px}h1{letter-spacing:-1.2px;font-size:32px}.heading p{max-width:300px;font-size:14px;line-height:1.6}.workspace{flex-direction:column;gap:18px;display:flex}.cell{min-height:0;margin-top:35px}.lab-top{padding:8px 12px}.tabs{width:100%}.tabs .MuiTabs-list{justify-content:space-around}.tabs button{font-size:12px}.org-list{padding:16px}.org-list .MuiChip-root{font-size:12px}.scene-bottom{padding-inline:16px;font-size:11px}.detail{padding:25px}.detail h2{font-size:29px}.organ-symbol{margin-top:20px}.saved{display:none}footer small{line-height:1.6}.question{margin-top:25px!important}}@media (max-width:380px){.local{max-width:112px}.tabs button{padding:9px 6px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{background:var(--bg);color:var(--text)}body,.sidebar,.lab,.detail,.scene,.org-list,.fact,.feedback,.organ-symbol,.profile>span{transition:background-color .36s,color .28s,border-color .28s,box-shadow .28s}.sidebar{width:236px;padding-top:28px}main{width:calc(100% - 236px);margin-left:236px}.brand{min-width:0;color:var(--text);text-transform:none;justify-content:flex-start;gap:10px;padding:0 10px;font-size:29px;line-height:1}.brand-icon{background:var(--accent);width:37px;height:37px;color:var(--on-accent);border-radius:11px;place-items:center;display:grid}.brand-dot{display:none}.subject{letter-spacing:1.6px;margin-top:45px;font-size:11px}.nav{border-radius:10px}.nav.active{background:var(--accent-soft);color:var(--accent)}.nav svg{transition:transform .3s}.nav:hover svg{transform:translateY(-2px)}.header-actions{align-items:center;gap:22px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);gap:9px;min-width:44px;padding:8px 12px;font-size:12px}.theme-toggle svg{transition:transform .3s;animation:.35s reveal}.theme-toggle:hover svg{transform:rotate(18deg)}.theme-toggle:hover{background:var(--accent-soft)}.side-progress>span{color:var(--muted);font-size:12px}.side-progress b{margin:9px 0 15px;font-size:27px;font-weight:600;display:block}.side-progress small{color:var(--muted);font-size:11px;font-weight:400}.profile{margin-top:27px}.heading{margin:35px 0 26px}h1{letter-spacing:-1.5px;font-size:38px;font-weight:700}.heading p{font-size:14px}.eyebrow{color:var(--muted);letter-spacing:1.6px;font-size:11px}.lesson-badge{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;align-items:center;gap:11px;padding:13px 16px;font-size:12px;display:flex}.lesson-badge svg{color:var(--accent)}.lesson-badge small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.lab{box-shadow:none}.lab-top{padding:10px 18px}.tabs button{font-size:13px}.scene:before{opacity:.45}.scene-label{letter-spacing:1px;font-size:11px}.scene-label small{font-size:11px}.cell{view-transition-name:cell-model}.annotation{transition:color .3s,opacity .3s}.annotation:not(.active){opacity:.4}.annotation.active{opacity:1}.org{transition:filter .3s,opacity .3s}.org:active{opacity:.8}.org-list .MuiChip-root{min-height:36px;transition:background-color .25s,border-color .25s,color .25s,transform .25s}.org-list .MuiChip-root:hover{background:var(--accent-soft);transform:translateY(-2px)}.org-list .MuiChip-root:active{transform:scale(.97)}.org-list .picked{color:var(--accent)}.detail{min-height:620px;padding:27px}.detail h2{letter-spacing:-.8px;font-size:27px;font-weight:650}.organ-symbol{border-radius:16px;width:64px;height:64px;margin:25px 0 18px}.organ-symbol svg{width:40px;height:40px}.detail-meta{font-size:10px}.tag{font-size:13px}.description{font-size:15px;line-height:1.85}.fact{background:var(--soft);border-radius:12px;padding:16px}.fact p{font-size:13px}.primary{background:var(--accent);color:var(--on-accent);font-size:13px}.primary:hover{background:var(--accent);box-shadow:0 5px 15px #405ed825}.primary svg{transition:transform .28s}.primary:hover svg{transform:translate(3px)}.feedback{view-transition-name:quiz-feedback;transition:background-color .3s,border-color .3s}.feedback.correct{background:var(--accent-soft);border-color:#6c9d87}.feedback.retry{border-color:#bb9764}.success-icon{animation:.5s reveal}.breadcrumb{view-transition-name:breadcrumb}.sidebar{view-transition-name:sidebar}header{view-transition-name:header}::view-transition-old(root){animation:.15s both fade-out}::view-transition-new(root){animation:.3s cubic-bezier(.22,1,.36,1) both reveal}::view-transition-old(lesson-detail){animation:.12s both fade-out}::view-transition-new(lesson-detail){animation:.3s both reveal}::view-transition-group(*){animation-duration:.3s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes fade-out{to{opacity:0}}@media (max-width:1200px){.sidebar{width:185px}main{width:calc(100% - 185px);margin-left:185px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.detail{padding:23px}.lesson-badge{display:none}.header-actions{gap:12px}.local{font-size:11px}.tabs button{padding:9px;font-size:12px}.scene-label{left:18px}}@media (max-width:950px){.sidebar{width:78px}.brand{justify-content:center;padding:0;font-size:0}.brand-icon{flex-shrink:0}.nav{font-size:0}main{width:calc(100% - 78px);margin-left:78px}.workspace{grid-template-columns:minmax(0,1fr) 275px}.detail{padding:20px}.theme-toggle span{display:none}}@media (max-width:740px){.sidebar{width:100%;padding:10px 18px}.brand{font-size:26px}.brand-icon{width:34px;height:34px}.nav{padding:10px}main{width:100%;margin:0}.heading{margin:25px 0}.heading h1{font-size:32px}.heading p{font-size:13px}.header-actions .local{display:none}.theme-toggle{min-width:38px;min-height:38px;padding:7px}.detail{min-height:570px;padding:25px}.workspace{display:flex}.tabs button{font-size:12px}.scene-label{top:15px}.org-list .MuiChip-root{font-size:12px}footer small{max-width:330px}.sidebar{view-transition-name:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.game-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;margin-bottom:20px;display:grid;overflow:hidden;box-shadow:0 12px 34px #0a132b12}.game-card img{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.game-card-body{flex-direction:column;justify-content:center;gap:10px;padding:clamp(20px,2.4vw,32px);display:flex}.game-card-body h2{letter-spacing:-.8px;margin:2px 0;font-size:clamp(23px,2.4vw,31px);font-weight:650}.game-card-body p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.game-card-body ul{gap:8px;margin:8px 0 14px;padding:0;list-style:none;display:grid}.game-card-body li{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.game-card-body li svg{color:var(--accent);flex-shrink:0}.game-card-body .primary{align-self:flex-start}@media (max-width:900px){.game-card{grid-template-columns:1fr}.game-card img{min-height:200px}}.lang-toggle{min-width:78px}.lang-toggle span{letter-spacing:.3px;font-weight:700}.workspace.full{grid-template-columns:minmax(0,1fr)}.game-card.inside{box-shadow:none;border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0}.game-card.inside img{border-radius:0;min-height:300px}@media (max-width:900px){.game-card.inside img{min-height:200px}}.nav-text{text-align:left;text-transform:none;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.25;display:flex}.nav-text small{color:var(--muted);opacity:.9;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:11px;font-weight:500;overflow:hidden}.nav.active .nav-text small{color:var(--accent);opacity:.75}@media (min-width:951px){.nav{padding:10px 13px}}.lab-cta{background:var(--accent);color:var(--on-accent);text-transform:none;border-radius:14px;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;font:700 14px Manrope,Arial,sans-serif;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 8px 22px #405ed826}.lab-cta:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 12px 26px #405ed838}.lab-cta span{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.lab-cta small{opacity:.85;margin-top:2px;font-size:11px;font-weight:500}@media (max-width:1200px) and (min-width:951px){.sidebar{width:204px}main{width:calc(100% - 204px);margin-left:204px}.nav{gap:10px;padding:10px}.nav-text{font-size:13px}.nav-text small{font-size:10px}}@media (max-width:950px){.nav-text small{display:none}}@media (max-width:740px){.heading{flex-wrap:wrap;gap:14px}.lab-cta{padding:10px 14px;font-size:13px}}.intro-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);margin-bottom:32px;animation:.4s both reveal;display:grid;overflow:hidden;box-shadow:0 12px 34px #0a132b12}.intro-media{background:var(--soft);border-right:1px solid var(--line);flex-direction:column;display:flex}.intro-media img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.intro-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:16px;display:grid}.intro-facts div{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:11px 13px}.intro-facts dt{letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);font-size:10.5px}.intro-facts dd{color:var(--text);margin:5px 0 0;font-size:13px;font-weight:650;line-height:1.4}.intro-body{flex-direction:column;gap:12px;padding:clamp(22px,2.6vw,36px);display:flex}.intro-body h2{letter-spacing:-.8px;margin:2px 0;font-size:clamp(23px,2.3vw,30px);font-weight:650;line-height:1.2}.intro-body>p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.7}.intro-body h3{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:10px 0 9px;font-size:11px;font-weight:700}.intro-body ul,.intro-body ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.intro-body li{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.intro-body ul li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.intro-body ol li b{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.intro-enter{align-self:flex-start;gap:10px;margin-top:auto;border-radius:12px!important;width:auto!important;padding:13px 22px!important;font-size:14px!important}@media (max-width:1200px){.intro-card{grid-template-columns:1fr}.intro-media{border-right:0;border-bottom:1px solid var(--line)}.intro-media img{aspect-ratio:16/9}.intro-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:740px){.intro-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-enter{justify-content:center;width:100%!important}}
.cell-atlas{color:#e6f2f3;isolation:isolate;background:#081c27;flex-direction:column;flex:1;display:flex;position:relative}.workspace{align-items:start}.atlas-heading{z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:23px 26px 0;display:flex}.atlas-kicker{letter-spacing:2px;color:#b7d9d5;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.atlas-kicker i{background:#9ae1cb;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #9ae1cb80}.atlas-heading p{color:#7fa1ab;margin:8px 0 0;font-size:12px}.atlas-specimen{letter-spacing:1.5px;color:#71949e;white-space:nowrap;font-size:9px}.atlas-viewport{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.atlas-svg{aspect-ratio:3/2;touch-action:manipulation;width:100%;min-width:0;display:block}.atlas-zoom-layer{transition:transform .5s cubic-bezier(.22,1,.36,1)}::view-transition{pointer-events:none}.atlas-region{cursor:pointer;outline:none}.atlas-hit{fill:#0000;stroke:#0000;stroke-width:3px;stroke-linejoin:round;transition:fill .25s,stroke .25s}.atlas-region.is-active .atlas-hit,.atlas-region:focus-visible .atlas-hit{fill:color-mix(in srgb,var(--region-color) 7%,transparent);stroke:var(--region-color);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--region-color) 55%,transparent))}.atlas-region:focus-visible .atlas-hit{stroke-width:5px;stroke-dasharray:9 5}.atlas-region.is-membrane .atlas-hit{pointer-events:none;fill:none!important}.atlas-membrane-target{fill:none;stroke:#0000;stroke-width:32px;pointer-events:stroke}.atlas-leader{fill:none;stroke:#d2eff0;stroke-width:1px;opacity:.35;pointer-events:none}.atlas-point{fill:var(--region-color);stroke:#081c27;stroke-width:2px;pointer-events:none}.atlas-pin{fill:#0a2532;stroke:#79a3ad;stroke-width:1.5px}.atlas-number{fill:#d5ecef;dominant-baseline:middle;text-anchor:middle;font-size:17px;font-weight:700}.atlas-label{fill:#c2d7dd;paint-order:stroke;stroke:#081c27;stroke-width:5px;stroke-linejoin:round;font-size:22px;font-weight:600}.atlas-region.is-active .atlas-pin{stroke:var(--region-color);fill:#133544}.atlas-region.is-active .atlas-leader{stroke:var(--region-color);opacity:.85}.atlas-region.is-active .atlas-label{fill:#fff}.atlas-toolbar{border-top:1px solid #36536066;justify-content:space-between;align-items:center;gap:10px;margin:0 20px;padding:14px 0;display:flex}.atlas-selection{align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.atlas-selection-dot{background:#9ae1cb;border-radius:50%;flex-shrink:0;width:7px;height:7px}.atlas-selection small{color:#81a1ac;margin-top:4px;font-size:10px;line-height:1.5;display:block}.atlas-tools{flex-shrink:0;gap:3px;display:flex}.atlas-tools .MuiButton-root{color:#b8d4df;border-radius:8px;width:34px;min-width:34px;height:34px;padding:0}.atlas-tools .MuiButton-root:hover{background:#ffffff14}.atlas-tools .MuiButton-root.Mui-disabled{color:#486675}.atlas-note{color:#74929e;justify-content:space-between;gap:12px;padding:0 25px 16px;font-size:9px;line-height:1.5;display:flex}.atlas-status{color:#ddc599;margin:0 25px 10px;font-size:11px}.organ-preview{border:1px solid var(--line);background:#081c27;border-radius:14px;margin:22px 0 20px;overflow:hidden}.organ-preview>svg,.organ-detail-image{object-fit:contain;width:100%;height:190px;display:block}.organ-preview-tabs{background:#0c2431;justify-content:center;gap:8px;padding:5px;display:flex}.organ-preview-tabs .MuiButton-root{color:#829fac;border-radius:6px;min-width:0;padding:4px 12px;font-size:10px}.organ-preview-tabs .MuiButton-root[aria-pressed=true]{color:#dcf2f1;background:#264450}.organ-detail-panel{background:#0a202c;border-top:1px solid #36536080;padding:13px 14px 14px}.organ-detail-heading{color:#90b2bc;letter-spacing:1.1px;justify-content:space-between;align-items:center;font-size:9px;display:flex}.organ-detail-heading b{font-size:9px;font-weight:500}.organ-detail-options{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.organ-detail-options .MuiButton-root{color:#a7c4ca;text-transform:none;border:1px solid #42606b;border-radius:7px;min-width:0;padding:5px 8px;font-size:10px;line-height:1.25}.organ-detail-options .MuiButton-root[aria-selected=true]{color:#fff;background:#1c3c48;border-color:#84b7bd}.organ-detail-copy{color:#e2f0f1;border-left:2px solid #8bc8ca;min-height:65px;padding:3px 0 3px 10px}.organ-detail-copy b{font-size:12px}.organ-detail-copy p{color:#acc4c9;margin:5px 0 0;font-size:11px;line-height:1.55}.organ-location{color:#a9c3c9;border-top:1px solid #36536080;margin:10px 0 0;padding-top:10px;font-size:10px;line-height:1.55}.organ-location span{color:#81b9ba;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.atlas-note a{color:inherit;white-space:nowrap;text-decoration:none}.atlas-note a:hover{text-decoration:underline}.cell-atlas.is-fullscreen{z-index:1500;background:#081c27;width:100%;height:100%;position:fixed;inset:0}.is-fullscreen .atlas-heading{padding:24px 40px 0}.is-fullscreen .atlas-svg{aspect-ratio:3/2;width:auto;max-width:100%;height:100%}.is-fullscreen .atlas-viewport{min-height:0}.is-fullscreen .atlas-toolbar{margin-inline:40px}.is-fullscreen .atlas-note{padding-inline:40px}.is-fullscreen .atlas-selection{font-size:18px}.is-fullscreen .atlas-selection small{font-size:13px}.is-fullscreen .atlas-tools .MuiButton-root{width:44px;height:44px}.is-fullscreen .atlas-tools svg{width:22px;height:22px}@media (min-width:1500px){.organ-preview>svg,.organ-detail-image{height:210px}}@media (max-width:1100px){.atlas-heading{padding:20px 18px 0}.atlas-specimen{display:none}.atlas-toolbar{flex-wrap:wrap}.atlas-selection{flex:160px}.atlas-tools{margin-left:auto}.atlas-note{padding-inline:20px}.atlas-note>span:last-child{display:none}}@media (max-width:740px){.atlas-heading p{font-size:11px}.atlas-kicker{font-size:9px}.atlas-toolbar{margin-inline:16px;padding-block:12px}.atlas-selection small{max-width:200px}.atlas-note{padding-inline:16px}.organ-preview>svg,.organ-detail-image{height:220px}.atlas-tools .MuiButton-root{width:32px;min-width:32px}.atlas-heading{padding-top:18px}.atlas-selection{font-size:12px}}@media (prefers-reduced-motion:reduce){.atlas-zoom-layer,.atlas-hit{transition:none}}
.photo-game{padding:28px 0 34px;animation:.35s both reveal}.photo-game-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.photo-back{color:var(--muted);gap:8px;font-size:13px}.photo-live{letter-spacing:1.4px;color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.photo-live i{background:#66b77a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #66b77a22}.photo-heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:25px;display:flex}.photo-heading h1{margin:9px 0}.photo-heading h1 span{color:#5f9f6d}.photo-heading p{color:var(--muted);margin:0;font-size:14px}.photo-score{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:205px;padding:14px 16px}.photo-score>span{letter-spacing:1px;color:var(--muted);font-size:10px}.photo-score b{margin:4px 0 10px;font-size:30px;line-height:1.2;display:block}.photo-score small{color:var(--muted);margin-left:2px;font-size:13px;font-weight:500}.photo-score .MuiLinearProgress-root{background:#cce0cb;border-radius:9px;height:5px}.photo-score .MuiLinearProgress-bar{background:#5f9f6d}.photo-layout{grid-template-columns:minmax(0,1fr) 335px;gap:20px;display:grid}.photo-stage{border:1px solid var(--line);background:linear-gradient(160deg,#d9f0ef 0%,#f6f8e9 57%,#dfc7a6 57.2%,#b6794e 100%);border-radius:18px;min-height:580px;position:relative;overflow:hidden}.photo-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff36,#0000 48%),radial-gradient(circle at 72% 27%,#e0f6b088,#0000 24%);position:absolute;inset:0}.photo-sun-rays{background:conic-gradient(from 35deg at 28% 12%, transparent 0 11deg, #fff9b370 14deg 23deg, transparent 26deg 43deg, #fff9b34c 46deg 57deg, transparent 60deg);filter:blur(2px);opacity:.44;transition:opacity .6s;position:absolute;inset:-30% 36% 37% -20%}.photo-copy{z-index:3;color:#1d4b51;position:absolute;top:24px;left:25px}.photo-copy span{letter-spacing:1.2px;font-size:10px;font-weight:700}.photo-copy p{max-width:260px;margin:6px 0;font-size:12px;line-height:1.5}.photo-plant{mix-blend-mode:multiply;filter:saturate(1.06)contrast(1.03);background-image:url(/images/photosynthesis/plant-hero-gpt.png);background-position:50%;background-size:cover;position:absolute;inset:0}.photo-leaf-cutaway{aspect-ratio:1.35;z-index:2;background:radial-gradient(at 54% 48%,#b6dc77 0 8%,#7ebd61 9% 35%,#4f9657 36% 42%,#d5ecb2 43% 47%,#3c8048 48% 54%,#0000 55%);border-radius:62% 40% 65% 38%/58% 48% 64% 42%;width:32%;transition:transform .5s;position:absolute;top:20%;right:5.5%;transform:rotate(-16deg);box-shadow:inset -10px -7px 20px #225a4380,0 15px 24px #24562e30}.photo-leaf-cutaway:before{content:"";background:repeating-radial-gradient(#fff0 0 5px,#ffffff20 6px 7px);border:2px solid #d8f3bbaa;border-radius:50%;position:absolute;inset:17%}.photo-chloroplast{background:repeating-linear-gradient(90deg,#2d744b 0 3px,#b2e17a 4px 6px);border:2px solid #286f48;border-radius:60%;width:23%;height:14%;position:absolute;box-shadow:0 2px 5px #183b2c55}.chloroplast-a{top:27%;left:33%}.chloroplast-b{top:50%;left:48%}.chloroplast-c{top:59%;left:20%}.photo-stoma{z-index:1;background:#d8efbd;border:2px solid #315c4c;border-radius:50%;padding:5px 3px;font-size:9px;position:absolute;top:49%;right:-14%}.photo-leaf-label{color:#286343;white-space:nowrap;font-size:11px;position:absolute;bottom:-23px;left:25%;transform:rotate(16deg)}.photo-water-flow{z-index:3;background:#82cbe466;border-radius:10px;width:9px;height:32%;position:absolute;top:63%;left:53%;overflow:hidden;transform:rotate(-7deg)}.photo-water-flow i{background:#d8faff;border-radius:50%;width:100%;height:18px;animation:1.4s linear infinite water-rise;position:absolute}.photo-water-flow i:nth-child(2){animation-delay:-.48s}.photo-water-flow i:nth-child(3){animation-delay:-.96s}.photo-co2-flow{z-index:3;width:28%;height:14%;position:absolute;top:42%;right:0;overflow:hidden}.photo-co2-flow i{color:#315f6b;background:#e5f8f1;border-radius:50%;padding:5px;font-size:10px;font-style:normal;animation:2.8s ease-in infinite co2-enter;position:absolute;right:-30px}.photo-co2-flow i:nth-child(2){animation-delay:-.9s}.photo-co2-flow i:nth-child(3){animation-delay:-1.8s}.photo-light-flow{z-index:2;clip-path:polygon(0 0,70% 0,100% 100%,35% 100%);background:linear-gradient(129deg,#0000 34%,#fffbd05e 42%,#fff8a4a0 49%,#0000 57%);width:48%;height:58%;animation:1.9s ease-in-out infinite sun-pulse;position:absolute;top:0;left:17%}.photo-product-flow{z-index:4;position:absolute;top:18%;right:25%}.photo-product-flow .glucose{white-space:nowrap;color:#fff8bb;background:#d98e55;border-radius:20px;padding:6px 9px;font-size:10px;animation:2.2s ease-in-out infinite glucose;position:absolute;top:90px;left:-75px;box-shadow:0 4px 12px #7d381d55}.photo-product-flow i{color:#3783a3;background:#eafcff;border-radius:50%;margin:8px;padding:7px;font-size:11px;font-style:normal;animation:2.2s ease-out infinite oxygen;display:block;box-shadow:0 3px 9px #2e718330}.photo-product-flow i:nth-of-type(2){animation-delay:-.7s}.photo-product-flow i:nth-of-type(3){animation-delay:-1.4s}.photo-cinematic{z-index:7;color:#f6ffdf;text-align:center;background:#153d36e8;border:1px solid #c9efae99;border-radius:17px;place-items:center;gap:5px;min-width:230px;padding:17px;animation:.45s reveal;display:grid;position:absolute;top:48%;left:50%;translate:-50% -50%;box-shadow:0 14px 45px #14322a77}.photo-cinematic svg{color:#e9f398}.photo-cinematic b{font-size:15px}.photo-cinematic span{color:#d4e8c6;font-size:11px}.photo-success{z-index:7;color:#275c3c;background:#eff9e8e8;border-radius:13px;align-items:center;gap:10px;padding:10px 13px;display:flex;position:absolute;bottom:21px;left:24px;box-shadow:0 7px 20px #163b2622}.photo-success>span{color:#fff;background:#5ba16a;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.photo-success b,.photo-success small{display:block}.photo-success b{font-size:13px}.photo-success small{margin-top:3px;font-size:11px}.photo-stage.is-reacting .photo-leaf-cutaway{filter:brightness(1.15);transform:rotate(-16deg)scale(1.08);box-shadow:0 0 0 12px #e5f6962b,0 0 42px #ecf7a5a3}.photo-stage.is-done .photo-leaf-cutaway{filter:brightness(1.1)saturate(1.2)}.photo-control{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;padding:25px;display:flex}.photo-control-meta{color:var(--muted);letter-spacing:1.1px;justify-content:space-between;font-size:10px;display:flex}.photo-control-meta svg{color:#5f9f6d}.photo-control h2{letter-spacing:-.8px;margin:22px 0 10px;font-size:26px;line-height:1.2}.photo-note{color:var(--muted);min-height:68px;margin:0 0 18px;font-size:14px;line-height:1.7}.photo-resources{gap:9px;display:grid}.photo-resource{border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:11px;font-family:inherit;transition:all .22s;display:flex}.photo-resource:hover:not(:disabled){background:#f2f9ef;border-color:#79ab75;transform:translateY(-1px)}.photo-resource:disabled{cursor:default}.photo-resource.is-added{color:#367242;background:#edf7ea;border-color:#78a871}.resource-icon{color:#578f63;background:#e9f3e6;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.photo-resource b,.photo-resource small{display:block}.photo-resource b{font-size:13px}.photo-resource small{color:var(--muted);margin-top:3px;font-size:11px}.photo-resource>svg{margin-left:auto}.photo-launch{margin-top:20px}.photo-launch:disabled{opacity:.55}.photo-equation{color:#376343;text-align:center;background:#eff7e8;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin:17px 0;padding:13px;font-size:12px;display:flex}.photo-equation b{font-size:18px}.photo-teacher{background:var(--soft);color:#6e8a45;border-radius:12px;gap:9px;margin-top:auto;padding:13px;display:flex}.photo-teacher p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.photo-teacher b{color:var(--text);margin-bottom:3px;font-size:12px;display:block}.photo-theory{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.photo-theory>div{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px}.photo-theory span{color:#66a16a;margin-bottom:10px;font-size:11px;display:block}.photo-theory b{font-size:15px}.photo-theory p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.photo-hint{color:var(--muted);text-align:center;margin:17px 0 0;font-size:12px}@keyframes water-rise{to{bottom:100%}}@keyframes co2-enter{20%{opacity:1}to{opacity:0;right:85%}}@keyframes oxygen{20%{opacity:1}to{opacity:0;translate:30px -90px}}@keyframes glucose{50%{opacity:1;scale:1.1}}@keyframes sun-pulse{50%{opacity:.55;filter:brightness(1.2)}}@media (max-width:1000px){.photo-layout{grid-template-columns:minmax(0,1fr) 300px}.photo-stage{min-height:530px}.photo-control{padding:20px}}@media (max-width:760px){.photo-heading{flex-direction:column;align-items:start}.photo-score{grid-template-columns:1fr auto;align-items:center;width:100%;display:grid}.photo-score .MuiLinearProgress-root{grid-column:1/-1}.photo-layout{flex-direction:column;display:flex}.photo-stage{min-height:440px}.photo-control{min-height:500px}.photo-theory{grid-template-columns:1fr}.photo-leaf-cutaway{width:38%;top:26%;right:2%}.photo-plant{background-position:57%}.photo-copy{top:16px;left:16px}.photo-success{bottom:14px;left:14px}.photo-game{padding-top:22px}}@media (max-width:420px){.photo-stage{min-height:390px}.photo-leaf-cutaway{width:43%;top:28%}.photo-copy p{max-width:190px}.photo-success{max-width:280px}.photo-product-flow{right:22%}}.photo-stage-unified{isolation:isolate;background:radial-gradient(circle at 50% 44%,#f7f4df 0,#eef3ec 55%,#dfe9e6 100%)}.photo-stage-unified:after{background:radial-gradient(circle at 50% 48%,#0000 40%,#4a7a6640 120%)}.photo-unified-plant{z-index:1;filter:drop-shadow(0 20px 25px #27533a38);background:url(/images/photosynthesis/plant-photosynthesis-unified-gpt.png) 50%/contain no-repeat;position:absolute;inset:2% 12% 0}.photo-target{z-index:4;color:#24593c;cursor:pointer;background:#ecf7e3a8;border:2px dashed #5e9c68;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;animation:1.7s ease-in-out infinite target-pulse;display:flex;position:absolute;box-shadow:0 0 0 7px #deefc960,0 0 28px #92c77590}.photo-target span{font-size:12px;font-weight:700}.photo-target i{color:#5a8762;font-size:11px;font-style:normal}.target-root{border-radius:48% 48% 32% 32%;width:20%;height:15%;bottom:8%;left:39%}.target-stoma{border-radius:50%;width:17%;height:12%;top:49%;right:17%}.target-chloroplast{border-radius:55%;width:22%;height:15%;top:39%;right:25%}.photo-route{z-index:3;pointer-events:none;position:absolute}.route-water{filter:drop-shadow(0 0 5px #d8f8ff);border-left:4px solid #6bc5df;border-radius:50%;height:34%;animation:1.6s linear infinite route-up;bottom:20%;left:48%}.route-co2{border-top:4px dotted #6298a0;width:18%;animation:1.6s linear infinite route-side;top:50%;right:23%;transform:rotate(-10deg)}.route-light{clip-path:polygon(0 0,68% 0,100% 100%,34% 100%);background:linear-gradient(128deg,#0000 33%,#fff49b20 38%,#fff49ba8 48%,#0000 58%);width:45%;height:58%;animation:1.8s ease-in-out infinite sun-pulse;top:0;left:21%}.photo-stage-unified .photo-product-flow{z-index:6;top:25%;right:25%}.photo-drag-resources{gap:8px}.photo-drag-resources .photo-resource{cursor:grab}.photo-drag-resources .photo-resource:active{cursor:grabbing}.photo-resource.is-dragging{background:#effae8;border-color:#5d9c68;transform:scale(1.025);box-shadow:0 6px 18px #5c9d5630}.photo-target-card{color:#356940;background:#eef7e9;border:1px solid #cce1c5;border-radius:12px;margin-bottom:11px;padding:12px}.photo-target-card span,.photo-target-card b,.photo-target-card small{display:block}.photo-target-card span{letter-spacing:1px;color:#6a916f;font-size:10px}.photo-target-card b{margin:3px 0;font-size:14px}.photo-target-card small,.photo-drag-hint{color:var(--muted);font-size:11px}.photo-drag-hint{margin:9px 0 13px;line-height:1.4}.photo-stage-unified.is-reacting .photo-unified-plant{filter:drop-shadow(0 0 30px #e7e56b99)saturate(1.14);scale:1.025}.photo-stage-unified.is-done .photo-unified-plant{filter:drop-shadow(0 0 22px #7cbf7a77)saturate(1.08)}@keyframes target-pulse{50%{scale:1.05;box-shadow:0 0 0 10px #deefc936,0 0 34px #92c775aa}}@keyframes route-up{to{opacity:.55;height:39%}}@keyframes route-side{50%{opacity:.55;translate:-10px -4px}}.photo-stage-unified .photo-unified-plant{transition:clip-path .8s cubic-bezier(.2,.8,.2,1),scale .8s,filter .8s}.growth-0 .photo-unified-plant{clip-path:inset(62% 0 0);transform-origin:bottom;scale:.8}.growth-1 .photo-unified-plant{clip-path:inset(35% 0 0);transform-origin:bottom;scale:.9}.growth-2 .photo-unified-plant{clip-path:inset(8% 0 0);transform-origin:bottom;scale:.97}.growth-3 .photo-unified-plant{clip-path:inset(0);scale:1}.photo-seed-label{z-index:5;color:#785938;background:#fff4d7;border:1px solid #d5b783;border-radius:20px;padding:7px 10px;font-size:12px;animation:1.7s ease-in-out infinite target-pulse;position:absolute;bottom:23%;left:39%;box-shadow:0 5px 12px #6b4b2330}.resource-art{background-color:#eff7ea;background-repeat:no-repeat;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.art-water{background-image:url(/images/photosynthesis/token-water-gpt.png);background-position:50%;background-size:88px 88px}.art-co2,.art-light,.art-sugar{background-image:url(/images/photosynthesis/tokens-elements-gpt.png);background-size:300% 100%}.art-co2{background-position:0}.art-light{background-position:50%}.art-sugar{background-position:100%}.art-oxygen{background:radial-gradient(circle at 35% 28%,#fff,#dff8fb 34%,#75c7d3 100%);border:1px solid #9dd8df}.art-oxygen:after{content:"O₂";color:#3a8892;font-size:12px;font-weight:800}.photo-resource:hover .resource-art{scale:1.08}@media (max-width:760px){.growth-0 .photo-unified-plant{clip-path:inset(59% 0 0);scale:.84}.photo-seed-label{bottom:22%}}.photo-stage-unified.growth-0{min-height:470px}.photo-stage-unified.growth-0:before{content:"";z-index:2;background:radial-gradient(circle at 31% 25%,#f5d798 0 6%,#c88842 22%,#704626 76%);border-radius:58% 42%;width:70px;height:92px;position:absolute;top:51%;left:calc(50% - 35px);transform:rotate(18deg);box-shadow:0 12px 0 -4px #8e613d,0 22px 30px #3d51313a}.photo-stage-unified.growth-0 .photo-unified-plant{display:none}.photo-stage-unified.growth-0 .target-root{width:140px;height:86px;bottom:18%;left:calc(50% - 70px)}.photo-stage-unified.growth-0 .photo-seed-label{bottom:38%;left:calc(50% - 75px)}.photo-stage-unified.growth-1 .photo-unified-plant{clip-path:inset(42% 0 0);scale:1.05}.photo-stage-unified.growth-1{min-height:500px}.photo-growth-film{z-index:5;object-fit:cover;mix-blend-mode:multiply;filter:saturate(1.05)contrast(1.02);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-stage-unified.is-reacting .photo-unified-plant,.photo-stage-unified.is-reacting .photo-route{opacity:0}.photo-stage-unified.is-reacting .photo-cinematic{z-index:8}
.animal-game{padding:28px 0 34px;animation:.35s both reveal}.animal-game-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.animal-back{color:var(--muted);gap:8px;font-size:13px}.animal-live{letter-spacing:1.4px;color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.animal-live i{background:#66a77a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #66a77a22}.animal-heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:25px;display:flex}.animal-heading h1{margin:9px 0}.animal-heading h1 span{color:#5d9b70}.animal-heading p{color:var(--muted);max-width:640px;margin:0;font-size:14px;line-height:1.65}.animal-score{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:205px;padding:14px 16px}.animal-score>span{letter-spacing:1px;color:var(--muted);font-size:10px}.animal-score b{margin:4px 0 10px;font-size:30px;line-height:1.2;display:block}.animal-score small{color:var(--muted);margin-left:2px;font-size:13px;font-weight:500}.animal-score .MuiLinearProgress-root{background:#d9e5d4;border-radius:9px;height:5px}.animal-score .MuiLinearProgress-bar{background:#5d9b70}.animal-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px;display:grid}.animal-scene{border:1px solid var(--line);background:#edf3ed;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:610px;padding:25px;display:flex;position:relative;overflow:hidden}.animal-scene:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 35%,#ffffff85,#0000 56%),radial-gradient(#557b5a18 1px,#0000 1px) 0 0/22px 22px;position:absolute;inset:0}.habitat-arctic{background:linear-gradient(155deg,#d9eff0,#f4f5ed 52%,#bad8d6)}.habitat-desert{background:linear-gradient(155deg,#f5e5c6,#f8f2dd 55%,#e7c895)}.habitat-pond{background:linear-gradient(155deg,#d9eadb,#f0f3df 55%,#b8d0a3)}.habitat-bamboo{background:linear-gradient(155deg,#d6e5c7,#f2f2dd 55%,#b3c694)}.animal-scene-label,.animal-hero,.animal-drop-row,.animal-hint{z-index:1;position:relative}.animal-scene-label>span{letter-spacing:1.5px;color:#56765e;font-size:10px}.animal-scene-label p{color:#3e5d4a;max-width:390px;margin:9px 0 0;font-size:14px;line-height:1.6}.animal-hero{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;display:flex}.animal-hero span{filter:drop-shadow(0 18px 15px #47634833);font-size:132px;line-height:1;animation:4.5s ease-in-out infinite animal-float}.animal-hero b{color:#31583d;letter-spacing:-.3px;font-size:19px}.animal-drop-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.animal-drop-zone{color:#3d754d;background:#ffffff78;border:2px dashed #6e9e72;border-radius:14px;grid-template-columns:28px 1fr;align-content:center;column-gap:8px;min-height:92px;padding:13px;transition:all .22s;display:grid}.animal-drop-zone:hover{background:#ffffffb5;transform:translateY(-2px)}.animal-drop-zone.correct{background:#eaf7e6;border-style:solid;border-color:#5b9d70;box-shadow:0 0 0 5px #75b87722}.animal-drop-zone.wrong{background:#fff0e8;border-color:#c78d72}.animal-drop-zone svg{grid-row:span 2;align-self:center}.animal-drop-zone span{font-size:12px;font-weight:700}.animal-drop-zone small{color:#718477;margin-top:5px;font-size:11px}.animal-hint{color:#4f7457;background:#ffffffb5;border:1px solid #ffffffd0;border-radius:12px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.animal-hint svg{color:#8da854;flex:none}.animal-controls{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;padding:23px;display:flex}.animal-step{color:var(--muted);letter-spacing:1.1px;justify-content:space-between;font-size:10px;display:flex}.animal-step svg{color:#5d9b70}.animal-controls h2{letter-spacing:-.5px;margin:20px 0 8px;font-size:23px;line-height:1.25}.animal-note{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.6}.animal-choice-title{letter-spacing:1.2px;color:#729071;margin:12px 0 8px;font-size:10px}.animal-options{gap:7px;display:grid}.animal-option{text-align:left;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);cursor:grab;border-radius:11px;align-items:center;gap:9px;padding:8px;font-family:inherit;transition:all .2s;display:flex}.animal-option:hover{background:#f3f8ef;border-color:#78a879;transform:translateY(-1px)}.animal-option.picked{background:#eef8e9;border-color:#6b9e70}.animal-option.wrong{background:#fff2eb;border-color:#d18c73}.animal-option>svg{color:#5d9b70;flex:none;margin-left:auto}.animal-option.wrong>svg{color:#b56c58}.animal-art{background:#edf5e8;border-radius:10px;flex:none;place-items:center;width:37px;height:37px;font-size:22px;display:grid}.art-arctic{background:#e4f3f3}.art-desert{background:#f8ecd3}.art-pond{background:#e6f0dc}.art-bamboo{background:#e0efd9}.art-fish{background:#e3f1f2}.art-thorn{background:#f5ead5}.art-insects{background:#e7f0d9}.art-bamboo-food{background:#e0efd9}.animal-option b,.animal-option small{display:block}.animal-option b{font-size:12px}.animal-option small{color:var(--muted);margin-top:2px;font-size:10px}.animal-next{margin-top:16px;justify-content:center!important}.animal-next:disabled{opacity:.45}.animal-fact{border:1px solid var(--line);background:var(--panel);color:#5d9b70;border-radius:14px;align-items:flex-start;gap:10px;margin-top:18px;padding:15px;display:flex}.animal-fact b,.animal-fact span{display:block}.animal-fact b{color:var(--text);margin-bottom:4px;font-size:12px}.animal-fact span{color:var(--muted);font-size:12px;line-height:1.5}.animal-complete{border:1px solid var(--line);text-align:center;background:linear-gradient(135deg,#edf7ea,#f7f5df);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:590px;padding:28px;display:flex}.animal-complete-icon{color:#579562;background:#dff0d9;border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:24px;animation:.5s reveal;display:grid}.animal-complete h2{letter-spacing:-1px;margin:16px 0;font-size:35px;line-height:1.15}.animal-complete p{color:var(--muted);margin:0 0 25px;font-size:14px}.animal-complete-actions{gap:7px;width:260px;display:grid}.animal-secondary{color:var(--muted);font-size:13px}@keyframes animal-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@media (max-width:1000px){.animal-layout{grid-template-columns:minmax(0,1fr) 300px}.animal-controls{padding:19px}}@media (max-width:760px){.animal-heading{flex-direction:column;align-items:start}.animal-score{grid-template-columns:1fr auto;align-items:center;width:100%;display:grid}.animal-score .MuiLinearProgress-root{grid-column:1/-1}.animal-layout{flex-direction:column;display:flex}.animal-scene{min-height:540px;padding:18px}.animal-controls{min-height:600px}.animal-hero span{font-size:100px}.animal-drop-row{grid-template-columns:1fr}.animal-complete h2{font-size:29px}}
.auth-shell{background:radial-gradient(ellipse at 50% 26%,var(--scene-glow),var(--bg) 72%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:34px 20px;display:flex;position:relative;overflow:hidden}.auth-shell:before{content:"";pointer-events:none;background-image:radial-gradient(#69827335 .6px,#0000 .6px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.auth-top{z-index:1;align-items:center;gap:12px;display:flex;position:absolute;top:22px;right:24px}.auth-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);width:min(960px,100%);animation:.4s both reveal;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0a132b1a}.auth-art{min-height:460px;position:relative}.auth-art img{object-fit:cover;object-position:50% 62%;width:100%;height:100%;display:block}.auth-art:after{content:"";background:linear-gradient(#0c243200 30%,#0a2029e6);position:absolute;inset:0}.auth-art-text{z-index:1;color:#fff;position:absolute;bottom:24px;left:26px;right:26px}.auth-art-text .auth-eyebrow{letter-spacing:1.6px;opacity:.8;font-size:11px;font-weight:600}.auth-art-text b{letter-spacing:-.6px;margin:10px 0 6px;font-size:22px;font-weight:650;display:block}.auth-art-text p{opacity:.82;margin:0;font-size:13px;line-height:1.65}.auth-form{flex-direction:column;justify-content:center;padding:clamp(24px,3vw,38px);display:flex}.auth-brand{letter-spacing:-1.4px;color:var(--text);align-items:center;gap:10px;font-size:26px;font-weight:800;line-height:1;display:flex}.auth-brand .brand-icon{background:var(--accent);width:37px;height:37px;color:var(--on-accent);border-radius:11px;place-items:center;display:grid}.auth-form h1{letter-spacing:-1.2px;margin:26px 0 8px;font-size:30px;font-weight:700;line-height:1.2}.auth-lead{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.65}.auth-form label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600}.auth-input{width:100%;font:inherit;color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s,background-color .3s}.auth-input::placeholder{color:var(--muted);opacity:.75}.auth-input:focus{border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.auth-password{position:relative}.auth-password .auth-input{padding-right:48px}.auth-password button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute;top:7px;right:7px}.auth-password button:hover{background:var(--accent-soft);color:var(--accent)}.auth-error{border-radius:12px;align-items:center;margin-bottom:16px;font-size:13px}.auth-submit{background:var(--accent);width:100%;min-height:50px;color:var(--on-accent);border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:4px;font-size:15px;font-weight:700;display:flex}.auth-submit:hover{background:var(--accent);box-shadow:0 8px 22px #405ed82e}.auth-submit.Mui-disabled{background:var(--accent);color:var(--on-accent);opacity:.55}.auth-submit svg{transition:transform .28s}.auth-submit:hover svg{transform:translate(3px)}.auth-link{color:var(--accent);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-forgot{align-self:flex-end;margin:-4px 0 20px;font-size:13px}.auth-note{color:var(--muted);text-align:center;margin:14px 0 0;font-size:13px;line-height:1.7}.auth-splash{background:var(--bg);min-height:100vh;color:var(--muted);opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;animation:.3s .4s forwards auth-appear;display:flex}.auth-splash-mark{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:16px;place-items:center;animation:1.6s ease-in-out infinite auth-pulse;display:grid}.auth-splash b{font-weight:600}@keyframes auth-appear{to{opacity:1}}@keyframes auth-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.profile,.profile>div{min-width:0}.profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.sign-out{width:100%;color:var(--muted);border:1px solid var(--line);border-radius:10px;gap:10px;margin-top:14px;padding:10px 14px;font-size:13px}.sign-out:hover{background:var(--accent-soft);color:var(--accent)}@media (max-width:950px){.sign-out{justify-content:center;padding:11px 8px}}@media (max-width:740px){.sign-out{border:0;width:auto;margin:0}}@media (max-width:900px){.auth-card{grid-template-columns:minmax(0,1fr)}.auth-art{min-height:200px}.auth-art img{object-position:50% 56%}.auth-art-text b{font-size:19px}}@media (max-width:560px){.auth-shell{justify-content:flex-start;padding:18px 14px}.auth-top{order:-1;align-self:flex-end;margin-bottom:4px;position:static}.auth-card{border-radius:18px}.auth-form h1{font-size:26px}.auth-art{min-height:170px}.auth-art-text p{display:none}.auth-art-text b{margin-bottom:0;font-size:18px}}@media (min-width:1600px){.auth-card{width:min(1080px,100%)}.auth-art{min-height:520px}.auth-form h1{font-size:34px}}@media (prefers-reduced-motion:reduce){.auth-splash{opacity:1}}