:root{font-family:Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#333;background-color:#f0f0f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#007bff;text-decoration:none}a:hover{color:#0056b3}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:#f0f0f0}h1,h2,h3{font-weight:700}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#333;background-color:#fff}a:hover{color:#0056b3}button{background-color:#007bff}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#f0f0f0}.header{background-color:#007bff;color:#fff;padding:2rem 0;text-align:center}.header .container{max-width:1200px;margin:0 auto;padding:0 1rem}.header .logo{height:6em;margin-bottom:1rem}.header h1{font-size:2.5rem;margin:0}.header p{font-size:1.2rem;margin:.5rem 0 0}.main{padding:2rem 0}.main .container{max-width:1200px;margin:0 auto;padding:0 1rem}.intro{text-align:center;margin-bottom:2rem}.feature-highlights{margin-bottom:2rem;padding:2rem;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px;opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.feature-highlights h2{font-size:2rem;margin-bottom:1rem}.feature-highlights .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feature-card{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 0 15px #0003}.feature-card img{max-width:100%;height:auto;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem}.feature-card p{font-size:1rem;color:#666}.how-it-works,.screenshots,.permissions,.compress-mode-settings,.backup-settings,.description,.grouped-urls,.cta,.github,.readme{margin-bottom:2rem;padding:2rem;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.how-it-works h2,.screenshots h2,.compress-mode-settings h2,.permissions h2,.backup-settings h2,.description h2,.grouped-urls h2,.cta h2,.github h2,.readme h2{font-size:2rem;margin-bottom:1rem}.how-it-works ol,.compress-mode-settings ol,.permissions ul,.backup-settings ol{padding-left:1.5rem;text-align:left}.how-it-works li,.compress-mode-settings ul,.permissions li,.backup-settings li{margin-bottom:.5rem;font-size:1.1rem}.screenshot,.permissions-img,.backup-img{max-width:100%;height:auto;margin-top:1rem}.grouped-urls-img{max-width:40%;height:auto;margin-top:1rem}.compress-mode-img{max-width:60%;height:auto;margin-top:1rem}.compress-mode-img-small{max-width:30%;height:auto;margin-top:1rem}.permissions-img-small{width:10%}.permissions-img-medium{width:20%}.cta .buttons{display:flex;justify-content:center;gap:1rem}.button{display:inline-block;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.button:hover{background-color:#0056b3}.footer{background-color:#007bff;color:#fff;padding:2rem 0}.footer .container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between}.footer .footer-section{flex:1;padding:0 1rem}.footer .footer-section h3{font-size:1.5rem;margin-bottom:1rem}.footer .footer-section p,.footer .footer-section a{margin:.5rem 0}.footer .footer-section a{color:#fff;text-decoration:none;transition:color .3s ease}.footer .footer-section a:hover{color:#ffdd57}.footer .social-links{display:flex;gap:1rem;margin-top:1rem}.footer .social-links a{color:#fff;font-size:1.5rem;transition:color .3s ease}.footer .social-links a:hover{color:#ffdd57}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{display:none}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features,.how-it-works,.description,.cta,.screenshots,.permissions,.compress-mode-settings,.backup-settings,.github,.readme,.grouped-urls{animation:slide-in .6s ease-out forwards}.features{animation-delay:.2s}.how-it-works{animation-delay:.4s}.description{animation-delay:.6s}.cta,.screenshots{animation-delay:.8s}.permissions{animation-delay:1s}.backup-settings,.compress-mode-settings{animation-delay:1.2s}.github{animation-delay:1.4s}.readme{animation-delay:1.6s}.github{color:#333}.readme{color:#474747;text-align:left}.description p{text-align:left}