:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{color:#e5e7eb;background:#05060a;height:100%;margin:0;overflow:hidden}#stage{width:100vw;height:100vh;display:block;position:fixed;inset:0}#cam{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}#overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#05060a8c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .4s;display:flex;position:fixed;inset:0}#overlay.hidden{opacity:0;pointer-events:none}.card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827b8;border:1px solid #94a3b82e;border-radius:1.5rem;max-width:32rem;padding:2.5rem;box-shadow:0 20px 60px #00000080}.lang-card{padding:1.1rem 1.4rem}.lang-title{letter-spacing:.08em;text-transform:uppercase;color:#8b97a8;margin-bottom:.6rem;font-size:.72rem;font-weight:600}.langs{grid-template-columns:1fr 1fr;gap:.5rem;max-width:21rem;margin:0 auto;display:grid}.langbar{z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b1480;border:1px solid #94a3b82e;border-radius:.8rem;gap:.25rem;padding:.28rem;display:flex;position:fixed;top:.85rem;right:.85rem}.lang{font:inherit;cursor:pointer;color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.9rem;font-weight:600;transition:color .14s,background .14s,border-color .14s;display:inline-flex}.langs .lang{background:#0f172a73;border-color:#94a3b82e;justify-content:flex-start}.langbar .lang{padding:.32rem .5rem;font-size:.8rem}.lang:hover{color:#f1f5f9;background:#38bdf81f;border-color:#7dd3fc73}.lang.active{color:#f8fafc;background:#38bdf829;border-color:#7dd3fcbf}.flag{border-radius:3px;flex:none;width:1.45rem;height:1.05rem;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e,0 1px 2px #00000059}.flag svg{width:100%;height:100%;display:block}.lang-name{line-height:1}.logo{filter:drop-shadow(0 6px 18px #38bdf866);margin-bottom:.5rem;font-size:3rem;line-height:1;animation:3.5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card h1{letter-spacing:-.02em;background:linear-gradient(135deg,#7dd3fc,#a5b4fc,#5eead4);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.25rem}.lead{color:#cbd5e1;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.5}button#start{font:inherit;cursor:pointer;color:#05060a;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border:none;border-radius:.85rem;padding:.95rem 2.5rem;font-size:1.05rem;font-weight:700;transition:transform .14s,box-shadow .14s;box-shadow:0 10px 28px #38bdf866}button#start:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 36px #38bdf88c}.sub{color:#94a3b8;margin:.9rem 0 0;font-size:.82rem}.privacy{color:#94a3b8;margin:1rem 0 0;font-size:.8rem}#info{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad1;border:1px solid #94a3b838;border-radius:1rem;width:min(22rem,84vw);padding:1.25rem 1.4rem;transition:opacity .35s,transform .35s;position:fixed;top:50%;right:1.25rem;transform:translateY(-50%);box-shadow:0 18px 50px #00000080}#info.hidden{opacity:0;pointer-events:none;transform:translateY(calc(12px - 50%))}.info-head{border-bottom:2px solid var(--accent,#38bdf8);align-items:baseline;gap:.6rem;margin-bottom:.6rem;padding-bottom:.5rem;display:flex}.info-formula{color:var(--accent,#38bdf8);font-size:1.7rem;font-weight:800}.info-name{color:#cbd5e1;font-size:.95rem}.info-desc{color:#e5e7eb;margin:0 0 .7rem;font-size:.92rem;line-height:1.5}.info-recipe{color:#cbd5e1;margin-bottom:.5rem;font-size:.85rem}.info-elements{color:#cbd5e1;gap:.25rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}button#start{font:inherit;cursor:pointer;color:#05060a;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border:none;border-radius:.75rem;padding:.85rem 2rem;font-weight:600;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 24px #38bdf859}button#start:hover{transform:translateY(-2px);box-shadow:0 12px 32px #38bdf880}button#start:disabled{opacity:.6;cursor:progress;transform:none}.hint{font-size:.85rem;color:#94a3b8!important;margin:1rem 0 0!important}.hint.error{color:#f87171!important}