:root{--primary:#22aed1;--primary-hover:#015a94;--text-primary:#fff;--text-secondary:#6d8ea0;--background-primary:#fff;--background-secondary:#182825;--border-color:#22aed1;--shadow-color:#1828250d;--shadow-color-hover:#1828251a;--apply-bg-color:#182825;--footer-underline-color:#ffd32f;--link-color:#afa98d;--link-hover-color:#015a94;--link-visited-color:#afa98d;--highlight-color:#22aed1;--hero-background-color:#0000;--site-background-color:#182825;--hero-text-color:#fff;--calculator-card-bg:var(--background-primary);--focused-text-color:#016fb9;--highlight-yellow-bg:#fff;--highlight-yellow-text:#182825;--font-size-h1:48px;--font-size-h2:30px;--line-height-headings:1.2}.link-style{color:#afa98d;color:var(--link-color);position:relative;text-decoration:none;transition:color .2s ease}.link-style:hover{color:#015a94;color:var(--link-hover-color)}.link-style:visited{color:#afa98d;color:var(--link-visited-color)}.link-style:after{background-color:#afa98d;background-color:var(--link-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease;width:100%}.link-style:hover:after{transform:scaleX(1);transform-origin:bottom left}a{color:#afa98d;color:var(--link-color);position:relative;text-decoration:none;transition:color .2s ease}a:hover{color:#015a94;color:var(--link-hover-color)}a:visited{color:#afa98d;color:var(--link-visited-color)}.no-link-style{color:inherit;text-decoration:none}.no-link-style:hover,.no-link-style:visited{color:inherit}body.dark{--text-secondary:#6d8ea0;--link-color:#22aed1;--link-hover-color:#84dccf;--link-visited-color:#1a8aa7;--background-primary:#182825;--background-secondary:#3e3c3c;--border-color:#22aed1;--shadow-color-hover:#84dccf1a;--apply-bg-color:#182825;--footer-underline-color:#22aed1;--highlight-color:#22aed1;--hero-background-color:#0000;--site-background-color:#182825;--hero-text-color:#22aed1;--calculator-card-bg:var(--background-primary)}body,html{height:100%;margin:0;min-height:100vh;padding:0}body,html{background-color:var(--site-background-color)}body{background-color:#182825;color:var(--text-primary);font-family:Barlow,sans-serif;margin:0;transition:background-color .3s,color .3s}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}u{text-decoration-color:var(--primary);text-decoration-thickness:2px}p:not(.site-footer p){border-radius:8px;font-size:18px;font-weight:500;padding:10px}body.dark p:not(.site-footer p),p:not(.site-footer p){background:#0000;color:var(--text-primary)}.email-note{background:none!important;color:var(--text-secondary)!important;font-size:14px!important;font-weight:400!important;margin:0 0 15px 3px;padding:0 0 15px!important}h1{font-size:var(--font-size-h1);font-weight:900}h1,h2{line-height:var(--line-height-headings);margin-bottom:.5em}h2{font-size:var(--font-size-h2);font-weight:800}body.dark h2,h2{color:var(--text-primary)}@media screen and (max-width:768px){h1{font-size:calc(var(--font-size-h1)*.8)}h2{font-size:calc(var(--font-size-h2)*.8)}}.app{display:flex;flex-direction:column;margin:0 auto;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0 0 env(safe-area-inset-bottom);position:relative}.app,.home-container{background-color:var(--apply-bg-color);width:100%}.home-container{min-height:calc(100vh - 45px);padding:20px 10px}.home-container.hero-only{align-items:center;display:flex;flex-direction:column;padding:20px 10px}.home-container.hero-only .hero-wrapper{max-width:600px;width:100%}.content-container{margin:0 auto;max-width:1000px;padding:20px 10px;width:100%}.content-card-container{align-items:center;background-color:initial;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin:0 auto 15px;max-width:700px;padding:15px 10px;width:100%}.calculator-page{padding:20px 10px;width:100%}.calculator-list-page{background-color:var(--apply-bg-color);margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 15px;text-align:center}@media (max-width:768px){.content-card-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:5px auto;max-width:90%;padding:10px 10px 60px}.content-card-container>*{margin-left:auto;margin-right:auto;max-width:100%}.card-grid{padding-bottom:75px;place-items:center;width:100%}.calculator-list-page{padding:20px 10px}.content-container{max-width:95%;padding:15px 10px}.calculator-page,.content-container,.home-container{padding-bottom:65px}.api-card,.api-documentation{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:15px;width:100%}.api-card pre,.api-documentation pre{font-size:12px;max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.api-card table,.api-documentation table{display:block;font-size:12px;overflow-x:auto;width:100%}.api-card .parameters,.api-documentation .parameters{overflow-x:auto;width:100%}.api-card h3,.api-card h4,.api-card p,.api-documentation h3,.api-documentation h4,.api-documentation p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word}.api-endpoint{box-sizing:border-box;display:inline-block;max-width:100%;word-break:break-all}.api-card code,.api-documentation code{max-width:100%;white-space:pre-wrap;word-break:break-all}.api-example pre{box-sizing:border-box;max-width:100%}body,html{max-width:100vw;overflow-x:hidden}.app{max-width:100%;overflow-x:hidden;width:100%}.calculator-list-page,.calculator-page,.content-card-container,.content-container,.home-container{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}a,button,h1,h2,h3,h4,h5,h6,p,span{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}img{height:auto;max-width:100%}.team-member-card,.team-members{align-items:center;display:flex;flex-direction:column;width:100%}.team-member-card{box-sizing:border-box;margin-bottom:20px;max-width:100%;overflow-x:hidden}.team-member-photo img{height:auto;max-width:150px}.team-member-info{padding:0 10px;text-align:center;width:100%}}@media (max-width:480px){.app{overflow-x:hidden;padding-left:5px;padding-right:5px}.home-container{max-width:100%;padding:15px 5px 70px}.content-card-container{padding:8px;width:95%}body{overflow-x:hidden}.api-card,.api-documentation{box-sizing:border-box;font-size:12px;max-width:100%;padding:10px;width:100%}.api-card pre,.api-documentation pre{border-radius:4px;font-size:11px;max-width:100%;overflow-wrap:anywhere;padding:8px}.api-card code,.api-documentation code{word-break:break-all}.api-card .json-content,.api-documentation .json-content{display:inline-block;max-width:100%;white-space:pre-wrap!important;word-break:break-all}*{box-sizing:border-box;max-width:100%}.team-member-card{padding:5px}.team-member-photo img{max-width:120px}}.grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:20px auto 0;max-width:800px}.card-grid,.grid{display:grid;justify-content:center}.card-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:700px;width:100%}.calc-types .grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:40px}.calculator-list-page .grid{gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}@media screen and (max-width:768px){.card-grid{gap:15px;grid-template-columns:1fr;justify-content:center;place-items:center;width:100%}.card-grid>*{margin:0 auto;max-width:300px;width:100%}}.calc-types{padding:20px}.calc-types h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 20px}.calc-card div{margin-bottom:5px}.calc-card label{display:inline-block;font-weight:500;margin-right:10px;text-align:right;width:60px}.calc-card button{margin-top:10px}.convert-result-container{align-items:center;display:flex;gap:15px;margin-top:10px}.convert-result-container button{height:40px;margin:0}.result-display{align-items:center;background:var(--background-primary);border:2px dashed var(--text-primary);border-radius:8px;display:flex;font-weight:500;height:40px;padding:0 15px}.hero{box-shadow:none;margin:0;padding:0;text-align:center}.hero,body.dark .hero{background:#0000}.hero h1{color:#fff;font-size:48px;font-weight:900;line-height:1.2;margin:0}.hero h1 .highlight{color:var(--primary)}.hero .tagline{background:none;font-size:18px;font-weight:600;margin-bottom:30px;margin-top:20px;padding:0}.hero .tagline,body.dark .hero .tagline{color:var(--hero-text-color)}.back-button{position:absolute;right:20px;top:20px;z-index:100}@media screen and (max-width:768px){.back-button{right:15px;top:15px}}.home-container{align-items:center;display:flex;flex-direction:column;height:auto;padding-top:60px;position:relative}.hero-wrapper{margin-bottom:30px;margin-top:80px;position:relative;width:100%}.home-container.hero-only{align-items:flex-start!important;height:auto!important;justify-content:flex-start!important;padding-top:0!important}@media screen and (max-width:768px){.hero h1{font-size:32px}.hero-wrapper{margin-top:70px!important}}.hero{position:relative}.app .hero-wrapper{display:block;margin:60px auto 30px;max-width:800px;width:100%}.card{align-items:center;aspect-ratio:4/3;background:hsla(0,0%,100%,.095);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px var(--shadow-color);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;margin:0 auto;padding:25px;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s;width:300px}body.dark .card{background:#182825cc;border-color:var(--border-color)}.card:hover{box-shadow:0 4px 15px var(--shadow-color-hover);transform:scale(1.03)}.card-icon{font-size:32px;margin-bottom:10px}.card h3{font-size:18px;margin:0 0 8px}.card h3,.card p{color:var(--text-primary)}.card p{background:#0000;font-size:14px;margin:0;padding:0}button{background:var(--primary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px 24px;transition:background .2s}.center-button{display:block;margin-left:auto;margin-right:auto}button:hover{background:var(--primary-hover)}.cta-button{background:var(--text-primary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;font-size:16px;font-weight:600;margin-left:auto;margin-right:auto;padding:12px 24px;transition:background .2s}.cta-button:hover{background:#333}.feature-request-button{background:var(--text-primary);border:none;border-radius:8px;color:var(--background-primary);cursor:pointer;font-size:16px;font-weight:600;margin:0;padding:12px 24px;transition:background .2s}.feature-request-button:hover{background:#333}.back-button-container,.reset-button-container{position:fixed;right:20px;top:20px;transform:none;z-index:10}.reset-button{color:var(--text-primary);display:flex}.reset-button:hover{background:var(--primary-hover)}.reset-button:before{content:"↺";font-size:20px;line-height:1}.dark-toggle{background:var(--primary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;position:fixed;right:20px;top:20px;transition:background .2s;z-index:10}.dark-toggle:hover{background:var(--primary-hover)}.centered-back-button{display:flex;justify-content:center;margin:0 auto;width:100%}.centered-back-button button{align-items:center;background:var(--primary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 30px;transition:background .2s}.centered-back-button button:hover{background:var(--primary-hover)}.centered-back-button button:before{content:"←";font-size:20px;line-height:1}.centered-reset-button{display:flex;justify-content:center;margin:0 auto;width:100%}.centered-reset-button button{align-items:center;background:var(--primary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 30px;transition:background .2s}.centered-reset-button button:hover{background:var(--primary-hover)}@media (max-width:768px){.centered-back-button{margin-bottom:10px}.reset-button-container{margin:10px auto;position:static;text-align:center;transform:none;width:100%}.reset-button{margin-bottom:10px}}.back-button-container{display:flex;justify-content:center;margin:20px auto;text-align:center}.back-button{align-items:center;background:var(--primary);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff!important;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:background .2s}.back-button:before{content:"←";font-size:20px;line-height:1}.back-button:hover{background:var(--primary-hover)}.reset-button-container{display:flex;justify-content:center;margin:20px auto;text-align:center}.reset-button{align-items:center;background:var(--primary);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff!important;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:0;padding:10px 20px;transition:background .2s}input[type=number]{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:16px;margin-bottom:15px;max-width:220px;padding:12px;transition:border-color .2s;width:100%}input[type=number]:focus{border-color:var(--primary);outline:none}select{-webkit-appearance:none;appearance:none;background:var(--background-secondary);background-image:url('data:image/svg+xml;utf8,<svg fill="%23000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px;margin-bottom:15px;margin-left:10px;max-width:220px;padding:12px;transition:border-color .2s;width:100%}body.dark select{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-primary)}select:focus{border-color:var(--primary);outline:none}.subscribe-form{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:5px;margin-left:auto;margin-right:auto;width:100%}.subscribe-form button,.subscribe-form input[type=email]{border:none;box-sizing:border-box;font:inherit;line-height:1;margin:0;padding:0}.subscribe-form input[type=email]{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1 1;font-size:16px;height:36px;max-width:250px;padding:8px 12px}.subscribe-form button{align-items:center;background:var(--primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;padding:8px 16px;transition:background .2s}.subscribe-form button:hover{background:var(--primary-hover)}.send-icon{height:20px;object-fit:contain;width:20px}.email-section{align-items:center;display:flex;flex-direction:row;margin-top:0;max-width:450px;padding:0;width:100%}.email-section input[type=email]{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;flex:1 1;font-size:16px;height:36px;line-height:1;margin-right:10px;padding:8px 12px}.email-section input[type=email]:focus{border-color:var(--primary);outline:none}.email-section button{background:var(--primary);border:none;border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;height:36px;line-height:1;margin:0;padding:8px 20px;transition:background .2s;white-space:nowrap}.email-section button:hover{background:var(--primary-hover)}.site-footer{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;display:flex;font-size:12px;height:45px;justify-content:center;left:0;position:fixed;right:0;text-shadow:0 0 2px #00000080;z-index:100}.site-footer,body.dark .site-footer{background-color:initial;background:#0000;color:#fff}.site-footer u{text-decoration-color:var(--footer-underline-color);text-decoration-thickness:2px}.social-links{display:flex;gap:15px;margin-bottom:20px}.social-links a{color:#fff!important;font-size:20px;text-decoration:none}.social-links a:hover:after{display:none}body.dark .social-links a{color:#fff!important}@media (max-width:767px){.site-footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial!important;background:#0000!important}.site-footer:before{background:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}}@supports (-webkit-touch-callout:none){.site-footer{background-color:initial!important;background:#0000!important}}.highlight-yellow{background:var(--primary);display:inline-block;padding:0 .4rem .2rem}.coming-soon-message{border-radius:12px;margin:0 auto;max-width:600px;padding:40px 20px;text-align:center}.coming-soon-message p{background:none;border:3px dashed var(--primary);color:var(--text-secondary);font-size:20px;font-weight:700;margin:0}.main-nav{background:#0000;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 10px var(--shadow-color);padding:8px 15px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:900}.logo-container{left:20px;position:fixed;top:20px;z-index:1000}.logo-container img{height:auto;max-width:80px}.nav-links{align-items:center;display:flex;gap:20px}.nav-links a{color:var(--text-primary);text-decoration:none;transition:color .2s}.nav-links a,.nav-links a.link-style{font-weight:600}.nav-links a.active,.nav-links a:hover{color:var(--primary)}@media (max-width:768px){.nav-links{flex-direction:column;gap:15px}}.api-docs{margin:20px 0}.api-endpoint{border:3px solid var(--primary);border-radius:10px;box-shadow:2px 2px 0 #0000001a;font-family:Courier New,monospace;letter-spacing:.5px;margin:1rem 0;padding:.4rem .6rem}.api-endpoint.get{background-color:var(--primary)}.api-endpoint.post{background-color:#7fc97f;color:#182825}.api-endpoint.put{background-color:#beb9db;color:#182825}.api-endpoint.delete{background-color:#ffa07a;color:#182825}.api-endpoint h4{background-color:var(--background-secondary);border-radius:5px;display:inline-block;font-family:Barlow,monospace;font-size:18px;font-weight:600;margin-bottom:15px;padding:10px 15px}.api-endpoint h5{font-size:16px;margin:15px 0 10px}.api-params{border-collapse:collapse;margin-bottom:20px;width:100%}.api-params td,.api-params th{border-bottom:1px solid #96969633;padding:8px 12px;text-align:left}.api-params th{background-color:#9696961a;font-weight:600}.code-block{font-family:monospace;overflow-x:auto;white-space:pre}.citation,.code-block{background-color:var(--background-secondary);border-radius:5px;font-size:14px;margin:15px 0;padding:15px}.citation{border-left:3px solid var(--primary);font-family:Barlow,sans-serif}.api-docs-section{background-color:var(--background-primary);border-left:4px solid var(--highlight-yellow-bg);border-radius:8px;margin:2rem 0;padding:1rem}.API-title{background-color:var(--primary);border-radius:4px;color:var(--background-secondary);display:inline-block;font-weight:700;padding:4px 8px}body.dark .api-endpoint{box-shadow:2px 2px 0 #ffffff1a}@media (max-width:768px){.api-params{display:block;overflow-x:auto;width:100%}.code-block{font-size:12px}.api-endpoint{padding-left:15px}}.api-card,.api-documentation{background:#ffffff1a;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;margin-bottom:20px;max-width:700px;overflow:hidden;padding:20px;width:100%}.api-endpoint{background:#0000004d;border-radius:6px;display:inline-block;font-family:monospace;font-weight:700;margin-bottom:15px;padding:8px 12px}.api-description{line-height:1.5}.api-description,.api-parameters{margin-bottom:15px}.api-parameters h4{margin-bottom:8px}.api-parameters table{border-collapse:collapse;margin-bottom:15px;width:100%}.api-parameters td,.api-parameters th{border-bottom:1px solid #ffffff1a;padding:8px;text-align:left}.api-parameters th{background:#0003;font-weight:700}.api-example{margin-top:15px}.api-example h4{margin-bottom:8px}.api-example pre{background:#0000004d;border-radius:6px;font-family:monospace;font-size:14px;line-height:1.4;overflow-x:auto;padding:12px}body.dark .api-card,body.dark .api-documentation{background:var(--background-secondary);border-color:var(--border-color)}@media (max-width:768px){.api-card,.api-documentation{padding:15px;width:100%}.api-example pre{font-size:12px}.api-parameters table{display:block;overflow-x:auto}}@media (max-width:480px){.api-card,.api-documentation{border-radius:8px;padding:10px}.api-endpoint{box-sizing:border-box;font-size:14px;overflow-x:auto;padding:6px 8px;white-space:nowrap;width:100%}}.dev-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.dev-modal-content{animation:slideIn .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid var(--primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:520px;padding:2.5rem;position:relative;text-align:center;width:90%}.dev-modal-content h2{color:var(--primary);font-size:1.8rem;font-weight:700;line-height:1.3;margin:0 0 1.5rem}.dev-modal-content p{background:none;color:var(--text-primary);font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;padding:0}.dev-modal-content p:last-of-type{margin-bottom:2rem}.dev-modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.demo-btn{background:var(--primary);border:none;border-radius:10px;box-shadow:0 4px 15px #22aed14d;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.demo-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s;width:100%}.demo-btn:hover{background:var(--primary-hover);box-shadow:0 6px 20px #22aed166;transform:translateY(-2px)}.demo-btn:hover:before{left:100%}.dev-modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.8rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:color .2s ease;width:32px}.dev-modal-close:hover{color:var(--primary)}body.dark .dev-modal-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#18282533;border-color:var(--primary)}body.dark .dev-modal-content h2{color:var(--primary)}body.dark .dev-modal-content p{color:var(--text-secondary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.dev-modal-content{margin:1rem;max-width:95%;padding:2rem}.dev-modal-content h2{font-size:1.5rem}.demo-btn,.dev-modal-content p{font-size:1rem}.demo-btn{padding:.8rem 1.5rem}}@media (max-width:480px){.dev-modal-content{padding:1.5rem}.dev-modal-content h2{font-size:1.3rem}.demo-btn{padding:.9rem 1rem;width:100%}}@media screen and (max-width:768px){.home-container{background-color:var(--apply-bg-color);gap:0;grid-template-columns:1fr;margin-bottom:60px;min-height:100vh;padding:15px}.hero{margin:0 5px;padding:20px}.hero-wrapper{gap:10px;margin-top:50px}.hero .tagline{margin-bottom:15px}.subscribe-form{flex-direction:row;gap:8px;margin:20px 0;width:100%}.subscribe-form input[type=email]{flex:1 1;font-size:16px;height:44px;margin:0;min-width:0;padding:0 15px}.subscribe-form button{flex-shrink:0;height:44px;padding:10px 16px;white-space:nowrap;width:auto}.cta-button{height:44px;margin:0 0 10px;width:100%}.calc-types{padding:10px}.calc-types h2{font-size:24px;margin:15px 0;padding:0 10px}.grid{padding:0 10px}.calc-types .grid,.grid{gap:15px;grid-template-columns:1fr}.calc-types .grid{margin-top:20px}.card{aspect-ratio:auto;flex-direction:row;gap:15px;justify-content:flex-start;margin:0;min-height:80px;padding:15px;text-align:left}.card-icon{font-size:32px;margin-bottom:0}.card .text-content{display:flex;flex-direction:column;gap:4px}.card h3{font-size:18px;margin:0;order:-1}.card p{font-size:14px;line-height:1.4;margin:0}.calculator-page{margin-bottom:60px;padding:15px}.calc-card{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:10px auto;max-width:400px;padding:20px 15px;width:calc(100% - 30px)}.calc-card h2,.calc-card h3{text-align:center;width:100%}.calc-card>div{align-items:center;display:flex;flex-direction:column;width:100%}input[type=number],select{box-sizing:border-box;height:44px;margin-bottom:12px;max-width:100%;width:100%}select{margin-left:0;margin-top:8px}p:not(.site-footer p):not(.email-note){box-sizing:border-box;font-size:16px;margin:12px 0;padding:12px;text-align:center;width:100%}.email-card{margin:10px auto;max-width:400px;text-align:center;width:calc(100% - 30px)}.calculator-page,.email-section{align-items:center}.calculator-page{display:flex;flex-direction:column;padding:15px 0}.email-card{margin:10px 0;padding:15px}.email-section{flex-direction:column;gap:10px;max-width:100%}.email-section input[type=email]{margin-right:0;width:100%}.email-section button{height:44px;width:100%}input[type=number],select,textarea{font-size:16px;height:44px;padding:0 15px}.back-button-container{margin:10px auto;position:static;text-align:center;transform:none;width:100%}.back-button-container button{display:block;margin:0 auto;min-width:120px;width:auto}.site-footer{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f5f5f5f2;display:flex;font-size:12px;height:45px;justify-content:center;padding:5px 0 10px;position:fixed}body.dark .site-footer{background:#1a1a1af2}.feature-request-card{display:none}input,select,textarea{font-size:16px!important}.highlight,.highlight-yellow{-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.home-container.calculator-selected .hero-wrapper{display:none!important}.convert-result-container{flex-direction:row;gap:10px;justify-content:flex-start}.result-display{padding:6px 12px}.calculator-list-page{background-color:var(--apply-bg-color);min-height:100vh;padding:15px}.calculator-list-page .grid{gap:15px;grid-template-columns:1fr;padding:0 10px}.calc-card label{display:block;margin-bottom:5px;text-align:left;width:100%}.app .hero-wrapper{margin-top:60px;margin-top:70px}.corner-logo,.home-page-logo,.logo-container{left:10px;position:absolute;top:10px;z-index:2000}.logo-container img{height:auto;max-width:35px}}@media screen and (max-width:320px){.hero h1{font-size:24px}.hero .tagline{font-size:13px}.card{padding:15px 12px}}@media screen and (max-width:768px){input[type=email],input[type=number],select{font-size:16px}}body.dark{--text-primary:#fff;--text-secondary:#ccc;--background-primary:#2a2a2a;--background-secondary:#3a3a3a;--border-color:#3a3a3a;--shadow-color:#0003;--shadow-color-hover:#ffffff1a;--apply-bg-color:var(--background-secondary);--footer-underline-color:#0fc;color:var(--text-primary)}body.dark .calc-card,body.dark .card,body.dark .feature-request-card,body.dark .hero{background:var(--background-primary);border-color:var(--border-color)}body.dark .card:hover{box-shadow:0 4px 15px var(--shadow-color-hover)}body.dark .card h3{color:var(--text-primary)}body.dark .card p{color:var(--text-secondary)}body.dark .image-card{background:var(--background-primary);border-color:var(--border-color)}body.dark .calc-card h2{color:var(--text-primary)}body.dark .coming-soon-message{background:var(--background-primary)}body.dark .coming-soon-message p{color:var(--text-secondary)}body.dark input,body.dark input[type=number],body.dark select{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark select{background-image:url('data:image/svg+xml;utf8,<svg fill="%23ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')}body.dark .result-display{background:var(--background-primary);border-color:var(--text-primary);color:var(--text-primary)}body.dark .site-footer{background:#1a1a1af2}body.dark .site-footer u{text-decoration-color:var(--footer-underline-color)}body.dark .hero{background:var(--hero-background-color)}body.dark .hero .tagline,body.dark .hero h1{color:var(--hero-text-color)}body.dark .logo-card{background:var(--background-primary)}body.dark .email-section input[type=email],body.dark .subscribe-form input[type=email]{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark .social-links a{color:var(--text-secondary)}body.dark .calc-types h2{color:var(--text-primary)}body.dark p:not(.site-footer p){background:var(--background-secondary);color:var(--text-secondary)}body.dark .email-note{color:var(--text-secondary)!important}body.dark .record-note{color:var(--text-secondary)}body.dark .calc-card{background:var(--calculator-card-bg)}body.dark .calc-card label{color:var(--text-primary)}.input-group{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:15px;position:relative}.input-group label{flex:0 0 80px;margin-right:10px}.input-group input{border:1px solid #ccc;border-radius:4px;flex:1 1;margin-right:10px;padding:8px}.input-group input[type=number]{padding-right:35px}.input-group select{background-color:#fff;border:1px solid #ccc;border-radius:4px;min-width:120px;padding:8px}.input-group .default-uom{color:#888;font-size:.9em;pointer-events:none;position:absolute;right:25px}.highlight-yellow{background-color:var(--highlight-yellow-bg);border-radius:3px;color:var(--highlight-yellow-text);padding:0 4px}.highlight{color:var(--highlight-color)}@media (max-width:480px){.input-group{align-items:flex-start;flex-direction:column}.input-group label{margin-bottom:5px}.input-group input,.input-group select{margin-bottom:5px;margin-right:0;width:100%}.input-group .default-uom{right:15px}}.answer-card{background:#000;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:600px;padding:20px;transition:transform .2s,box-shadow .2s}.answer-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}body.dark .answer-card{background:#000;box-shadow:0 4px 12px #0003}.answer-card .title{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;margin-top:0}.answer-card .content{color:#fff;font-size:16px;line-height:1.5}.question-card{background:#1a2c38;background:var(--background-secondary,#1a2c38);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:600px;padding:20px;text-align:center}body.dark .question-card{background:var(--background-secondary)}.question-card .question-text{font-size:24px;font-weight:600;margin-bottom:20px}.question-card .choices{display:flex;flex-direction:column;gap:10px}.question-card .choice-button{background:#2a3c48;background:var(--background-secondary,#2a3c48);border:1px solid #30495c;border:1px solid var(--border-color,#30495c);border-radius:8px;color:#fff;color:var(--text-secondary,#fff);cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;text-align:left;transition:all .2s}.question-card .choice-button:hover{background:#23b5d3;background:var(--primary,#23b5d3);color:#fff}body.dark .question-card .choice-button{background:var(--background-primary);color:var(--text-primary)}body.dark .question-card .choice-button:hover{background:var(--primary)}.tree-question{background:#fcffff26;border-left:4px solid #23b5d3;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;margin-bottom:25px;padding:15px;position:relative;text-align:center}.tree-question h3{color:#fff;font-size:25px;font-weight:700;line-height:1.3;margin:0;text-shadow:0 1px 3px #0000004d}.tree-question:before{align-items:center;background:#23b5d3;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;content:"?";display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;left:-15px;position:absolute;top:-15px;width:40px}.tree-choices{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.tree-choice-btn{background-color:#2a3c48;border:2px solid #23b5d3;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;text-align:left;transition:background-color .2s,transform .1s}.tree-choice-btn:hover{background-color:#23b5d3;transform:translateY(-2px)}.tree-result{background-color:#1e3a4f;border-left:4px solid #23b5d3;border-radius:8px;color:#fff;margin-bottom:20px;padding:20px}.tree-result h3{color:#fff;margin-top:0}.tree-reset-btn{background-color:#eee;border-radius:4px;font-size:14px;padding:8px 12px}.tree-reset-btn:hover{background-color:#ddd}.tree-reset-btn{background-color:#23b5d3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;margin-top:15px;padding:10px 16px;text-transform:uppercase;transition:background-color .2s,transform .1s}.tree-reset-btn:hover{background-color:#1c93ab;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.tree-reset-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.start-over-btn{background-color:#23b5d3;border-radius:8px;color:#fff;display:inline-block;font-size:15px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:background-color .2s,transform .1s}.start-over-btn:hover{background-color:#1c93ab;box-shadow:0 4px 8px #0003}.start-over-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.error-message{background-color:#1e3a4f;border-left:4px solid #ff4d4d;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;margin:30px auto;max-width:600px;padding:25px;text-align:center}.error-message h3{color:#ff6b6b;font-size:22px;margin-top:0}.error-message p{font-size:16px;line-height:1.5;margin-bottom:20px}.error-message .retry-btn{background-color:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin-top:10px;padding:10px 16px;transition:background-color .2s,transform .1s}.error-message .retry-btn:hover{background-color:#e64545;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.tree-navigation{display:flex;gap:12px;justify-content:center;margin-top:20px}.back-btn{background-color:#30495c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:background-color .2s,transform .1s}.back-btn:hover{background-color:#3d5c71;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.back-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.back-btn:disabled{background-color:#566973;box-shadow:none;color:#a0b0bc;cursor:not-allowed;transform:none}.start-over-btn,.tree-reset-btn{display:inline-block}@media (max-width:768px){.answer-card,.question-card{margin-left:15px;margin-right:15px;padding:15px}.answer-card .title,.question-card .question-text{font-size:20px}.tree-question h3{font-size:22px}.tree-question:before{font-size:18px;height:30px;left:-10px;top:-10px;width:30px}}.species-cards{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.species-card{grid-gap:1rem;background:hsla(0,0%,100%,.233);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:1rem;grid-template-columns:120px 1fr;padding:1rem;transition:transform .2s}.species-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.species-card-image{background:#f0f0f0;border-radius:4px;height:120px;object-fit:cover;width:120px}.species-card-content{display:flex;flex-direction:column;gap:.5rem}.species-card-title{font-size:1.25rem;font-weight:600;margin:0}.species-card-scientific{color:#666;font-style:italic;margin:0}.species-card-description{color:#333;font-size:.95rem;line-height:1.4;margin:0}.sighting-form-container{background-color:hsla(0,0%,100%,.233);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 24px #00000026;margin:40px auto 60px;max-width:850px;padding:30px}.form-header{margin-bottom:40px;padding-bottom:15px;position:relative;text-align:center}.form-header:after{background-color:var(--primary);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.form-header h1{color:var(--primary);font-size:2.2rem;letter-spacing:-.02em;margin-bottom:15px}.form-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:600px}.sighting-form{display:flex;flex-direction:column;gap:30px}.form-section{border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:30px;transition:all .3s ease}.form-section:hover{border-bottom-color:var(--primary)}.form-section h2{color:var(--primary);font-size:var(--font-size-h2);letter-spacing:-.01em;margin-bottom:25px;padding-bottom:12px;position:relative}.form-section h2:after{background-color:var(--primary);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.form-group{margin-bottom:25px;transition:transform .2s ease}.form-group:focus-within{transform:translateX(5px)}.form-row{display:flex;gap:25px;margin-bottom:5px}.half-width{padding-right:25px;width:40%}.form-group label{color:var(--text-primary);display:block;font-size:1.05rem;font-weight:600;margin-bottom:10px;transition:color .2s ease}.form-group:focus-within label{color:var(--primary)}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:10px;box-shadow:inset 0 2px 4px #0000000d;color:var(--text-primary);font-size:16px;padding:14px 16px;transition:all .3s ease;width:90%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#afa98d80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #afa98d40,inset 0 2px 4px #0000000d;outline:none}.form-group input.prefilled{background-color:#23b5d31a;border-color:var(--primary)}.form-group input.prefilled:focus{background-color:#23b5d30d}.field-hint{color:var(--text-secondary);font-size:14px;font-style:italic;margin-top:8px;opacity:.8;padding-left:5px;transition:opacity .2s ease}.form-group:hover .field-hint{opacity:1}.radio-group{display:flex;flex-wrap:wrap;gap:25px;margin-top:10px}.radio-label{align-items:center;background:#afa98d1a;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 15px;transition:all .2s ease}.radio-label:hover{background:#afa98d33}.radio-label input{cursor:pointer;transform:scale(1.2)}.radio-label input:checked+span{color:var(--primary);font-weight:600}.form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.file-preview{background-color:#afa98d1a;border:1px dashed var(--primary);border-radius:10px;font-weight:500;margin-top:15px;padding:15px;text-align:center}.form-actions{display:flex;justify-content:center;margin-top:40px}.submit-btn{background-color:var(--primary);border:none;border-radius:10px;box-shadow:0 6px 12px #00000026;color:var(--text-primary);cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s;width:100%}.submit-btn:hover{background-color:var(--primary-hover);box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.submit-btn:hover:before{left:100%}.submit-btn:active{box-shadow:0 5px 10px #00000026;transform:translateY(-1px)}.submit-btn:disabled{background-color:#ccc;box-shadow:0 3px 6px #0000001a;cursor:not-allowed;transform:none}.success-message{animation:fadeIn .5s ease-out;background-color:#1a3d2acc;border-left:5px solid var(--primary);border-radius:12px;box-shadow:0 8px 16px #00000026;margin:35px 0;padding:30px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-message h3{color:var(--primary);font-size:26px;margin-bottom:15px;margin-top:0}.success-message p{font-size:17px;line-height:1.6;margin-bottom:25px}.start-over-btn{background-color:var(--primary);border:none;border-radius:10px;box-shadow:0 4px 8px #00000026;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .3s ease}.start-over-btn:hover{background-color:var(--primary-hover);box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.error-message{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background-color:#ff4d4d26;border-left:5px solid #ff4d4d;border-radius:10px;box-shadow:0 4px 10px #ff4d4d33;color:#ff6b6b;margin:20px 0;padding:18px}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}.form-footer{border-top:1px solid #ffffff1a;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-top:40px;padding-top:20px;text-align:center}.form-footer a{color:var(--link-color);font-weight:500;text-decoration:underline;transition:color .2s ease}.form-footer a:hover{color:var(--link-hover-color)}.file-input-container{display:inline-block;margin-top:10px;overflow:hidden;position:relative}.file-input-button{background-color:#afa98d33;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-block;font-weight:500;padding:12px 20px;transition:all .2s ease}.file-input-button:hover{background-color:#afa98d4d;border-color:var(--primary)}.file-input-container input[type=file]{cursor:pointer;font-size:100px;left:0;opacity:0;position:absolute;top:0}@media (max-width:768px){.sighting-form-container{margin:20px auto 40px;padding:20px}.form-header h1{font-size:1.8rem}.form-row{flex-direction:column;gap:15px}.half-width{width:100%}.radio-group{flex-direction:column;gap:10px}.submit-btn{padding:14px 20px;width:100%}.form-section h2{font-size:1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.form-group input,.form-group select,.form-group textarea{font-weight:500}.form-header h1{font-weight:700}}.species-input-container{position:relative;width:100%}.species-suggestions{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:5px 0;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.species-suggestions li{color:var(--text-primary);cursor:pointer;padding:12px 16px;transition:all .2s ease}.species-suggestions li:hover{background-color:#afa98d33;color:var(--primary)}.species-suggestions::-webkit-scrollbar{width:8px}.species-suggestions::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.species-suggestions::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.species-suggestions::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}
/*# sourceMappingURL=main.ff9fd6f0.css.map*/