.LeafShell-module__odknoa__page{color:#eee9df;background:radial-gradient(at 20% 12%,#31434055,#0000 55%),radial-gradient(at 88% 60%,#593a2728,#0000 50%),#12181f;min-height:100svh;padding-bottom:3rem}.LeafShell-module__odknoa__intro{max-width:72rem;margin:2rem auto 1.4rem;padding:0 1.25rem}.LeafShell-module__odknoa__intro h1{letter-spacing:-.035em;margin:.4rem 0 .6rem;font-size:clamp(1.7rem,4vw,2.5rem)}.LeafShell-module__odknoa__intro p{color:#c4c9c4;line-height:1.7}.LeafShell-module__odknoa__eyebrow{letter-spacing:.16em;font-size:.68rem;color:#d3b578!important}.LeafShell-module__odknoa__workspace{background:#202a32;border:1px solid #c8dac018;border-radius:1.5rem;width:min(74rem,100% - 2rem);margin:auto;overflow:hidden;box-shadow:0 20px 60px #0003}.LeafShell-module__odknoa__toolbar{background:#151d25;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.LeafShell-module__odknoa__toolbar label{align-items:center;gap:.7rem;font-size:.85rem;display:flex}.LeafShell-module__odknoa__toolbar input{accent-color:#d1b982;width:clamp(5rem,15vw,10rem);min-height:44px}.LeafShell-module__odknoa__toolbar button,.LeafShell-module__odknoa__keys button{min-height:44px;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #d1b98235;border-radius:.7rem;padding:.65rem 1rem}.LeafShell-module__odknoa__toolbar>button:last-child{margin-left:auto}.LeafShell-module__odknoa__toolbar button:hover,.LeafShell-module__odknoa__keys button:hover{background:#d1b98218}.LeafShell-module__odknoa__toolbar button:focus-visible,.LeafShell-module__odknoa__keys button:focus-visible{outline-offset:-3px;outline:2px solid #e1c28c}.LeafShell-module__odknoa__canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:clamp(450px,66vh,650px)}.LeafShell-module__odknoa__hint{text-align:center;color:#c5cdc9;max-width:48rem;margin:1rem auto;padding:0 1rem;font-size:.87rem;line-height:1.7}.LeafShell-module__odknoa__keys{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0 1rem;display:flex}.LeafShell-module__odknoa__keys button{touch-action:none;font-size:.8rem}.LeafShell-module__odknoa__status{text-align:center;color:#dac295;min-height:1.5rem;margin:.6rem 1rem;font-size:.82rem}.LeafShell-module__odknoa__guide{color:#bfc9c8;max-width:52rem;margin:2.5rem auto 0;padding:0 1.25rem;line-height:1.9}.LeafShell-module__odknoa__guide h2{color:#ede8dc;font-size:1.3rem}.LeafShell-module__odknoa__guide a{color:#e6c88f}@media (max-width:640px){.LeafShell-module__odknoa__intro{margin-top:1.2rem}.LeafShell-module__odknoa__workspace{border-radius:1rem;width:calc(100% - 1rem)}.LeafShell-module__odknoa__canvas{height:clamp(430px,65svh,660px)}.LeafShell-module__odknoa__toolbar{gap:.5rem;padding:.7rem}.LeafShell-module__odknoa__toolbar label{font-size:.75rem}.LeafShell-module__odknoa__toolbar>button:last-child{margin-left:0}}@media (prefers-reduced-motion:reduce){.LeafShell-module__odknoa__page *{scroll-behavior:auto}}