@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:wght@400;500;600;700;800;900&family=UnifrakturMaguntia&display=swap");.zentype-container .clip-bottom{clip-path:inset(-100px -100px 0 -100px)}.zentype-container .clip-path-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.zentype-container{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--font-serif:"Cormorant Garamond",serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;--font-blackletter:"UnifrakturMaguntia",cursive;background-color:var(--bg-color);color:var(--text-main);transition:background-color var(--theme-transition-duration) var(--theme-transition-ease),color var(--theme-transition-duration) var(--theme-transition-ease);--theme-transition-duration:420ms;--theme-transition-ease:cubic-bezier(0.22,1,0.36,1);--bg-color:#eef4f1;--glass-bg:rgba(255,255,255,0.76);--glass-border:rgba(140,164,155,0.22);--text-main:#17342d;--text-dim:#5f7c74;--accent:#2aa889;--kbd-base-bg:#f1f5f9;--kbd-base-border:#e2e8f0;--kbd-base-shadow:#cbd5e1;--kbd-key-bg:#ffffff;--kbd-key-shadow:#e2e8f0;--kbd-key-border:#f1f5f9;--accent-blue:#3b82f6;--accent-teal:#14b8a6;--text-dark:#1e293b;--text-medium:#64748b;--fg-lp:#e9d5ff;--fg-lp-s:#d8b4fe;--fg-lr:#bbf7d0;--fg-lr-s:#86efac;--fg-lm:#fecdd3;--fg-lm-s:#fda4af;--fg-li:#a5f3fc;--fg-li-s:#67e8f9;--fg-ri:#fef08a;--fg-ri-s:#fde047;--fg-rm:#fbcfe8;--fg-rm-s:#f9a8d4;--fg-rr:#fed7aa;--fg-rr-s:#fdba74;--fg-rp:#a7f3d0;--fg-rp-s:#6ee7b7}.zentype-container[data-theme=midnight]{--bg-color:#121b2d;--glass-bg:rgba(22,31,49,0.88);--glass-border:rgba(133,154,196,0.16);--text-main:#e8eefc;--text-dim:#90a0c1;--accent:#7dd3c7;--kbd-base-bg:#182238;--kbd-base-border:#0f1728;--kbd-base-shadow:#24324e;--kbd-key-bg:#101827;--kbd-key-shadow:#24324e;--kbd-key-border:#1b2740;--text-dark:#ffffff;--text-medium:#94a3b8;--fg-lp:#4c1d95;--fg-lp-s:#2e1065;--fg-lr:#064e3b;--fg-lr-s:#022c22;--fg-lm:#881337;--fg-lm-s:#4c0519;--fg-li:#164e63;--fg-li-s:#083344;--fg-ri:#713f12;--fg-ri-s:#422006;--fg-rm:#831843;--fg-rm-s:#500724;--fg-rr:#7c2d12;--fg-rr-s:#431407;--fg-rp:#065f46;--fg-rp-s:#064e3b}.zentype-container[data-theme=forest]{--bg-color:#102821;--glass-bg:rgba(21,45,37,0.88);--glass-border:rgba(146,189,165,0.16);--text-main:#e4f3eb;--text-dim:#96b8a6;--accent:#78c6a3;--kbd-base-bg:#17342b;--kbd-base-border:#0d221c;--kbd-base-shadow:#244d40;--kbd-key-bg:#112821;--kbd-key-shadow:#244d40;--kbd-key-border:#1d3d32;--text-dark:#ffffff;--text-medium:#bbe1fa;--fg-lp:#4c1d95;--fg-lp-s:#2e1065;--fg-lr:#064e3b;--fg-lr-s:#022c22;--fg-lm:#881337;--fg-lm-s:#4c0519;--fg-li:#164e63;--fg-li-s:#083344;--fg-ri:#713f12;--fg-ri-s:#422006;--fg-rm:#831843;--fg-rm-s:#500724;--fg-rr:#7c2d12;--fg-rr-s:#431407;--fg-rp:#065f46;--fg-rp-s:#064e3b}.zentype-container[data-theme=sakura]{--bg-color:#f8e8ee;--glass-bg:rgba(255,251,253,0.82);--glass-border:rgba(188,137,160,0.22);--text-main:#5f2e48;--text-dim:#9d6f86;--accent:#d46a98;--kbd-base-bg:#f6dde8;--kbd-base-border:#e7c3d4;--kbd-base-shadow:#dca4bf;--kbd-key-bg:#ffffff;--kbd-key-shadow:#e9c9d8;--kbd-key-border:#f7e7ee;--text-dark:#702459;--text-medium:#b83280;--fg-lp:#e9d5ff;--fg-lp-s:#d8b4fe;--fg-lr:#bbf7d0;--fg-lr-s:#86efac;--fg-lm:#fecdd3;--fg-lm-s:#fda4af;--fg-li:#a5f3fc;--fg-li-s:#67e8f9;--fg-ri:#fef08a;--fg-ri-s:#fde047;--fg-rm:#fbcfe8;--fg-rm-s:#f9a8d4;--fg-rr:#fed7aa;--fg-rr-s:#fdba74;--fg-rp:#a7f3d0;--fg-rp-s:#6ee7b7}.zentype-container[data-theme=ocean]{--bg-color:#0f2230;--glass-bg:rgba(18,40,56,0.9);--glass-border:rgba(125,171,191,0.16);--text-main:#e2f2f7;--text-dim:#8fb2c0;--accent:#5dc4c8;--kbd-base-bg:#173244;--kbd-base-border:#0d1f2c;--kbd-base-shadow:#264c63;--kbd-key-bg:#10232f;--kbd-key-shadow:#264c63;--kbd-key-border:#183447;--text-dark:#ffffff;--text-medium:#8cb6ce;--fg-lp:#064e3b;--fg-lp-s:#022c22;--fg-lr:#164e63;--fg-lr-s:#083344;--fg-lm:#312e81;--fg-lm-s:#1e1b4b;--fg-li:#4c1d95;--fg-li-s:#2e1065;--fg-ri:#7c2d12;--fg-ri-s:#431407;--fg-rm:#831843;--fg-rm-s:#500724;--fg-rr:#9f1239;--fg-rr-s:#4c0519;--fg-rp:#065f46;--fg-rp-s:#064e3b}.zentype-container[data-theme=lavender]{--bg-color:#f1ecfa;--glass-bg:rgba(251,249,255,0.82);--glass-border:rgba(162,146,198,0.22);--text-main:#423261;--text-dim:#8472a4;--accent:#8d73df;--kbd-base-bg:#e6ddf7;--kbd-base-border:#d5caed;--kbd-base-shadow:#baa7e0;--kbd-key-bg:#ffffff;--kbd-key-shadow:#d8cdee;--kbd-key-border:#efe7fb;--text-dark:#581c87;--text-medium:#7e22ce;--fg-lp:#e9d5ff;--fg-lp-s:#d8b4fe;--fg-lr:#bbf7d0;--fg-lr-s:#86efac;--fg-lm:#fecdd3;--fg-lm-s:#fda4af;--fg-li:#a5f3fc;--fg-li-s:#67e8f9;--fg-ri:#fef08a;--fg-ri-s:#fde047;--fg-rm:#fbcfe8;--fg-rm-s:#f9a8d4;--fg-rr:#fed7aa;--fg-rr-s:#fdba74;--fg-rp:#a7f3d0;--fg-rp-s:#6ee7b7}.zentype-container[data-theme=sunset]{--bg-color:#241c1b;--glass-bg:rgba(43,31,29,0.88);--glass-border:rgba(198,146,122,0.16);--text-main:#f6e8e0;--text-dim:#c2a094;--accent:#f29a5a;--kbd-base-bg:#352827;--kbd-base-border:#211818;--kbd-base-shadow:#4a3733;--kbd-key-bg:#281f1e;--kbd-key-shadow:#4a3733;--kbd-key-border:#3b2c2b;--text-dark:#fff7ed;--text-medium:#fed7aa;--fg-lp:#4c1d95;--fg-lp-s:#2e1065;--fg-lr:#064e3b;--fg-lr-s:#022c22;--fg-lm:#881337;--fg-lm-s:#4c0519;--fg-li:#164e63;--fg-li-s:#083344;--fg-ri:#713f12;--fg-ri-s:#422006;--fg-rm:#831843;--fg-rm-s:#500724;--fg-rr:#7c2d12;--fg-rr-s:#431407;--fg-rp:#065f46;--fg-rp-s:#064e3b}.zentype-container[data-theme=matcha]{--bg-color:#eef3e7;--glass-bg:rgba(250,253,246,0.82);--glass-border:rgba(148,170,120,0.22);--text-main:#31492b;--text-dim:#72886a;--accent:#6b9a54;--kbd-base-bg:#e4eedc;--kbd-base-border:#cadbbf;--kbd-base-shadow:#adc49e;--kbd-key-bg:#ffffff;--kbd-key-shadow:#d4e2c9;--kbd-key-border:#edf5e7;--text-dark:#1b5e20;--text-medium:#4caf50;--fg-lp:#e9d5ff;--fg-lp-s:#d8b4fe;--fg-lr:#bbf7d0;--fg-lr-s:#86efac;--fg-lm:#fecdd3;--fg-lm-s:#fda4af;--fg-li:#a5f3fc;--fg-li-s:#67e8f9;--fg-ri:#fef08a;--fg-ri-s:#fde047;--fg-rm:#fbcfe8;--fg-rm-s:#f9a8d4;--fg-rr:#fed7aa;--fg-rr-s:#fdba74;--fg-rp:#a7f3d0;--fg-rp-s:#6ee7b7}.zentype-container[data-theme=coffee]{--bg-color:#261d1b;--glass-bg:rgba(42,31,29,0.88);--glass-border:rgba(188,150,127,0.16);--text-main:#f0e1d7;--text-dim:#c09c89;--accent:#d59b4d;--kbd-base-bg:#362927;--kbd-base-border:#241a19;--kbd-base-shadow:#4d3a36;--kbd-key-bg:#2b211f;--kbd-key-shadow:#4d3a36;--kbd-key-border:#3b2d2a;--text-dark:#fff8e1;--text-medium:#bcaaa4;--fg-lp:#4c1d95;--fg-lp-s:#2e1065;--fg-lr:#064e3b;--fg-lr-s:#022c22;--fg-lm:#881337;--fg-lm-s:#4c0519;--fg-li:#164e63;--fg-li-s:#083344;--fg-ri:#713f12;--fg-ri-s:#422006;--fg-rm:#831843;--fg-rm-s:#500724;--fg-rr:#7c2d12;--fg-rr-s:#431407;--fg-rp:#065f46;--fg-rp-s:#064e3b}.zentype-container[data-theme=slate]{--bg-color:#111827;--glass-bg:rgba(17,24,39,0.9);--glass-border:rgba(148,163,184,0.14);--text-main:#edf2f8;--text-dim:#93a3b8;--accent:#6ec7f0;--kbd-base-bg:#1a2435;--kbd-base-border:#101726;--kbd-base-shadow:#2b3a52;--kbd-key-bg:#121a2a;--kbd-key-shadow:#2b3a52;--kbd-key-border:#1d2940;--text-dark:#ffffff;--text-medium:#94a3b8;--fg-lp:#4c1d95;--fg-lp-s:#2e1065;--fg-lr:#064e3b;--fg-lr-s:#022c22;--fg-lm:#881337;--fg-lm-s:#4c0519;--fg-li:#164e63;--fg-li-s:#083344;--fg-ri:#713f12;--fg-ri-s:#422006;--fg-rm:#831843;--fg-rm-s:#500724;--fg-rr:#7c2d12;--fg-rr-s:#431407;--fg-rp:#065f46;--fg-rp-s:#064e3b}.zentype-container[data-theme=default]{--bg-color:#eef4f1;--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(145,162,156,0.22);--text-main:#17342d;--text-dim:#5f7c74;--accent:#2aa889;--kbd-base-bg:var(--glass-bg);--kbd-key-bg:#ffffff;--kbd-key-shadow:#e2e8f0}.zentype-container[data-theme=slate-white]{--bg-color:#e8edf2;--glass-bg:rgba(250,252,255,0.82);--glass-border:rgba(148,163,184,0.22);--text-main:#1d2b3a;--text-dim:#64788d;--accent:#4d8fd6;--kbd-base-bg:var(--glass-bg);--kbd-key-bg:#ffffff;--kbd-key-shadow:#CBD5E1}.zentype-container[data-theme=parchment-mist]{--bg-color:#e7e1da;--glass-bg:rgba(247,243,239,0.84);--glass-border:rgba(171,156,144,0.22);--text-main:#3a312d;--text-dim:#8d7d72;--accent:#b8954d;--kbd-base-bg:var(--glass-bg);--kbd-key-bg:#EBE8E7;--kbd-key-shadow:#D1CDCB}.zentype-container[data-theme=paper-cloud]{--bg-color:#f5f0e7;--glass-bg:rgba(255,252,246,0.86);--glass-border:rgba(196,182,158,0.2);--text-main:#2d2c2a;--text-dim:#8b735e;--accent:#4e9fc8;--kbd-base-bg:var(--glass-bg);--kbd-key-bg:#FDFBF7;--kbd-key-shadow:#EBE6D9}.zentype-container[data-theme=warm-organic]{--bg-color:#f2ecdf;--glass-bg:rgba(252,248,240,0.84);--glass-border:rgba(190,181,154,0.22);--text-main:#342820;--text-dim:#8f8779;--accent:#748f81;--kbd-base-bg:var(--glass-bg);--kbd-key-bg:#FDFCF0;--kbd-key-shadow:#EBE5C9}.zentype-container[data-theme=sakura-light]{--bg-color:#f6dce6;--glass-bg:rgba(253,242,247,0.84);--glass-border:rgba(221,153,181,0.22);--text-main:#7a3558;--text-dim:#b27b96;--accent:#d86f9c;--kbd-base-bg:var(--glass-bg);--kbd-key-bg:#FCE4EC;--kbd-key-shadow:#F48FB1}.zentype-container[data-theme=volcanic]{--bg-color:#0a0502;--glass-bg:rgba(255,80,20,0.08);--glass-border:rgba(255,80,20,0.2);--text-main:#ffffff;--text-dim:#ff8a66;--accent:#ff5014;--kbd-base-bg:#140a05;--kbd-base-border:#0a0502;--kbd-base-shadow:#2e140a;--kbd-key-bg:#0a0502;--kbd-key-shadow:#2e140a;--kbd-key-border:#1a0a05;--text-dark:#ffffff;--text-medium:#ff8a66}.zentype-container[data-theme=midnight-ocean]{--bg-color:#020813;--glass-bg:rgba(20,120,255,0.08);--glass-border:rgba(20,120,255,0.2);--text-main:#ffffff;--text-dim:#8ab4f8;--accent:#1478ff;--kbd-base-bg:#041026;--kbd-base-border:#020813;--kbd-base-shadow:#0a244c;--kbd-key-bg:#020813;--kbd-key-shadow:#0a244c;--kbd-key-border:#051226;--text-dark:#ffffff;--text-medium:#8ab4f8}.zentype-container[data-theme=forest-dawn]{--bg-color:#020a05;--glass-bg:rgba(20,255,100,0.05);--glass-border:rgba(20,255,100,0.15);--text-main:#effced;--text-dim:#8cf2a5;--accent:#14ff64;--kbd-base-bg:#04140a;--kbd-base-border:#020a05;--kbd-base-shadow:#0a331a;--kbd-key-bg:#020a05;--kbd-key-shadow:#0a331a;--kbd-key-border:#051a0d;--text-dark:#effced;--text-medium:#8cf2a5}.zentype-container[data-theme=lavender-dream]{--bg-color:#0a020a;--glass-bg:rgba(200,20,255,0.05);--glass-border:rgba(200,20,255,0.15);--text-main:#f8eaff;--text-dim:#d896ff;--accent:#c814ff;--kbd-base-bg:#140414;--kbd-base-border:#0a020a;--kbd-base-shadow:#330a33;--kbd-key-bg:#0a020a;--kbd-key-shadow:#330a33;--kbd-key-border:#1a051a;--text-dark:#f8eaff;--text-medium:#d896ff}.zentype-container[data-theme=cyberpunk-glow]{--bg-color:#000000;--glass-bg:rgba(255,0,128,0.05);--glass-border:rgba(255,0,128,0.25);--text-main:#ffffff;--text-dim:#ff80bf;--accent:#ff0080;--kbd-base-bg:#0d0006;--kbd-base-border:#000000;--kbd-base-shadow:#33001a;--kbd-key-bg:#000000;--kbd-key-shadow:#33001a;--kbd-key-border:#1a000d;--text-dark:#ffffff;--text-medium:#ff80bf}.zentype-container[data-theme=solar-flare]{--bg-color:#110000;--glass-bg:rgba(255,100,0,0.05);--glass-border:rgba(255,100,0,0.2);--text-main:#fff9e6;--text-dim:#ffb880;--accent:#ff6400;--kbd-base-bg:#220000;--kbd-base-border:#110000;--kbd-base-shadow:#440000;--kbd-key-bg:#110000;--kbd-key-shadow:#440000;--kbd-key-border:#220000;--text-dark:#fff9e6;--text-medium:#ffb880}.zentype-container[data-theme=deep-space]{--bg-color:#010103;--glass-bg:rgba(200,200,255,0.03);--glass-border:rgba(200,200,255,0.1);--text-main:#ffffff;--text-dim:#b3b3e6;--accent:#c8c8ff;--kbd-base-bg:#03030a;--kbd-base-border:#010103;--kbd-base-shadow:#0a0a14;--kbd-key-bg:#010103;--kbd-key-shadow:#0a0a14;--kbd-key-border:#05050a;--text-dark:#ffffff;--text-medium:#b3b3e6}.zentype-container[data-theme=minimal-mono]{--bg-color:#111111;--glass-bg:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.1);--text-main:#ffffff;--text-dim:#888888;--accent:#ffffff;--kbd-base-bg:#1a1a1a;--kbd-base-border:#111111;--kbd-base-shadow:#333333;--kbd-key-bg:#111111;--kbd-key-shadow:#333333;--kbd-key-border:#222222;--text-dark:#ffffff;--text-medium:#888888}.zentype-container[data-theme=matcha-latte]{--bg-color:#0d1410;--glass-bg:rgba(163,204,180,0.05);--glass-border:rgba(163,204,180,0.2);--text-main:#eef5f0;--text-dim:#a3ccb4;--accent:#a3ccb4;--kbd-base-bg:#131f18;--kbd-base-border:#0d1410;--kbd-base-shadow:#213328;--kbd-key-bg:#0d1410;--kbd-key-shadow:#213328;--kbd-key-border:#17241c;--text-dark:#eef5f0;--text-medium:#a3ccb4}.zentype-container[data-theme=rose-gold]{--bg-color:#140a0b;--glass-bg:rgba(255,182,163,0.05);--glass-border:rgba(255,182,163,0.2);--text-main:#fff0ec;--text-dim:#ffb6a3;--accent:#ffb6a3;--kbd-base-bg:#1f1011;--kbd-base-border:#140a0b;--kbd-base-shadow:#381c1f;--kbd-key-bg:#140a0b;--kbd-key-shadow:#381c1f;--kbd-key-border:#261315;--text-dark:#fff0ec;--text-medium:#ffb6a3}.zentype-container[data-theme=outline-cinematic]{--bg-color:#0c0d10;--glass-bg:rgba(15,17,22,0.8);--glass-border:rgba(255,255,255,0.08);--text-main:#e2e2e2;--text-dim:#4a4a4a;--accent:#d4a373;--kbd-base-bg:rgba(8,9,11,0.5);--kbd-base-border:rgba(255,255,255,0.05);--kbd-base-shadow:transparent;--kbd-key-bg:transparent;--kbd-key-shadow:transparent;--kbd-key-border:rgba(255,255,255,0.12);--text-dark:#ffffff;--text-medium:#777777;--next-key-bg:transparent;--next-key-border:#d4a373;--next-key-glow:rgba(212,163,115,0.25);--next-key-border-shadow:transparent}.zentype-container[data-theme=outline-cinematic] .keyboard-key{border:1.5px solid var(--kbd-key-border)!important;box-shadow:none!important;background:transparent!important;border-radius:8px!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-lp{background:rgba(233,213,255,.15)!important;border-color:rgba(216,180,254,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-lr{background:rgba(187,247,208,.15)!important;border-color:rgba(134,239,172,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-lm{background:rgba(254,205,211,.15)!important;border-color:rgba(253,164,175,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-li{background:rgba(165,243,252,.15)!important;border-color:rgba(103,232,249,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-ri{background:rgba(254,240,138,.15)!important;border-color:rgba(253,224,71,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-rm{background:rgba(251,207,232,.15)!important;border-color:rgba(249,168,212,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-rr{background:rgba(254,215,170,.15)!important;border-color:rgba(253,186,116,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.finger-rp{background:rgba(167,243,208,.15)!important;border-color:rgba(110,231,183,.5)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.highlight-next{border-color:var(--accent)!important;box-shadow:0 0 16px var(--next-key-glow),inset 0 0 8px rgba(212,163,115,.08)!important;color:var(--accent)!important;text-shadow:0 0 8px var(--next-key-glow)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-key.pressed{background:rgba(212,163,115,.12)!important;border-color:var(--accent)!important;transform:translateZ(2px) translateY(1px)!important;box-shadow:inset 0 0 8px rgba(212,163,115,.08)!important}.zentype-container[data-theme=outline-cinematic] .keyboard-3d{border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)!important;background:rgba(15,17,22,.3)!important;backdrop-filter:blur(12px);padding:16px!important}.zentype-container[data-theme=outline-cinematic] .typing-word{letter-spacing:.02em}.zentype-container[data-theme=outline-cinematic] .typing-char.active{color:var(--accent)!important}.zentype-container[data-theme=outline-cinematic]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.04;pointer-events:none;z-index:9999;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);filter:contrast(150%) brightness(100%)}.zentype-container[data-theme=outline-cinematic]{background-image:radial-gradient(circle at 50% 50%,rgba(212,163,115,.03) 0,transparent 100%)}.zentype-container[data-theme=outline-light]{--bg-color:#f8f9fa;--glass-bg:rgba(255,255,255,0.9);--glass-border:rgba(0,0,0,0.05);--text-main:#333333;--text-dim:#999999;--accent:#5e9dd3;--kbd-base-bg:rgba(245,247,249,0.8);--kbd-base-border:rgba(0,0,0,0.08);--kbd-base-shadow:transparent;--kbd-key-bg:transparent;--kbd-key-shadow:transparent;--kbd-key-border:rgba(0,0,0,0.15);--text-dark:#222222;--text-medium:#666666;--next-key-bg:transparent;--next-key-border:#5e9dd3;--next-key-glow:rgba(94,157,211,0.25);--next-key-border-shadow:transparent}.zentype-container[data-theme=outline-light] .keyboard-key{border:1.5px solid var(--kbd-key-border)!important;box-shadow:none!important;background:transparent!important;border-radius:8px!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-lp{background:rgba(233,213,255,.4)!important;border-color:rgba(216,180,254,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-lr{background:rgba(187,247,208,.4)!important;border-color:rgba(134,239,172,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-lm{background:rgba(254,205,211,.4)!important;border-color:rgba(253,164,175,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-li{background:rgba(165,243,252,.4)!important;border-color:rgba(103,232,249,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-ri{background:rgba(254,240,138,.4)!important;border-color:rgba(253,224,71,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-rm{background:rgba(251,207,232,.4)!important;border-color:rgba(249,168,212,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-rr{background:rgba(254,215,170,.4)!important;border-color:rgba(253,186,116,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.finger-rp{background:rgba(167,243,208,.4)!important;border-color:rgba(110,231,183,.8)!important}.zentype-container[data-theme=outline-light] .keyboard-key.highlight-next{border-color:var(--accent)!important;box-shadow:0 0 16px var(--next-key-glow),inset 0 0 8px rgba(94,157,211,.1)!important;color:var(--accent)!important}.zentype-container[data-theme=outline-light] .keyboard-key.pressed{background:rgba(94,157,211,.12)!important;border-color:var(--accent)!important;transform:translateZ(2px) translateY(1px)!important;box-shadow:inset 0 0 8px rgba(94,157,211,.08)!important}.zentype-container[data-theme=outline-light] .keyboard-3d{border:1px solid rgba(0,0,0,.06)!important;border-radius:16px!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.1)!important;background:rgba(255,255,255,.6)!important;backdrop-filter:blur(12px);padding:16px!important}.zentype-container[data-theme=outline-light] .typing-char.active{color:var(--accent)!important}.zentype-container[data-theme=outline-light]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:9999;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);filter:invert(1)}.zentype-container[data-theme=outline-cinematic] .typing-char{transition:color .2s ease,opacity .2s ease,text-shadow .2s ease!important}.zentype-container[data-theme=outline-cinematic] .text-emerald-500,.zentype-container[data-theme=outline-cinematic] .text-sky-400,.zentype-container[data-theme=outline-cinematic] .text-slate-100{color:#ffffff!important;text-shadow:0 0 12px rgba(255,255,255,.25)!important;opacity:1!important}.zentype-container[data-theme=outline-cinematic] .typing-wrong{color:#ff5f5f!important;text-shadow:0 0 10px rgba(255,95,95,.3)!important;opacity:1!important}.zentype-container[data-theme=outline-cinematic] .text-\[var\(--text-dim\)\]{color:#444444!important;opacity:.5!important}.zentype-container[data-theme=outline-cinematic] .caret-optimized{box-shadow:0 0 15px var(--accent)!important}.zentype-container[data-theme=outline-cinematic] .typing-surface-lines{background-image:repeating-linear-gradient(transparent,transparent calc(var(--line-height) - 1px),rgba(255,255,255,.03) calc(var(--line-height) - 1px),rgba(255,255,255,.03) var(--line-height))!important}.zentype-container .glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--glass-bg);border-width:1px;border-style:solid;border-color:var(--glass-border);transition:background-color var(--theme-transition-duration) var(--theme-transition-ease),border-color var(--theme-transition-duration) var(--theme-transition-ease),color var(--theme-transition-duration) var(--theme-transition-ease),box-shadow var(--theme-transition-duration) var(--theme-transition-ease)}.zentype-container .typing-char{transition:opacity .06s linear,transform .04s linear,filter .12s linear;will-change:opacity,transform,filter;text-shadow:none}.zentype-container .typing-wrong{color:#ef4444!important;background-color:transparent!important;transition:color 0s!important}@keyframes float-off{0%{transform:translateY(-10px) scale(1.1) rotate(0deg);opacity:1}20%{transform:translate(calc(var(--rx) * .3),-30px) scale(1.3) rotate(calc(var(--rr) * .5));opacity:1}to{transform:translate(var(--rx),-80px) scale(.8) rotate(var(--rr));opacity:0}}.zentype-container .char-wrong-float{position:relative}.zentype-container .char-wrong-float:after{content:attr(data-wrong-char);position:absolute;top:-15px;left:0;color:#ef4444;animation:float-off .8s cubic-bezier(.19,1,.22,1) forwards;pointer-events:none;z-index:100;white-space:pre;font-weight:inherit;font-family:inherit;font-size:inherit}.zentype-container .caret-optimized{position:absolute;top:0;left:0;pointer-events:none;will-change:transform,width,height,opacity;transition:opacity .08s linear,background-color .16s ease,box-shadow .16s ease,filter .16s ease;transform:translateZ(0);transform-origin:top left;backface-visibility:hidden;contain:layout paint style;z-index:0}.zentype-container .btn-transition{transition:background-color .22s var(--theme-transition-ease),border-color .22s var(--theme-transition-ease),opacity .22s var(--theme-transition-ease),box-shadow .22s var(--theme-transition-ease),transform .22s var(--theme-transition-ease)}.zentype-container .caret-blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes zentype-pulse{50%{opacity:.5}}.zentype-container .custom-scrollbar::-webkit-scrollbar{width:4px}.zentype-container .custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}.zentype-container .particle{animation:zentype-pulse 2s cubic-bezier(.4,0,.6,1) infinite;filter:blur(2px)}.zentype-container .keyboard-container{perspective:1200px;display:flex;justify-content:center;padding:.5rem 0 1.5rem}.zentype-container .keyboard-3d{transform:rotateX(25deg) translateZ(0);transform-style:preserve-3d;box-shadow:0 25px 30px -5px rgba(0,0,0,.15),0 15px 15px -5px rgba(0,0,0,.1),inset 0 2px 3px rgba(255,255,255,.1);border-radius:16px;background:var(--kbd-base-bg);padding:1.25rem;border:1px solid var(--kbd-base-border);border-bottom:4px solid var(--kbd-base-shadow);transition:background-color var(--theme-transition-duration) var(--theme-transition-ease),border-color var(--theme-transition-duration) var(--theme-transition-ease),box-shadow var(--theme-transition-duration) var(--theme-transition-ease),color var(--theme-transition-duration) var(--theme-transition-ease),transform .22s var(--theme-transition-ease)}.zentype-container .typing-surface-lines{background-image:repeating-linear-gradient(transparent,transparent calc(var(--line-height) - 1px),var(--glass-border) calc(var(--line-height) - 1px),var(--glass-border) var(--line-height));background-size:100% var(--line-height);background-position:0 0}.zentype-container .typing-surface-seamless{background:transparent!important;border:none!important;box-shadow:none!important}.zentype-container .typing-surface-clean{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));box-shadow:inset 0 0 40px rgba(255,255,255,.05)}.zentype-container .typing-surface-warm{background-color:#EBEBE3!important;background-image:radial-gradient(at 0 0,rgba(212,175,55,.05) 0,transparent 50%),radial-gradient(at 50% 0,rgba(212,175,55,.02) 0,transparent 50%),url(https://www.transparenttextures.com/patterns/natural-paper.png);border-color:rgba(44,30,22,.08)!important}.zentype-container .typing-surface-terminal{background-color:#0c0c0c!important;backdrop-filter:blur(12px);border:1px solid rgba(0,255,0,.3)!important;box-shadow:0 0 40px rgba(0,0,0,.9),inset 0 0 20px rgba(0,255,0,.05)!important;border-radius:1rem;position:relative;overflow:hidden}.zentype-container .typing-surface-terminal:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,255,0,.1) 0,transparent 100%);pointer-events:none;z-index:1}.zentype-container[data-surface=terminal] .keyboard-3d{background:#000!important;border-color:rgba(0,255,0,.3) rgba(0,255,0,.3) rgba(0,255,0,.5)!important;box-shadow:0 25px 30px -5px rgba(0,0,0,.5),0 15px 15px -5px rgba(0,0,0,.3)!important}.zentype-container[data-surface=terminal] .keyboard-key{background:#050505!important;border-color:rgba(0,255,0,.2)!important;color:#00ff00!important;box-shadow:0 2px 0 rgba(0,255,0,.2)!important}.zentype-container[data-surface=terminal] .keyboard-key.pressed{background:#00ff00!important;color:#000!important;box-shadow:0 0 15px rgba(0,255,0,.6)!important}.zentype-container[data-surface=terminal] .glass{background-color:rgba(0,0,0,.85)!important;border-color:rgba(0,255,0,.25)!important;color:#00ff00!important}.zentype-container[data-surface=terminal] kbd.glass{background-color:rgba(0,255,0,.1)!important;border-color:rgba(0,255,0,.3)!important;color:#00ff00!important}.zentype-container[data-surface=terminal] .text-xs.opacity-40,.zentype-container[data-surface=terminal] .text-xs.opacity-60{color:#00ff00!important;opacity:.7!important}.zentype-container[data-surface=terminal] .glass span,.zentype-container[data-surface=terminal] .glass svg{color:#00ff00!important}.zentype-container[data-surface=terminal] .bg-orange-500,.zentype-container[data-surface=terminal] .text-orange-500{color:#00ff00!important;background-color:transparent!important}.zentype-container[data-surface=terminal] ::selection{background:#00ff00!important;color:#000!important}@keyframes caret-pulse-terminal{0%,to{opacity:1;box-shadow:0 0 10px rgba(0,255,0,.6)}50%{opacity:.3;box-shadow:0 0 4px rgba(0,255,0,.2)}}.zentype-container[data-surface=terminal] .caret-optimized{animation:caret-pulse-terminal 1s step-end infinite!important;background-color:#00ff00!important;border-radius:2px!important}.zentype-container .typing-surface-paper{background-color:#fff!important;background-image:repeating-linear-gradient(#f1f1f1,#f1f1f1 1px,transparent 0,transparent 32px),repeating-linear-gradient(90deg,#f1f1f1,#f1f1f1 1px,transparent 0,transparent 32px);background-size:100% 32px,32px 100%;border-color:#e5e7eb!important}.zentype-container .typing-surface-blobs{background:rgba(255,255,255,.75)!important;backdrop-filter:blur(50px) saturate(200%)!important;-webkit-backdrop-filter:blur(50px) saturate(200%)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 12px 40px 0 rgba(31,38,135,.25)!important}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-slow-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes matrix-rain{0%{background-position:0 0}to{background-position:0 1000%}}.zentype-container .animate-scan-line{animation:scan-line 8s linear infinite}.zentype-container .hacker-matrix-rain{background:linear-gradient(180deg,rgba(16,185,129,0),rgba(16,185,129,.1) 50%,rgba(16,185,129,0));background-size:100% 20px;animation:matrix-rain 20s linear infinite}.zentype-container .animate-spin-slow{animation:spin-slow 20s linear infinite}.zentype-container .animate-spin-slow-reverse{animation:spin-slow-reverse 25s linear infinite}.zentype-container .typing-word{margin:0;padding:0;align-items:baseline}.zentype-container .keyboard-key{background:var(--kbd-key-bg);border-radius:6px;box-shadow:0 2px 0 var(--kbd-key-shadow),0 4px 6px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.1);transition:background-color var(--theme-transition-duration) var(--theme-transition-ease),border-color var(--theme-transition-duration) var(--theme-transition-ease),box-shadow var(--theme-transition-duration) var(--theme-transition-ease),color var(--theme-transition-duration) var(--theme-transition-ease),transform .1s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--kbd-key-border);transform:translateZ(5px);user-select:none}.zentype-container .keyboard-key.finger-lp{background:var(--fg-lp);border-color:var(--fg-lp-s);box-shadow:0 2px 0 var(--fg-lp-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container .keyboard-key.finger-lr{background:var(--fg-lr);border-color:var(--fg-lr-s);box-shadow:0 2px 0 var(--fg-lr-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container .keyboard-key.finger-lm{background:var(--fg-lm);border-color:var(--fg-lm-s);box-shadow:0 2px 0 var(--fg-lm-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container .keyboard-key.finger-li{background:var(--fg-li);border-color:var(--fg-li-s);box-shadow:0 2px 0 var(--fg-li-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container .keyboard-key.finger-ri{background:var(--fg-ri);border-color:var(--fg-ri-s);box-shadow:0 2px 0 var(--fg-ri-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container .keyboard-key.finger-rm{background:var(--fg-rm);border-color:var(--fg-rm-s);box-shadow:0 2px 0 var(--fg-rm-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container .keyboard-key.finger-rr{background:var(--fg-rr);border-color:var(--fg-rr-s);box-shadow:0 2px 0 var(--fg-rr-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container .keyboard-key.finger-rp{background:var(--fg-rp);border-color:var(--fg-rp-s);box-shadow:0 2px 0 var(--fg-rp-s),0 4px 6px rgba(0,0,0,.05)}.zentype-container[data-theme=forest] .keyboard-key[class*=finger-],.zentype-container[data-theme=midnight] .keyboard-key[class*=finger-]{color:white}.zentype-container .keyboard-key.pressed{transform:translateZ(1px) translateY(2px);box-shadow:0 0 0 var(--kbd-key-shadow),0 1px 2px rgba(0,0,0,.05),inset 0 2px 4px rgba(0,0,0,.1)!important;background:var(--accent-blue)!important;color:#ffffff!important;border-color:var(--accent-blue)!important}.zentype-container .keyboard-key.correct-key{background:#ccfbf1!important;border-color:#5eead4!important;color:#0f766e!important;box-shadow:0 2px 0 #99f6e4,0 4px 6px rgba(0,0,0,.05)!important}.zentype-container .keyboard-key.correct-key.pressed{box-shadow:0 0 0 #99f6e4!important}.zentype-container .custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent}.zentype-container .custom-scrollbar::-webkit-scrollbar{width:14px}.zentype-container .custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:8px}.zentype-container .custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--text-dim);border-radius:20px;border:4px solid var(--bg-color);background-clip:padding-box}.zentype-container .custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--text-main);border:4px solid var(--bg-color)}.zentype-container .keyboard-key.wrong-key{background:#ffe4e6!important;border-color:#fda4af!important;color:#be123c!important;box-shadow:0 2px 0 #fecdd3,0 4px 6px rgba(0,0,0,.05)!important}.zentype-container .keyboard-key.wrong-key.pressed{box-shadow:0 0 0 #fecdd3!important}.zentype-container .keyboard-key-gaming.highlight-next,.zentype-container .keyboard-key.highlight-next{z-index:50}.zentype-container .keyboard-key.highlight-next{background:var(--next-key-bg,#3b82f6)!important;border-color:var(--next-key-border,#2563eb)!important;color:#ffffff!important;text-shadow:0 0 10px #ffffff,0 0 20px #ffffff,0 0 30px var(--next-key-glow,#4facfe),0 0 40px var(--next-key-glow,#4facfe)!important;box-shadow:0 2px 0 var(--next-key-border-shadow,#1d4ed8),0 0 20px var(--next-key-shadow,rgba(59,130,246,.6)),inset 0 1px 1px rgba(255,255,255,.4)!important}.zentype-container .keyboard-key.highlight-next.pressed{box-shadow:0 0 0 var(--next-key-border-shadow,#1d4ed8),0 0 15px var(--next-key-shadow,rgba(59,130,246,.4))!important}.zentype-container .keyboard-key-gaming{background:#0f172a;border-radius:6px;box-shadow:0 4px 0 #020617,0 8px 15px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.05);transition:all .05s ease;position:relative;border:1px solid #1e293b;transform:translateZ(12px);user-select:none;color:#475569}.zentype-container .keyboard-key-gaming.pressed{transform:translateZ(4px) translateY(4px);box-shadow:0 0 0 #020617,0 4px 8px rgba(0,0,0,.3),inset 0 2px 5px rgba(0,0,0,.5)!important;background:#020617!important;border-color:#334155!important}.zentype-container .keyboard-key-gaming.highlight-next{background:#020617!important;border-color:#38bdf8!important;z-index:50;box-shadow:0 4px 0 #0369a1,0 0 20px rgba(56,189,248,.3),inset 0 1px 2px rgba(56,189,248,.2)!important}.zentype-container .keyboard-key-gaming.correct-key{border-color:#10b981!important;box-shadow:0 4px 0 #065f46,0 0 10px rgba(16,185,129,.2)!important}.zentype-container .keyboard-key-gaming.wrong-key{border-color:#ef4444!important;box-shadow:0 4px 0 #991b1b,0 0 10px rgba(239,68,68,.2)!important}.zentype-container .result-card{animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.zentype-container .hands-overlay-container{opacity:1;transition:opacity var(--theme-transition-duration) var(--theme-transition-ease)}.zentype-container[data-theme=forest] .hands-overlay-container,.zentype-container[data-theme=midnight] .hands-overlay-container{opacity:.9}@layer utilities{.zentype-container .mask-bottom{mask-image:linear-gradient(180deg,black 0,black 60%,transparent);-webkit-mask-image:linear-gradient(180deg,black 0,black 60%,transparent)}.zentype-container .perspective-1000{perspective:1000px}.zentype-container .preserve-3d{transform-style:preserve-3d}}