@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/sora-latin-ext-wght-normal.2wpjvqwmdjo5k.woff2)format("woff2-variations");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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/sora-latin-wght-normal.02qdttqb0jl3z.woff2)format("woff2-variations");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:#f5f7fb;--bg2:#eef2f8;--surface:#fff;--surface2:#f8fafd;--field:#f2f5fa;--text:#0f172a;--text2:#334155;--muted:#5b6478;--line:#e3e8f0;--line2:#d3dbe8;--brand:#2563eb;--brand2:#3b82f6;--brandDark:#0b1220;--soft:#eaf1ff;--gold:#0e7490;--goldText:#0b5f75;--successText:#0b6b47;--dangerText:#a8172f;--gold2:#06b6d4;--goldSoft:#e6f8fb;--success:#0e9f6e;--danger:#d92d4a;--shadow:0 12px 32px #0f172a0f;--shadowLg:0 24px 56px #0f172a1f;--headerBg:#ffffffeb;--whatsapp:#25d366;--ink:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1220;--bg2:#0f172a;--surface:#111a2e;--surface2:#152038;--field:#0f182b;--text:#eef2f9;--text2:#cbd5e1;--muted:#94a3b8;--line:#1e2a44;--line2:#2a3a5c;--brand:#60a5fa;--brand2:#93c5fd;--brandDark:#060b16;--soft:#16233d;--gold:#22d3ee;--goldText:#67e8f9;--successText:#4ee0a6;--dangerText:#ff8a9c;--gold2:#a5f3fc;--goldSoft:#0b2433;--shadow:0 12px 32px #00000059;--shadowLg:0 24px 56px #00000080;--headerBg:#0b1220eb;--ink:#152038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope Variable,Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,100% - 32px);margin:auto}.siteHeader{z-index:50;background:var(--headerBg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);transition:box-shadow .25s;position:sticky;top:0;transform:translateZ(0);box-shadow:0 1px #2563eb0f,0 12px 30px #10131a0a}.siteHeader:before{content:"";background:linear-gradient(90deg, var(--gold), var(--gold2), var(--brand2), var(--brand));height:3px;display:block}.siteHeader.scrolled{box-shadow:0 1px #2563eb14,0 18px 40px #10131a1a}.nav{justify-content:space-between;align-items:center;gap:24px;height:80px;display:flex}.brand{align-items:center;gap:10px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:19px;font-weight:700;display:flex}.brand img{width:auto;height:46px;display:block}.navLinks{color:var(--muted);align-items:center;gap:20px;font-size:14px;font-weight:600;display:flex}.navLinks a:hover{color:var(--brand)}.navCta{background:var(--ink);color:#fff;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:700}.navAuth{align-items:center;gap:14px;display:flex}.navAuth a{font-size:14px;font-weight:700}.navAuth a:not(.btn):hover{color:var(--brand)}.navAuth .btnPrimary{background:linear-gradient(135deg, var(--brand), var(--brand2));padding:10px 18px;box-shadow:0 10px 22px #2563eb4d}.mobileNav{cursor:pointer;color:var(--text);background:0 0;border:0;padding:6px;display:none}.mobileMenu{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;gap:2px;max-height:calc(100vh - 80px);display:none;overflow-y:auto}.mobileMenu.open{display:flex}.mobileMenu a{color:var(--text);border-bottom:1px solid var(--line);padding:14px 0;font-weight:600}.mobileMenu a:last-child{border-bottom:0}.megaWrap{position:relative}.megaTrigger{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:600;display:flex}.megaTrigger:hover{color:var(--brand)}.megaPanel{background:var(--surface);border:1px solid var(--line);z-index:60;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:20px;width:min(880px,90vw);padding:24px;display:grid;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%);box-shadow:0 30px 70px #10131a2e}.megaCol h4{text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin:0 0 10px;font-size:12px;font-weight:800}.megaCol a{color:var(--text);padding:6px 0;font-size:13px;font-weight:600;display:block}.megaCol a:hover{color:var(--brand)}.mobileCatToggle{width:100%;color:var(--text);border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:14px 0;font-size:15px;font-weight:700;display:flex}.mobileCatList{flex-direction:column;padding:4px 0 8px 12px;display:flex}.mobileCatList a{border-bottom:0;padding:9px 0;font-size:14px;font-weight:500}.searchBox{background:var(--field);border:1px solid var(--line);width:220px;color:var(--muted);border-radius:11px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:relative}.searchBox input{width:100%;color:var(--text);background:0 0;border:0;outline:none;font-size:13px}.searchClear{cursor:pointer;color:var(--muted);background:0 0;border:0;display:flex}.searchResults{background:var(--surface);border:1px solid var(--line);z-index:70;border-radius:14px;max-height:360px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 50px #10131a26}.searchEmpty{color:var(--muted);text-align:center;padding:16px;font-size:13px}.searchResult{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.searchResult.active,.searchResult:hover{background:var(--soft)}.searchResult b{font-size:13px;display:block}.searchResultIcon{background:var(--soft);width:30px;height:30px;color:var(--brand);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.searchResult.active .searchResultIcon,.searchResult:hover .searchResultIcon{background:var(--surface)}.searchResultCat{color:var(--muted);font-size:11px;font-weight:500}.hero{text-align:center;background:radial-gradient(ellipse at 50% -10%, var(--soft) 0, transparent 55%);padding:82px 0 50px}.eyebrow{background:var(--goldSoft);color:var(--goldText);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-3px;max-width:900px;margin:20px auto 18px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:clamp(42px,6vw,74px);line-height:.98}.hero h1 span{color:var(--brand)}.hero p{max-width:700px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.65}.heroActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.btn{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:inline-flex}.btnPrimary{background:var(--brand);color:#fff;box-shadow:0 10px 24px #2563eb40}.btnDark{background:var(--ink);color:#fff}.btnGhost{background:var(--surface);border:1px solid var(--line)}.section{padding:64px 0}.sectionHead{text-align:center;max-width:720px;margin:0 auto 34px}.sectionHead h2{letter-spacing:-1.5px;margin:0 0 10px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:38px}.sectionHead p{color:var(--muted);line-height:1.65}.toolGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.toolCard{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:23px;transition:all .2s;box-shadow:0 8px 30px #10131a0a}.toolCard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.iconBox{background:var(--soft);width:44px;height:44px;color:var(--brand);border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.toolCard h3{margin:0 0 8px;font-size:18px}.toolCard p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.toolLink{color:var(--brand);margin-top:16px;font-size:13px;font-weight:700;display:inline-flex}.adSlot{border:1px dashed var(--line2);background:var(--surface);min-height:100px;color:var(--muted);border-radius:16px;place-items:center;margin:28px 0;font-size:12px;display:grid}.features{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature{background:var(--ink);color:#fff;border-radius:20px;padding:28px}.feature p{color:#b9bdc8;line-height:1.65}.feature svg{color:#8fb6ff}.toolPage{padding:50px 0 80px}.toolHeader{max-width:780px;margin-bottom:25px}.toolHeader h1{letter-spacing:-2px;margin:12px 0;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:48px}.toolHeader p{color:var(--muted);font-size:17px;line-height:1.7}.toolPanel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:24px}.dropzone{border:2px dashed var(--line2);text-align:center;background:var(--field);border-radius:20px;padding:48px 20px}.dropzone.drag{background:var(--soft)}.dropzone h3{margin:14px 0 8px}.dropzone p{color:var(--muted);font-size:14px}.hidden{display:none}.controls{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.splitPanes{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.lineItemsRow{grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:14px;display:grid}.methodUrlRow{grid-template-columns:120px 1fr;gap:14px;margin-top:20px;display:grid}.field label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);border-radius:11px;outline:none;width:100%;padding:11px 12px}.field input:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.result{background:var(--surface2);border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:18px;display:flex}.previewImg{border-radius:14px;max-width:100%;max-height:420px;margin:18px auto;display:block}.textArea{resize:vertical;min-height:300px}.stats{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:12px;font-size:13px;display:flex}.article{max-width:780px;margin:auto}.article h1{letter-spacing:-2px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:48px}.article h2{margin-top:36px;font-family:Sora Variable,Sora,system-ui,sans-serif}.article p,.article li{color:var(--text2);line-height:1.85}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.siteFooter{color:#fff;background:#10131a;margin-top:50px;padding:55px 0 25px}.footerGrid{grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;display:grid}.footerBrand p{color:#9da3af;max-width:360px;line-height:1.7}.footerCol h4{margin:0 0 14px}.footerCol a{color:#9da3af;margin:9px 0;font-size:14px;display:block}.copyright{color:#777f8d;border-top:1px solid #272b34;justify-content:space-between;margin-top:35px;padding-top:18px;font-size:13px;display:flex}.notice{background:color-mix(in srgb, var(--success) 14%, var(--surface));color:#087a55;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:13px}.error{background:color-mix(in srgb, var(--danger) 14%, var(--surface));color:var(--dangerText)}.toast{background:var(--ink);color:#fff;z-index:100;border-radius:12px;padding:13px 16px;position:fixed;bottom:18px;right:18px}.blogGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.postCard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.postCard h3{font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:20px}.postCard p{color:var(--muted);line-height:1.6}.kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.promoSlide{color:#fff;background:linear-gradient(120deg,#0b1224,#152a5e 60%,#1d3a7a);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:28px 0;padding:26px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0b12244d}.promoSlide:after{content:"";background:radial-gradient(circle at 85% 20%,#3b82f659,#0000 55%);position:absolute;inset:0}.promoText{max-width:640px;position:relative}.promoEyebrow{background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.promoKicker{letter-spacing:.08em;text-transform:uppercase;color:#8fb6ff;margin-top:12px;font-size:12px;font-weight:800}.promoText h3{letter-spacing:-.5px;margin:4px 0 8px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:26px}.promoText p{color:#c3cbe0;margin:0;font-size:14px;line-height:1.6}.promoCta{color:#0b1224;white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex;position:relative}.promoDots{gap:6px;display:flex;position:absolute;bottom:14px;right:30px}.promoDot{background:#ffffff59;border-radius:50%;width:6px;height:6px}.promoDot.active{background:#fff}.signaturePad{border:2px dashed var(--line2);background:var(--field);touch-action:none;cursor:crosshair;border-radius:16px;width:100%;height:220px}.printSheet{color:#10131a;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:36px;overflow-x:auto}.printSheet table{min-width:360px}.printSheet h2{margin:0 0 4px;font-family:Sora Variable,Sora,system-ui,sans-serif}.printSheet table{border-collapse:collapse;width:100%;margin-top:18px}.printSheet th,.printSheet td{text-align:left;border-bottom:1px solid var(--line);padding:9px 8px;font-size:14px}@media print{.siteHeader,.siteFooter,.whatsappFloat,.toolHeader,.dropzone,.printHide{display:none!important}.toolPage{padding:0}.container{width:100%}.printSheet{box-shadow:none;border:0}}.gridPreview{border:1px dashed var(--line);background:var(--surface2);border-radius:14px;min-height:180px;padding:10px}.gridPreview div{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff;border-radius:8px;place-items:center;min-height:36px;font-size:12px;font-weight:700;display:grid}.timerDisplay{text-align:center;letter-spacing:-2px;margin:20px 0;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:72px;font-weight:700}.wheelWrap{place-items:center;margin:20px 0;display:grid}.wheel{background:conic-gradient(var(--brand), var(--brand2), #8fb6ff, var(--brand));color:#fff;text-align:center;border-radius:50%;place-items:center;width:240px;height:240px;padding:20px;font-weight:800;transition:transform 3.5s cubic-bezier(.17,.67,.16,1.01);display:grid;box-shadow:0 20px 40px #2563eb4d}.codeBox{color:#d8e0ff;white-space:pre-wrap;word-break:break-word;background:#0f1117;border-radius:14px;max-height:420px;margin-top:16px;padding:18px;font-family:Sora Variable,Sora,system-ui,sans-serif,monospace;font-size:13px;line-height:1.6;overflow:auto}.toggleGroup{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.toggleBtn{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);border-radius:11px;padding:9px 14px;font-size:13px;font-weight:700}.toggleBtn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.checkGrid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.checkRow{align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.checkRow input{width:auto}.swatchRow{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.swatch{border:1px solid var(--line);cursor:pointer;color:#fff;text-shadow:0 1px 3px #0006;border-radius:16px;place-items:center;width:76px;height:76px;font-size:10px;font-weight:700;display:grid}.qrPreview{background:var(--surface2);border-radius:16px;place-items:center;margin-top:18px;padding:22px;display:grid}.qrPreview img{background:var(--surface);border-radius:12px;padding:10px}.colorGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.colorField{background:var(--surface2);border-radius:14px;padding:14px}.colorField label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.colorField b{font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:15px}.whatsappFloat{z-index:200;background:var(--whatsapp);border-radius:50%;place-items:center;width:60px;height:60px;animation:2.4s infinite waPulse;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #25d36673}.whatsappFloat:hover{transform:scale(1.06)}@keyframes waPulse{0%{box-shadow:0 12px 30px #25d36673,0 0 #25d36680}70%{box-shadow:0 12px 30px #25d36673,0 0 0 14px #25d36600}to{box-shadow:0 12px 30px #25d36673,0 0 #25d36600}}.authWrap{background:radial-gradient(circle at 20% 15%, #16224a 0, transparent 45%), radial-gradient(circle at 85% 85%, #1b2f63 0, transparent 45%), var(--brandDark);place-items:center;min-height:calc(100vh - 74px);padding:60px 20px;display:grid;position:relative;overflow:hidden}.authWrap:before{content:"";pointer-events:none;background:linear-gradient(120deg,#2563eb2e,#0000 40%);position:absolute;inset:0}.authCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff24;border-radius:28px;width:min(440px,100%);padding:38px 32px;position:relative;box-shadow:0 40px 90px #00000073,inset 0 1px #ffffff26}.authLogo{justify-content:center;margin-bottom:18px;display:flex}.authLogo img{height:34px}.authCard h1{text-align:center;letter-spacing:-1px;color:#fff;margin:0 0 6px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:28px}.authCard>p{text-align:center;color:#aab3c9;margin:0 0 28px;font-size:14px}.authField{margin-bottom:16px}.authField label{color:#dfe4f0;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.authField input{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;outline:none;width:100%;padding:13px 14px}.authField input::placeholder{color:#6b7492}.authField input:focus{border-color:var(--brand2);box-shadow:0 0 0 3px #3b82f640}.authSubmit{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;margin-top:6px;padding:14px;font-size:15px;font-weight:800;box-shadow:0 14px 30px #2563eb66}.authSubmit:disabled{opacity:.6;cursor:default}.authSwitch{text-align:center;color:#aab3c9;margin-top:22px;font-size:14px}.authSwitch a{color:#fff;font-weight:700}.authNotice{color:#ff9aa6;background:#dc354526;border-radius:12px;margin-top:16px;padding:12px 14px;font-size:13px}.authNotice.ok{color:#5eead4;background:#0e9f6e2e}@media (max-width:900px){.toolGrid{grid-template-columns:repeat(2,1fr)}.features,.footerGrid{grid-template-columns:1fr 1fr}.navLinks,.navAuth{display:none}.mobileNav{display:flex}.mobileMenu{display:none}.mobileMenu.open{display:flex}.controls,.blogGrid{grid-template-columns:1fr 1fr}.nav .searchBox{display:none}.splitPanes{grid-template-columns:1fr}}@media (min-width:901px) and (max-width:1080px){.nav .searchBox{width:150px}}@media (max-width:600px){.container{width:min(100% - 22px,1160px)}.hero{padding:60px 0 38px}.hero h1{letter-spacing:-2px}.hero p{font-size:16px}.toolGrid,.features,.footerGrid,.blogGrid,.controls,.checkGrid,.colorGrid,.lineItemsRow,.methodUrlRow,.statGrid{grid-template-columns:1fr}.toolHeader h1,.article h1{font-size:38px}.toolPanel{padding:15px}.dropzone{padding:35px 12px}.copyright{display:block}.copyright span{margin-top:7px;display:block}.whatsappFloat{width:54px;height:54px;bottom:16px;right:16px}.authCard{padding:30px 22px}.promoSlide{flex-direction:column;align-items:flex-start;padding:22px}.promoCta{justify-content:center;width:100%}.brand img{height:36px}.timerDisplay{font-size:52px}.wheel{width:190px;height:190px}.printSheet{padding:20px}}.siteLoader{z-index:999;background:radial-gradient(circle at 30% 20%, #16224a 0, transparent 50%), radial-gradient(circle at 80% 80%, #1d3a7a 0, transparent 50%), var(--brandDark);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .4s;display:flex;position:fixed;inset:0}.siteLoader.fadeOut{opacity:0;pointer-events:none}.siteLoaderStage{perspective:800px}.siteLoaderLogo{border-radius:20px;width:72px;height:72px;animation:1.8s ease-in-out infinite loaderSpin3d;overflow:hidden;box-shadow:0 20px 50px #2563eb80}.siteLoaderLogo img{object-fit:cover;width:100%;height:100%}@keyframes loaderSpin3d{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(180deg)scale(1.12)}to{transform:rotateY(360deg)scale(1)}}.siteLoaderBar{background:#ffffff26;border-radius:99px;width:150px;height:4px;overflow:hidden}.siteLoaderBar span{background:linear-gradient(90deg, var(--gold), var(--gold2), var(--brand2), var(--brand));border-radius:99px;width:35%;height:100%;animation:1.1s ease-in-out infinite loaderBar;display:block}@keyframes loaderBar{0%{transform:translate(-120%)}to{transform:translate(380%)}}.siteLoaderText{color:#fff;letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:13px;font-weight:700}.routeLoader{place-items:center;min-height:50vh;display:grid}.routeSpinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:44px;height:44px;animation:.7s linear infinite routeSpin}@keyframes routeSpin{to{transform:rotate(360deg)}}.vipCard{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(160deg,#fff,#f7f8fb);border-radius:24px;padding:32px;position:relative;overflow:hidden}.vipCard:before{content:"";background:radial-gradient(circle,#2563eb14,#0000 70%);width:60%;height:140%;position:absolute;top:-40%;right:-20%}.statGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;display:grid}.statCard{background:var(--ink);color:#fff;text-align:center;border-radius:18px;padding:22px}.statCard b{background:linear-gradient(135deg,#fff,#9cc0ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:32px;display:block}.statCard span{color:#9da3af;text-transform:uppercase;letter-spacing:.06em;font-size:12px}@media (max-width:700px){.statGrid{grid-template-columns:1fr}}body{transition:background-color .25s,color .25s}::selection{background:color-mix(in srgb, var(--gold) 35%, transparent)}.field input,.field select,.field textarea{background:var(--field);color:var(--text)}.themeToggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.themeToggle:hover{border-color:var(--gold);color:var(--gold)}.navRight{align-items:center;gap:10px;display:flex}.megaPanel{grid-template-columns:repeat(4,1fr);width:min(1040px,94vw)}.megaCol h4{color:var(--gold);letter-spacing:.02em;text-transform:none;font-size:13px}.megaCol .megaAll{color:var(--brand);margin-top:4px;font-weight:800}.hero h1{letter-spacing:-2.5px;max-width:980px;font-weight:800}.heroSearch{max-width:620px;margin:30px auto 0}.heroSearch .searchBox{background:var(--surface);width:100%;box-shadow:var(--shadowLg);border:1px solid var(--line2);border-radius:16px;padding:16px 18px}.heroSearch .searchBox input{font-size:16px}.heroStats{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:28px;margin-top:22px;font-size:14px;font-weight:600;display:flex}.heroStats b{color:var(--text);font-family:Sora Variable,Sora,system-ui,sans-serif}.catChips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin:34px auto 0;display:flex}.catChip{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.catChip:hover,.catChip.active{border-color:var(--gold);color:var(--gold)}.catChip small{color:var(--muted);font-weight:600}.catBlock{margin-top:56px}.catBlockHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.catBlockHead h2{letter-spacing:-.8px;margin:0;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:28px}.catBlockHead p{color:var(--muted);margin:6px 0 0}.seeAll{color:var(--brand);white-space:nowrap;font-weight:800}.seeAll:hover{color:var(--gold)}.toolCard{display:block;position:relative}.toolCard:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.toolCard .iconBox{background:var(--soft);color:var(--brand)}.toolCard.game .iconBox{background:var(--goldSoft);color:var(--gold)}.quickStrip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin-top:34px;padding:20px 22px}.quickStrip h3{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.quickStrip h3 svg{color:var(--gold)}.quickLinks{flex-wrap:wrap;gap:8px;display:flex}.quickLinks a{background:var(--field);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.quickLinks a:hover{border-color:var(--gold)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted);font-weight:600}.breadcrumbs a:hover{color:var(--brand)}.breadcrumbs span[aria-current]{color:var(--text);font-weight:700}.toolTitleRow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.favBtn{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:7px;margin-top:18px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.favBtn:hover{border-color:var(--gold)}.favBtn.on{background:var(--goldSoft);border-color:var(--gold);color:var(--gold)}.favBtn.on svg{fill:currentColor}.relatedSection{margin-top:48px}.relatedSection h2{margin:0 0 16px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:24px}.toolPanel{border-color:var(--line)}.catHero{padding:56px 0 10px}.catHero h1{letter-spacing:-2px;margin:10px 0 12px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:clamp(34px,5vw,54px)}.catHero p{color:var(--muted);max-width:700px;margin:0;font-size:18px;line-height:1.65}.notFound{text-align:center;padding:90px 0}.notFound h1{letter-spacing:-3px;margin:0;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:clamp(40px,7vw,80px)}.notFound p{color:var(--muted);font-size:18px}.btnGhost{color:var(--text)}.btnGold{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1b1405;box-shadow:0 10px 24px color-mix(in srgb, var(--gold) 35%, transparent)}.statGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.statBox{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:16px}.statBox span{color:var(--muted);font-size:12px;font-weight:700;display:block}.statBox b{word-break:break-word;margin-top:4px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:24px;display:block}.rowBtns{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.monoOut{background:var(--field);border:1px solid var(--line);word-break:break-all;white-space:pre-wrap;border-radius:12px;margin-top:14px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gameWrap{flex-direction:column;align-items:center;gap:16px;display:flex}.gameBar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.scorePill{background:var(--field);border:1px solid var(--line);border-radius:12px;padding:8px 14px;font-size:14px;font-weight:800}.scorePill span{color:var(--muted);margin-right:6px;font-weight:700}.g2048{background:var(--line2);aspect-ratio:1;touch-action:none;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,420px);padding:10px;display:grid}.g2048 div{background:var(--surface2);color:var(--text);border-radius:12px;place-items:center;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:clamp(18px,5vw,30px);font-weight:800;display:grid}.g2048 .v2{color:#2b3258;background:#eef1fb}.g2048 .v4{color:#2b3258;background:#dfe5fb}.g2048 .v8{color:#16205a;background:#b9c5ff}.g2048 .v16{color:#fff;background:#8fa2ff}.g2048 .v32{color:#fff;background:#6a80f5}.g2048 .v64{color:#fff;background:#4a62e6}.g2048 .v128{color:#3b2c08;background:#e8cf8f}.g2048 .v256{color:#3b2c08;background:#e2be6a}.g2048 .v512{color:#fff;background:#d4a94b}.g2048 .v1024{color:#fff;background:#c2932f;font-size:clamp(14px,4vw,24px)}.g2048 .v2048{color:#fff;background:#a9781a;font-size:clamp(14px,4vw,24px)}.snakeCanvas{aspect-ratio:1;background:var(--field);border:1px solid var(--line);touch-action:none;border-radius:18px;width:min(100%,440px)}.padGrid{grid-template-columns:repeat(3,56px);gap:8px;display:grid}.padGrid button{border:1px solid var(--line);background:var(--surface);height:56px;color:var(--text);cursor:pointer;border-radius:14px;font-size:20px}.memGrid{grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,440px);display:grid}.memCard{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(135deg, var(--brand), var(--brand2));cursor:pointer;color:#0000;border-radius:14px;place-items:center;font-size:clamp(24px,7vw,38px);transition:transform .2s;display:grid}.memCard.open,.memCard.done{background:var(--surface);color:var(--text);transform:rotateY(0)}.memCard.done{border-color:var(--gold);background:var(--goldSoft)}.tttGrid{grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,330px);display:grid}.tttGrid button{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);color:var(--brand);cursor:pointer;border-radius:16px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:44px;font-weight:800}.tttGrid button.o{color:var(--gold)}.tttGrid button.win{background:var(--goldSoft);border-color:var(--gold)}.typeText{background:var(--field);border:1px solid var(--line);border-radius:14px;width:100%;max-width:760px;padding:18px;font-size:20px;line-height:1.8}.typeText .ok{color:var(--success)}.typeText .bad{color:var(--danger);text-decoration:underline}.typeText .cur{background:var(--goldSoft);border-bottom:2px solid var(--gold)}.mineGrid{-webkit-user-select:none;user-select:none;gap:3px;width:min(100%,460px);display:grid}.mineGrid button{aspect-ratio:1;background:var(--line2);cursor:pointer;color:var(--text);border:0;border-radius:6px;padding:0;font-size:clamp(11px,2.8vw,16px);font-weight:800}.mineGrid button.open{background:var(--surface2)}.mineGrid button.boom{background:var(--danger);color:#fff}.n1{color:#2f4bd8!important}.n2{color:#0e9f6e!important}.n3{color:#d92d4a!important}.n4{color:#2563eb!important}.n5{color:#b45309!important}@media (max-width:900px){.megaPanel{grid-template-columns:repeat(2,1fr)}.toolTitleRow{flex-direction:column;gap:0}.favBtn{margin-top:4px}.statGrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.statGrid{grid-template-columns:1fr}.catBlockHead h2{font-size:23px}.heroStats{gap:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.skipLink{z-index:200;background:var(--surface);color:var(--text);border:1px solid var(--gold);border-radius:10px;padding:10px 14px;position:absolute;top:8px;left:-999px}.skipLink:focus{left:12px}.mobileOnly{align-items:center;gap:8px;display:none}@media (max-width:900px){.navRight{display:none}.mobileOnly{display:flex}}.dataTable{border-collapse:collapse;width:100%;min-width:420px;font-size:14px}.dataTable th,.dataTable td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.dataTable th{color:var(--muted);font-size:12px;font-weight:800}.dataTable tbody tr:hover{background:var(--surface2)}.brand .brandMark{border-radius:10px;width:36px;height:36px!important}.brandName{letter-spacing:-.6px;color:var(--text);font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:21px;font-weight:800}:root[data-theme=dark] .btnPrimary,:root[data-theme=dark] .navAuth .btnPrimary{color:#070b1d}.g2048{grid-template-rows:repeat(4,1fr)}@media (max-width:600px){.toolGrid{grid-template-columns:1fr 1fr;gap:10px}.toolCard{border-radius:16px;padding:15px}.toolCard .iconBox{width:36px;height:36px;margin-bottom:10px}.toolCard h3{margin:0;font-size:15px}.toolCard p,.toolCard .toolLink{display:none}.brandName{font-size:18px}}.calcWrap{max-width:520px;margin:0 auto}.calcScreen{background:var(--field);border:1px solid var(--line2);border-radius:18px;padding:16px 18px}.calcScreen input{width:100%;color:var(--muted);text-align:right;background:0 0;border:0;outline:none;font-family:ui-monospace,Menlo,monospace;font-size:17px}.calcResult{text-align:right;word-break:break-all;margin-top:6px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:clamp(28px,7vw,40px);font-weight:800}.calcResult.err{color:var(--danger);font-size:16px}.calcKeys{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}.calcKeys button{border:1px solid var(--line);background:var(--surface2);height:52px;color:var(--text);cursor:pointer;border-radius:13px;font-size:15px;font-weight:700}.calcKeys button.num{background:var(--surface);font-size:18px}.calcKeys button.eq{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1b1405;border:0;font-size:20px}.calcKeys button.clr{color:var(--danger)}.calcKeys button:hover{border-color:var(--gold)}.resistor{background:linear-gradient(var(--muted), var(--muted)) center/100% 4px no-repeat;justify-content:center;margin:22px 0;display:flex}.resBody{background:#d9c49a;border-radius:30px;align-items:stretch;gap:14px;width:min(340px,80%);height:64px;padding:0 26px;display:flex}.resBody span{border-radius:2px;width:16px}.cellInput{border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:10px;width:100%;padding:8px 10px}.catGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.catCard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;padding:24px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.catCard:after{content:"";background:linear-gradient(90deg, var(--brand), var(--brand2));opacity:0;height:3px;transition:opacity .2s;position:absolute;inset:0 0 auto}.catCard:hover{border-color:color-mix(in srgb, var(--gold) 60%, var(--line));transform:translateY(-2px)}.catCard:hover:after{opacity:1}.catCard.gold:after{background:linear-gradient(90deg, var(--gold), var(--gold2))}.catCardTop{justify-content:space-between;align-items:center;display:flex}.catIcon{background:var(--soft);width:50px;height:50px;color:var(--brand);border-radius:15px;place-items:center;display:grid}.catCard.gold .catIcon{background:var(--goldSoft);color:var(--gold)}.catCount{color:var(--gold);background:var(--goldSoft);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.catCard h3{letter-spacing:-.5px;margin:18px 0 6px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:22px}.catCard p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.6}.catSample{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.catSample span{background:var(--field);border:1px solid var(--line);color:var(--text2);border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700}.catOpen{color:var(--brand);margin-top:16px;font-size:14px;font-weight:800}@media (max-width:900px){.catGrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.catGrid{grid-template-columns:1fr}.catCard{padding:20px}.catCard p{display:none}}@media (prefers-reduced-motion:reduce){.catCard:hover{transform:none}}.assistFab{z-index:210;border:1px solid color-mix(in srgb, var(--gold) 60%, transparent);cursor:pointer;color:#f3dca3;background:linear-gradient(135deg,#0e1430,#1d2a6b);border-radius:999px;align-items:center;gap:9px;height:54px;padding:0 20px 0 16px;font-size:15px;font-weight:800;display:flex;position:fixed;bottom:22px;left:22px;box-shadow:0 16px 36px #0e143059}.assistFab svg{color:var(--gold2)}.assistFab:hover{transform:translateY(-1px)}.assistPanel{z-index:210;background:var(--surface);border:1px solid var(--line2);width:min(390px,100vw - 28px);height:min(580px,100vh - 120px);box-shadow:var(--shadowLg);border-radius:24px;flex-direction:column;animation:.18s ease-out assistIn;display:flex;position:fixed;bottom:90px;left:22px;overflow:hidden}@keyframes assistIn{0%{opacity:0;transform:translateY(8px)}}.assistHead{color:#eceff9;background:linear-gradient(135deg,#0e1430,#1d2a6b);align-items:center;gap:12px;padding:16px 18px;display:flex}.assistHead div{flex-direction:column;flex:1;display:flex}.assistHead b{font-size:15px}.assistHead small{color:#aab4d8;align-items:center;gap:6px;font-size:12px;display:flex}.assistOnline{background:#34d399;border-radius:50%;width:7px;height:7px;display:inline-block}.assistAvatar{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1b1405;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.assistHead button{color:#eceff9;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.assistList{background:var(--bg);flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.assistMsg{max-width:88%}.assistMsg p{white-space:pre-wrap;border-radius:16px;margin:0;padding:11px 14px;font-size:14px;line-height:1.55}.assistMsg.assistant p{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px}.assistMsg.user{align-self:flex-end}.assistMsg.user p{background:var(--brand);color:#fff;border-bottom-right-radius:6px}:root[data-theme=dark] .assistMsg.user p{color:#070b1d}.assistTools{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.assistTools a{border:1px solid var(--line2);background:var(--surface);color:var(--text);border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.assistTools a:hover{border-color:var(--gold);color:var(--gold)}.assistSuggest{flex-direction:column;gap:6px;margin-top:4px;display:flex}.assistSuggest small{color:var(--muted);font-size:12px;font-weight:700}.assistSuggest button{text-align:left;border:1px dashed var(--line2);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:700}.assistSuggest button:hover{border-style:solid;border-color:var(--gold)}.assistForm{border-top:1px solid var(--line);background:var(--surface);gap:8px;padding:12px;display:flex}.assistForm input{border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:999px;outline:none;flex:1;padding:13px 16px}.assistForm input:focus{border-color:var(--gold)}.assistForm button{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1b1405;cursor:pointer;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.assistForm button:disabled{opacity:.45;cursor:default}.assistDots{gap:5px;display:flex}.assistDots span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1s infinite alternate dot}.assistDots span:nth-child(2){animation-delay:.2s}.assistDots span:nth-child(3){animation-delay:.4s}@keyframes dot{to{opacity:.25;transform:translateY(-3px)}}@media (max-width:600px){.assistFab span{display:none}.assistFab{justify-content:center;width:54px;padding:0;bottom:14px;left:14px}.assistPanel{width:auto;height:calc(100vh - 110px);bottom:78px;left:10px;right:10px}}@media print{.assistFab,.assistPanel{display:none!important}}.c4Board{background:var(--brand);border-radius:20px;grid-template-columns:repeat(7,1fr);gap:8px;width:min(100%,460px);padding:12px;display:grid}.c4Cell{aspect-ratio:1;background:var(--bg);cursor:pointer;border:0;border-radius:50%;padding:0}.c4Cell.R{background:#e5484d}.c4Cell.Y{background:var(--gold2)}.c4Cell.win{box-shadow:inset 0 0 0 4px #fff}.hangLives{gap:8px;display:flex}.hangLives span{background:var(--success);border-radius:50%;width:14px;height:14px}.hangLives span.lost{background:var(--line2)}.hangWord{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hangWord span{border-bottom:3px solid var(--text);place-items:center;width:clamp(28px,7vw,42px);height:52px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:28px;font-weight:800;display:grid}.hangKeys{grid-template-columns:repeat(9,1fr);gap:6px;width:min(100%,520px);display:grid}.hangKeys button{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--text);cursor:pointer;border-radius:10px;font-weight:800}.hangKeys button.hit{background:color-mix(in srgb, var(--success) 20%, var(--surface));border-color:var(--success)}.hangKeys button.miss{opacity:.35}.reactBox{cursor:pointer;color:#fff;background:var(--brand);border:0;border-radius:22px;width:min(100%,560px);height:280px;padding:20px;font-family:Sora Variable,Sora,system-ui,sans-serif;font-size:26px;font-weight:800}.simonPads{aspect-ratio:1;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,340px);display:grid}.simonPad{cursor:pointer;opacity:.45;border:0;border-radius:24px;transition:opacity .12s,transform .12s}.simonPad.green{background:#16a34a}.simonPad.red{background:#dc2626}.simonPad.yellow{background:#eab308}.simonPad.blue{background:#2563eb}.simonPad.lit{opacity:1;transform:scale(1.03)}@media (max-width:600px){.hangKeys{grid-template-columns:repeat(7,1fr)}.reactBox{height:220px;font-size:22px}}.article .lead{color:var(--muted);font-size:19px;line-height:1.7}.dropzone{transition:border-color .2s,background .2s}.dropzone.hasFile{border-style:solid;border-color:color-mix(in srgb, var(--success) 45%, var(--line2));background:color-mix(in srgb, var(--success) 6%, var(--field))}.dropzone.hasFile>svg{color:var(--success)}.dropzone h3{overflow-wrap:anywhere}.dropzone .notice{max-width:460px;margin:16px auto 0}.checkInline{cursor:pointer;align-items:center;gap:8px;padding:11px 0;font-weight:600!important;display:flex!important}.checkInline input{accent-color:var(--brand);width:auto!important}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:2px;border-radius:6px}html{scrollbar-gutter:stable}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.hpField{width:1px;height:1px;overflow:hidden;position:absolute!important;left:-10000px!important}.servicesGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;display:grid}.serviceItem{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:20px}.serviceItem h2{margin:0 0 8px;font-size:18px}.serviceItem p{margin:0;font-size:15px}@media (max-width:760px){.servicesGrid{grid-template-columns:1fr}}button.swatch{font:inherit;place-items:center;padding:0;font-size:12px;font-weight:700;display:grid}.swatchLabel{color:#0e1430;background:#ffffffeb;border-radius:6px;padding:2px 6px;font-size:11px}.dropActions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dropActions .btn{align-items:center;gap:7px;display:inline-flex}.dropPicked{background:color-mix(in srgb, var(--success) 14%, var(--surface));color:var(--success);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:7px;max-width:100%;margin:14px 0 0;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.dropPicked b{color:var(--text)}.resultBanner{border:1px solid color-mix(in srgb, var(--success) 45%, var(--line));background:color-mix(in srgb, var(--success) 9%, var(--surface));border-radius:16px;margin-top:20px;padding:16px 18px}.resultBanner>p{color:var(--success);align-items:center;gap:8px;margin:0 0 10px;font-weight:800;display:flex}.resultBanner ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.resultBanner li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.resultBanner li span{overflow-wrap:anywhere}.resultBanner .btn{align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.toolHowTo{background:var(--surface);border:1px solid var(--line);max-width:820px;box-shadow:var(--shadow);border-radius:20px;margin:34px auto 0;padding:24px 26px}.toolHowTo h2{margin:0 0 12px;font-size:22px}.toolHowTo ol{color:var(--text2);gap:8px;margin:0;padding-left:22px;line-height:1.6;display:grid}body{background:radial-gradient(900px 600px at 85% -10%, color-mix(in srgb, var(--brand2) 16%, transparent), transparent 60%), radial-gradient(700px 500px at -10% 30%, color-mix(in srgb, var(--gold2) 10%, transparent), transparent 60%), var(--bg);background-attachment:fixed}:root[data-theme=dark] body{background:radial-gradient(1px 1px at 10% 20%, #ffffff8c, transparent 60%), radial-gradient(1px 1px at 30% 80%, #fff6, transparent 60%), radial-gradient(1.5px 1.5px at 55% 35%, #93c5fdb3, transparent 60%), radial-gradient(1px 1px at 75% 65%, #ffffff73, transparent 60%), radial-gradient(1.5px 1.5px at 90% 15%, #67e8f999, transparent 60%), radial-gradient(1000px 700px at 85% -10%, #2563eb47, transparent 60%), radial-gradient(800px 600px at -10% 40%, #22d3ee1a, transparent 60%), radial-gradient(900px 600px at 50% 110%, #0ea5e929, transparent 60%), var(--bg);background-size:420px 420px,380px 380px,520px 520px,460px 460px,600px 600px,auto,auto,auto,auto;background-attachment:fixed}.toggleBtn.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.notice{color:var(--successText)}.printSheet{--muted:#4b5563;--text:#111827;color:#111827}:root[data-theme=dark] .btnPrimary{color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 12px 28px #2563eb59}.proGo{background:linear-gradient(100deg,#2563eb,#2563eb 60%,#0e7490)!important}.lightPaper{--text:#10131a;--text2:#2f3550;--muted:#4b5563;--brand:#1e3a8a;color:#10131a}.reactBox{background:#1d4ed8}.reactBox.waiting{background:#c2410c}.reactBox.go{background:#15803d}.reactBox.early{background:#b91c1c}