*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100vw;height:100vh;font-family:'Helvetica Neue',sans-serif;background:#000;color:#fff;overflow:hidden}.main-title{position:absolute;display:inline-block;background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;top:1.25rem;left:50%;transform:translateX(-50%);z-index:1000}.main-title h1{font-size:3rem;text-align:center;color:#fff;background:none!important;padding:0;margin:0;font-weight:700;animation:none;display:inline-block;text-shadow:0 0 6px rgba(0,255,255,.6),0 0 12px rgba(255,0,255,.5),0 0 18px rgba(255,255,255,.3)}canvas{display:block;width:100vw!important;height:100vh!important;object-fit:cover;z-index:0!important}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.input-container.fade-out{opacity:0;transition:opacity .8s ease;pointer-events:none}.output-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);backdrop-filter:blur(6px);padding:2rem 1.5rem;border-radius:12px;z-index:20;text-align:center;opacity:0;transition:opacity .6s ease;max-width:85%;box-shadow:0 0 10px #0ff,0 0 20px #f0f,0 0 30px rgba(255,255,255,.4)}.output-container.visible{opacity:1}.output-container.hidden{display:none}.result-text{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:#fff;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(255,0,255,.5)}.disclaimer-text{margin-top:.2rem;margin-bottom:.5rem;font-size:.8rem;color:rgba(255,255,255,.7);font-style:italic;text-shadow:0 0 8px rgba(0,255,255,.3),0 0 12px rgba(255,0,255,.2)}.reset-btn{padding:.6rem 1rem;background:rgba(255,255,255,.15);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:background .3s ease;animation:rgbGlowBtn 5s linear infinite;box-shadow:0 0 10px #0ff,0 0 20px #f0f}.reset-btn:hover{background:rgba(255,255,255,.35)}.input-container{position:absolute;top:8rem;left:5rem;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);border-radius:12px;padding:1.5rem;max-width:280px;animation:rgbGlowBtn 5s linear infinite;z-index:10}.sub-header{margin-top:4rem}.sub-header h1{position:relative;width:100%;text-align:center;padding:1rem 1.5rem 0;font-size:1.6rem;line-height:1.4;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.3);z-index:5}.sub-header strong{background:linear-gradient(90deg,#f00 0%,#f0f 20%,#0ff 40%,#0f0 60%,#ff0 80%,#f00 100%);background-size:400% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:glowText 8s linear infinite;font-weight:800;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem}.form-group input{width:100%;padding:.5rem;border-radius:6px;border:none;font-size:.95rem}.calculate-btn{width:100%;padding:.75rem;margin-top:.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:background .3s ease;animation:rgbGlowBtn 5s linear infinite}.calculate-btn:hover{background:rgba(255,255,255,.4)}.result{margin-top:1rem;font-weight:700;text-align:center;line-height:1.4;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(2,240,14,.4),0 0 30px rgba(255,115,0,.582)}.globe-container{position:absolute;top:0;left:0;z-index:0;width:100vw;height:100vh;overflow:hidden}.site-footer{position:absolute;bottom:1rem;width:100%;z-index:1000;text-align:center;font-size:.9rem;color:#fff;pointer-events:auto;}.site-footer p{display:inline-block;vertical-align:middle;margin:0;text-shadow:0 0 8px rgba(0,255,255,.6),0 0 12px rgba(255,0,255,.5),0 0 18px rgba(255,255,255,.3)}.accessibility-note{display:block;margin:.2rem auto 0 auto;font-size:.75rem;opacity:.6;text-shadow:none;color:#fff;text-align:center;max-width:90%;position:relative;top:auto}@media(min-width:648px){.accessibility-note{transform:translateX(28px);top:-1rem}}@media(max-width:480px){.input-container{width:90%;margin:2rem auto 0 auto;padding:1rem;position:relative;top:auto;left:auto;backdrop-filter:blur(4px);font-size:.85rem;z-index:10}.sub-header{margin-top:6rem}.main-title{margin-bottom:1rem}.form-group input{font-size:.85rem}.calculate-btn{font-size:.9rem;padding:.6rem}.sub-header h1{font-size:.95rem;line-height:1.3;padding-top:.5rem}.main-title h1{font-size:1.6rem;padding:.25rem 1rem;margin-bottom:1rem}}@media(max-width:900px) and (min-width:481px){.main-title{position:relative!important;top:auto!important;left:auto!important;transform:none!important;display:block;text-align:center;margin:2.5rem auto 1rem auto;z-index:1000}.main-title h1{font-size:2.2rem;margin-bottom:.75rem;padding:0 1rem}.sub-header{margin-top:1.5rem}.sub-header h1{font-size:1.1rem;line-height:1.4;padding:0 1.5rem}.input-container{position:relative!important;top:auto!important;left:auto!important;margin:2rem auto 0 auto;padding:1.25rem;width:85%;max-width:320px;backdrop-filter:blur(5px);font-size:.9rem;z-index:10}}.floating-logo{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);border-radius:50%;width:70px;height:auto;z-index:10;pointer-events:none;animation:floatPulse 6s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,255,255,.6)) drop-shadow(0 0 12px rgba(255,0,255,.4)) blur(1px)}@keyframes rgbGlowBtn{0%{box-shadow:0 0 10px #f00,0 0 20px #f00}25%{box-shadow:0 0 10px #0f0,0 0 20px #0f0}50%{box-shadow:0 0 10px #00f,0 0 20px #00f}75%{box-shadow:0 0 10px #ff0,0 0 20px #ff0}100%{box-shadow:0 0 10px #f0f,0 0 20px #f0f}}@keyframes floatPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.footer-content{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;text-shadow:0 0 8px rgba(0,255,255,.6),0 0 12px rgba(255,0,255,.5),0 0 18px rgba(255,255,255,.3)}.footer-logo{width:50px;height:auto;margin-right:.5rem;vertical-align:auto;border-radius:50%;filter:drop-shadow(0 0 6px rgba(0,255,255,.4)) drop-shadow(0 0 12px rgba(255,0,255,.3));opacity:.9;pointer-events:none;display:inline-block}@keyframes glowText{0%{background-position:0% center}50%{background-position:100% center}100%{background-position:0% center}}