@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/overpass-cyrillic-ext-400-normal-AKUz2ZI5.woff2)format("woff2"),url(/assets/overpass-cyrillic-ext-400-normal-C2ZjKngx.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:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/overpass-cyrillic-400-normal-tXDxWGRy.woff2)format("woff2"),url(/assets/overpass-cyrillic-400-normal-CZsFKZCk.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/overpass-vietnamese-400-normal-BKRCEiXy.woff2)format("woff2"),url(/assets/overpass-vietnamese-400-normal-CCWAWVG7.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:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/overpass-latin-ext-400-normal-BIkXRwl6.woff2)format("woff2"),url(/assets/overpass-latin-ext-400-normal-DUq_h-_z.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:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/overpass-latin-400-normal-BpeLJ0bs.woff2)format("woff2"),url(/assets/overpass-latin-400-normal-c_C8zulu.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:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/overpass-cyrillic-ext-600-normal-CW4Fknsm.woff2)format("woff2"),url(/assets/overpass-cyrillic-ext-600-normal-Zx-mtRSD.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:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/overpass-cyrillic-600-normal-B-hc8bdn.woff2)format("woff2"),url(/assets/overpass-cyrillic-600-normal-CXB2Mrig.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/overpass-vietnamese-600-normal-CjS-4vQf.woff2)format("woff2"),url(/assets/overpass-vietnamese-600-normal-DlMMlPfM.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:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/overpass-latin-ext-600-normal-Cyj4Nio0.woff2)format("woff2"),url(/assets/overpass-latin-ext-600-normal-DQKKMGzp.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:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/overpass-latin-600-normal-25RhTNCi.woff2)format("woff2"),url(/assets/overpass-latin-600-normal-DhYQrzaY.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:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/overpass-cyrillic-ext-800-normal-CIth-cA7.woff2)format("woff2"),url(/assets/overpass-cyrillic-ext-800-normal-hx3cL3ZN.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:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/overpass-cyrillic-800-normal-CP6RWG8X.woff2)format("woff2"),url(/assets/overpass-cyrillic-800-normal-PJW4A9xW.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/overpass-vietnamese-800-normal-BB8K9-Vo.woff2)format("woff2"),url(/assets/overpass-vietnamese-800-normal-DZUygvj_.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:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/overpass-latin-ext-800-normal-DZ60AB77.woff2)format("woff2"),url(/assets/overpass-latin-ext-800-normal-D6WKWGNs.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:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/overpass-latin-800-normal-Bzx_XP5l.woff2)format("woff2"),url(/assets/overpass-latin-800-normal-D6-q4f0l.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:#fff;--card:#f4f6f5;--line:#e1e6e4;--mute:#c3ccc8;--text:#16201c;--text2:#3e4a45;--text3:#5b6a64;--accent:#1f7a5a;--on-accent:#fff;--accent-soft:#e3f1ea;--warn:#b4442c;--warn-soft:#f8e5e0;--elec:#d9940b;--elec-text:#9a6500;--gas:#2c63d6;--gas-text:#2c63d6;--stem:#2f7d55;--leaf:#3e9b6b;--leaf-hi:#7cc46a;--leaf2:#23744a;--leaf2-hi:#4fa36a;--leaf3:#6e9e2f;--leaf3-hi:#b9d96a;--sky:#e3f0fa;--soil:#f1e4d3;--tint-green:#e3f3e8;--tint-amber:#fdf0d6;--tint-blue:#e2ecfb;--tint-coral:#fbe4dd;--tint-lilac:#eee7fa;--tint-soil:#f7ede1;--p-elec:#f0a825;--p-day:#f0a825;--p-night:#6c63d9;--p-peak:#e2622b;--p-cheap:#8b82e8;--p-sun:#f2b91c;--p-sun-soft:#f9de8a;--p-sun-core:#f6c640;--p-gas:#3f7be0;--p-standing:#2ba39a;--p-vat:#e46fa0;--p-core:#f7d774;--petal-back:#f4e6c4;--leaf-pale:#cfe5d8;--root:#8a6a4a;--petal:#e8b04a;--petal2:#f2cb78}:root[data-theme=dark]{--bg:#151817;--card:#1f2422;--line:#2e3532;--mute:#4a524e;--text:#ecefed;--text2:#c5ccc8;--text3:#a3ada8;--accent:#5bc48f;--on-accent:#10231a;--accent-soft:#1e3a2c;--warn:#f0957a;--warn-soft:#3a231e;--elec:#e3a93a;--elec-text:#f0c46a;--gas:#6fa3f2;--gas-text:#8db6f7;--stem:#4faf7e;--leaf:#5bc48f;--leaf-hi:#8edb7e;--leaf2:#3e9b6b;--leaf2-hi:#73c987;--leaf3:#8db84a;--leaf3-hi:#c8e383;--sky:#16212b;--soil:#251e18;--tint-green:#1b3226;--tint-amber:#33291a;--tint-blue:#1b2638;--tint-coral:#36231f;--tint-lilac:#2a2336;--tint-soil:#2a221b;--p-elec:#e9ae45;--p-day:#e9ae45;--p-night:#9a92f2;--p-peak:#ee8455;--p-cheap:#aba4f6;--p-sun:#f5c842;--p-sun-soft:#7a6630;--p-sun-core:#f2cf5c;--p-gas:#6f9ef0;--p-standing:#45bdb3;--p-vat:#e98db5;--p-core:#e9cf72;--petal-back:#4a2f26;--leaf-pale:#2a4436;--root:#b08d68;--petal:#e3a93a;--petal2:#f0c46a}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:linear-gradient(to bottom, var(--sky) 0, var(--bg) 1100px, var(--bg) calc(100% - 900px), var(--soil) 100%) var(--bg);color:var(--text);margin:0;font-family:Overpass,system-ui,sans-serif;font-size:18px;line-height:1.5;overflow-x:clip}button{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}header{z-index:5;background:color-mix(in srgb, var(--sky) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:12px 20px;display:flex}.brand{font-size:20px;font-weight:800}.bar-right{align-items:center;gap:14px;display:flex}.count{color:var(--text3);font-size:16px;font-weight:700}@media (width<=480px){.count{display:none}}.theme{border:1px solid var(--mute);background:var(--bg);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:16px;font-weight:600;display:flex}.theme svg{width:18px;height:18px}.samples{z-index:4;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:65px}.samples-in{align-items:center;gap:8px;max-width:1100px;margin:0 auto;padding:10px 20px;display:flex;overflow-x:auto}.samples-in span{color:var(--text3);white-space:nowrap;margin-right:4px;font-size:15px;font-weight:700}.sample{border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:16px;font-weight:600}.sample[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.sun{text-align:center;width:190px;position:absolute;top:150px;right:2%}.sun[hidden]{display:none}.sun svg{width:130px;height:130px;overflow:visible}.sun .sun-rays{transform-origin:60px 60px;animation:60s linear infinite spin}.sun p{color:var(--text2);margin:0;font-size:17px}.sun p b{color:var(--text);font-size:28px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sun .sun-rays{animation:none}}@media (width<=900px){.sun{text-align:left;justify-content:center;align-items:center;gap:12px;width:auto;margin:18px auto 0;display:flex;position:static}.sun svg{width:84px;height:84px}}.garden{max-width:1100px;margin:0 auto;padding:0 20px 80px;position:relative;overflow-x:clip}.plant{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plant .stem{fill:none;stroke:var(--stem);stroke-width:10px;stroke-linecap:round}.plant .stem-ghost{fill:none;stroke:var(--line);stroke-width:6px;stroke-linecap:round;stroke-dasharray:2 14}.plant .leafg{transition:transform .7s cubic-bezier(.2,1.3,.4,1)}.plant .leaf{fill:url(#leafGrad)}.plant .leaf.g2{fill:url(#leafGrad2)}.plant .leaf.g3{fill:url(#leafGrad3)}.plant .stalk{fill:none;stroke:var(--stem);stroke-width:5px;stroke-linecap:round}.plant .leaf.grown{fill:var(--leaf)}.plant .vein{fill:none;stroke:var(--bg);stroke-width:2px;opacity:.55;stroke-linecap:round}.plant .string{stroke:var(--mute);stroke-width:2px;stroke-dasharray:3 5;transition:opacity .5s}.plant .roots-g{opacity:0;transition:transform 1.2s cubic-bezier(.2,.9,.3,1),opacity .6s;transform:scale(.3,0)}.plant .roots-g.grown{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.plant .roots-g{transition:none}}.plant .petal{fill:var(--petal)}.plant .petal.inner{fill:var(--petal2)}.bloom{text-align:center;padding:64px 0 40px;position:relative}.bloom .kicker{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:17px;font-weight:700}.bloom h1{letter-spacing:-1px;max-width:18ch;margin:10px auto 8px;font-size:clamp(32px,6vw,56px);line-height:1.05}.bloom .figure{letter-spacing:-2px;margin:18px 0 0;font-size:clamp(56px,11vw,96px);font-weight:800;line-height:1}.bloom .sub{max-width:40ch;color:var(--text2);margin:10px auto 0;font-size:20px}.bloom .hint{background:color-mix(in srgb, var(--bg) 94%, transparent);color:var(--text3);border-radius:999px;flex-direction:column;align-items:center;gap:4px;margin-top:22px;padding:8px 16px;font-size:17px;font-weight:700;display:inline-flex;position:relative}.bloom .hint svg{width:22px;height:22px;animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.bloom .hint svg{animation:none}}.flower-space{height:270px}.plant .petal-in{transform-box:view-box;transform-origin:0 0;transition:opacity .3s;animation:.55s cubic-bezier(.2,1.3,.4,1) both open}.plant.focus .petal-in:not(.on):not(.back){opacity:.15}.plant.focus .petal-in.on{filter:drop-shadow(0 0 4px #0000002e)}.plant .back path{fill:var(--petal-back)!important}@keyframes open{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.plant .petal-in{animation:none}}.key{background:color-mix(in srgb, var(--bg) 94%, transparent);border-radius:28px 36px 30px 40px/34px 28px 38px 30px;max-width:580px;margin:0 auto;padding:16px 18px;position:relative}.key p{color:var(--text2);margin:0 0 10px;font-size:17px}.key ul{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;font-size:17px;list-style:none;display:flex}.key li{display:flex}.key-item{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:17px;display:flex}.key-item b{font-weight:800}.key-item[aria-pressed=true]{border-color:var(--text)}.leaf-key{justify-content:center;align-items:center;gap:10px;display:flex;margin:14px 0 0!important}.health-bar{background:linear-gradient(90deg,#3e9b6b,#8e9b2e,#8a5a2b);border-radius:6px;flex-shrink:0;width:90px;height:12px}:root[data-theme=dark] .health-bar{background:linear-gradient(90deg,#5bc48f,#a5b04a,#b07a45)}.key i{border-radius:50% 50% 50% 0;width:14px;height:14px;display:inline-block;transform:rotate(-45deg)}.leaves{flex-direction:column;gap:30px;padding-top:10px;display:flex;position:relative}.branch{position:relative}.leaf-space{pointer-events:none;height:170px}.branch.wilted .leaf-space{height:320px}@media (width>=761px){.branch+.branch{margin-top:-220px}}.card{isolation:isolate;opacity:0;width:min(480px,50% - 70px);padding:36px 38px;transition:opacity .6s ease-out .45s,transform .6s ease-out .45s;position:relative;transform:translateY(-16px)}.card.seen{opacity:1;transform:rotate(var(--tilt,0deg))}@media (prefers-reduced-motion:reduce){.card{opacity:1;transform:rotate(var(--tilt,0deg));transition:none}}.branch.left .card{margin-left:auto;margin-right:calc(50% + 70px)}.branch.right .card{margin-left:calc(50% + 70px)}@media (width<=760px){.leaf-space{height:120px}.branch.wilted .leaf-space{height:190px}.card,.branch.left .card,.branch.right .card{width:auto;margin:0 6px}}.card .tag{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:15px;font-weight:800}.card h2{margin:6px 0;font-size:clamp(24px,3.2vw,31px);line-height:1.15}.card .body p{color:var(--text2);margin:8px 0 0}.card .body strong{color:var(--text)}.big{margin:0;font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1.1}.good{color:var(--accent)}.bad{color:var(--warn)}.rows{flex-direction:column;gap:8px;margin-top:14px;display:flex}.row{align-items:center;gap:10px;font-size:16px;display:flex}.row .l{width:84px;color:var(--text3)}.row .t{flex:1;display:flex}.row .f{border-radius:5px;height:18px}.row .v{text-align:right;width:100px;font-weight:700}.scale{background:var(--line);border-radius:8px;height:16px;margin:30px 0 36px;position:relative}.scale .you{background:var(--elec);border-radius:8px;position:absolute;top:0;bottom:0;left:0}.scale .pin{width:3px;position:absolute;top:-7px;bottom:-7px}.scale .pin span{white-space:nowrap;font-size:14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.scale .pin.top span{bottom:calc(100% + 3px)}.scale .pin.bottom span{top:calc(100% + 3px)}.roots-space{height:240px}.roots-card{isolation:isolate;max-width:640px;margin:0 auto;padding:36px;position:relative;transform:rotate(-.4deg)}@media (width<=760px){.roots-card{padding:30px 24px}}.blob{z-index:-1;pointer-events:none;width:calc(100% + 44px);height:calc(100% + 44px);position:absolute;top:-22px;left:-22px;overflow:visible}.blob path{fill:var(--tint,var(--card))}.roots-card{--tint:var(--tint-soil)}.roots-card .blob path{stroke:var(--root);stroke-width:2.5px}.roots-card .tag{color:var(--root);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:15px;font-weight:800}.roots-card h2{margin:6px 0 4px;font-size:clamp(26px,4vw,36px);line-height:1.1}.roots-card .lead{color:var(--text2);margin:0;font-size:19px}.todo{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.todo label{background:var(--bg);cursor:pointer;border-radius:14px;gap:14px;padding:16px;display:flex}.todo input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.todo b{font-size:19px;display:block}.links{flex-wrap:wrap;gap:18px;margin-top:20px;display:flex}.links a{color:var(--accent);font-weight:700}.note{max-width:640px;color:var(--text3);text-align:center;margin:32px auto 0;font-size:15px}
