#root,#root>div,body,html{height:100%;margin:0;overflow:hidden;width:100%}body{bottom:0;font-family:Inter,system-ui,-apple-system,sans-serif;left:0;position:fixed;right:0;top:0}#root{background:linear-gradient(135deg,#0c0c18,#15102a 50%,#0c1520);display:flex;height:100%;justify-content:center;overflow:hidden;width:100vw}h1{color:#fff;text-shadow:0 0 60px 0 #0000004d}@keyframes popup{0%{transform:scale(0)}70%{transform:scale(1.1)}85%{transform:scale(.94)}to{transform:scale(1)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--border-glass:#ffffff0f;--accent:#a78bfa;--accent-dim:#8b5cf626;--accent-border:#8b5cf64d}main{background:#0000;color:#fff;height:100%;margin-left:5rem;overflow-x:hidden;overflow-y:auto;padding:1.5rem 2rem;scrollbar-color:#6649b8 #0000;scrollbar-width:thin}main::-webkit-scrollbar{width:6px}main::-webkit-scrollbar-track{background:#0000}main::-webkit-scrollbar-thumb{background:#6649b8;border-radius:3px}main::-webkit-scrollbar-thumb:hover{background:#7c5fcf}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;background:var(--bg-glass);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-glass);position:fixed;transition:width .2s ease;z-index:100}.navbar-nav{align-items:center;display:flex;flex-direction:column;height:100%;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-item,.nav-link{padding:0;width:100%}.nav-link{align-items:center;background-color:initial;border:none;color:#b6b6b6;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;height:3.5rem;margin:.1rem 0;text-decoration:none;transition:all .3s ease}.link-text{display:none;font-size:.9rem;font-weight:500;margin-left:.8rem;white-space:nowrap}.nav-link svg{margin:0 1.5rem;max-width:1.6rem;min-width:1.6rem;transition:all .3s ease}.nav-link:hover{background:#ffffff0f;background:var(--bg-glass-hover)}.nav-link.active{background:#8b5cf626;background:var(--accent-dim);border-left:3px solid #a78bfa;border-left:3px solid var(--accent);color:#a78bfa;color:var(--accent)}.nav-link.active svg path,.nav-link:hover svg path{fill:#a78bfa;fill:var(--accent)}.nav-link:hover svg path{transition:fill .3s ease}.nav-external{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-glass);margin-top:auto}.external-arrow{font-size:.7rem;margin-left:.3rem;opacity:.5}.logo{background:#0003;color:#ececec;color:var(--text-secondary);font-size:1.5rem;font-weight:700;letter-spacing:.3ch;margin-bottom:.5rem;text-align:center;text-transform:uppercase;width:100%}.logo .link-text{transition:.6s}.logo svg{transform:rotate(0deg);transition:transform .6s}.navbar:hover .logo svg{transform:rotate(-90deg)}@media only screen and (max-width:600px){.navbar{border-right:none;border-top:1px solid #ffffff0f;border-top:1px solid var(--border-glass);bottom:0;height:4rem;width:100vw;z-index:1000}.logo{display:none}.nav-external{border-top:none;margin-top:0}.navbar-nav{flex-direction:row}.nav-link{height:4rem;justify-content:center;margin:0}.nav-link.active{border-left:none;border-top:2px solid #a78bfa;border-top:2px solid var(--accent)}main{-webkit-overflow-scrolling:touch;height:calc(100% - 4rem);margin:0;max-height:calc(100% - 4rem);overflow-x:hidden;overflow-y:auto;padding:1rem 1rem 5rem}}@media only screen and (min-width:600px){.navbar{height:100vh;top:0;width:5rem}.navbar:hover{width:16rem}.navbar:hover .link-text{display:block}.navbar:hover+main{margin-left:16rem;transition:margin-left .2s ease}}.boggle-container{max-width:600px;padding:1rem 0}.boggle-container h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 .3rem}.boggle-container .boggle-subtitle{color:#666;font-size:.85rem;margin:0 0 1.5rem}.boggle-form{display:flex;gap:.5rem;margin-bottom:1.5rem;max-width:400px}.boggle-form input[type=text]{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;flex:1 1;font-family:inherit;font-size:.9rem;outline:none;padding:.6rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.boggle-form input[type=text]:focus{border-color:#8b5cf666;box-shadow:0 0 0 2px #8b5cf61a}.boggle-form input[type=text]::placeholder{color:#555}.boggle-form button{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:8px;color:#c4b5fd;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:.6rem 1.2rem;transition:background .2s ease}.boggle-form button:hover{background:#8b5cf64d}.error{color:#f87171;font-size:.85rem;margin-bottom:1rem}.grid-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:inline-block;margin-bottom:1.5rem;padding:.8rem}.grid{grid-gap:6px;display:grid;gap:6px}.grid-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#e0e0e0;font-size:1.2rem;font-weight:600;height:52px;justify-content:center;width:52px}.grid-item,.results-header{align-items:center;display:flex}.results-header{gap:.5rem;margin-bottom:.8rem}.results-header span{color:#888;font-size:.85rem}.results-count{background:#8b5cf633;border-radius:6px;color:#c4b5fd;font-size:.8rem;font-weight:600;padding:.15rem .5rem}.results{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.results li{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#d0d0e0;font-size:.8rem;padding:.35rem .75rem}.calculator-container{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:1rem 0}.calculator-container h1{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.calculator-description{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;color:#b0b0c0;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem;text-align:left}.calculator-description em{font-style:italic}.calculator-description strong{color:#c4b5fd}.calculator-form{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-width:300px;padding:1.5rem;width:100%}.calculator-form label{color:#b0b0c0;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.5rem}.calculator-form input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;font-family:inherit;font-size:1rem;outline:none;padding:.6rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.calculator-form input:focus{border-color:#8b5cf666;box-shadow:0 0 0 2px #8b5cf61a}.calculator-form input::placeholder{color:#555}.calculator-result{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.calculator-result h2{color:#c4b5fd;font-size:1.3rem;font-weight:600;margin:0}.result-detail{color:#888;font-size:.85rem;margin:.5rem 0 0}
/*# sourceMappingURL=main.2bfaef17.css.map*/