:root{font-family:system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}#root{min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}.navbar{background:#111827f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000;width:100%}.navbar-container{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.25rem;font-weight:700;color:#fff;transition:opacity .2s ease}.navbar-logo:hover{opacity:.8}.logo-icon{width:32px;height:32px;flex-shrink:0}.logo-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar-link{color:#fffc;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative}.navbar-link:hover{color:#fbbf24}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#fbbf24,#f59e0b);transition:width .3s ease}.navbar-link:hover:after{width:100%}@media(max-width:640px){.navbar-container{padding:.875rem 1rem}.navbar-logo{font-size:1.1rem}.logo-icon{width:28px;height:28px}.navbar-menu{gap:1.25rem}.navbar-link{font-size:.875rem}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.modal-content{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 50px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:1.5rem;font-weight:600;color:#fffffff2;margin-bottom:.75rem;text-align:center}.settings-description{font-size:.9rem;color:#ffffffb3;text-align:center;margin-bottom:1.5rem;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:500;color:#ffffffe6;line-height:1.4}.input-group{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.5rem 1rem;transition:border-color .2s ease,background .2s ease}.input-group:focus-within{border-color:#fbbf24;background:#ffffff14}.form-input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;font-weight:500;outline:none;width:100%}.form-input::-webkit-inner-spin-button,.form-input::-webkit-outer-spin-button{opacity:1}.input-suffix{color:#fff9;font-weight:500;font-size:.95rem}.form-hint{font-size:.75rem;color:#ffffff80;font-style:italic;margin:0}.range-display{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem 1rem;text-align:center;margin-bottom:.5rem}.range-text{font-size:1.1rem;font-weight:600;color:#fbbf24;font-family:Courier New,monospace}.range-control-row{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.form-range{flex:1;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #fbbf2466;transition:all .2s ease}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 12px #fbbf2499}.form-range::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #fbbf2466;transition:all .2s ease}.form-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 12px #fbbf2499}.input-group-compact{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.4rem .75rem;flex-shrink:0;transition:border-color .2s ease,background .2s ease}.input-group-compact:focus-within{border-color:#fbbf24;background:#ffffff14}.form-input-small{background:transparent;border:none;color:#fff;font-size:.95rem;font-weight:500;outline:none;width:60px;text-align:center}.form-input-small::-webkit-inner-spin-button,.form-input-small::-webkit-outer-spin-button{opacity:1}.info-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem;margin-top:.5rem}.info-text{font-size:.85rem;color:#93c5fdf2;margin:0;line-height:1.5}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff1f;color:#fffffff2}.btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;border:1px solid transparent}.btn-primary:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 4px 12px #fbbf244d}@media(max-width:640px){.modal-content{padding:1.5rem}.modal-title{font-size:1.25rem}.form-label{font-size:.85rem}.modal-actions{flex-direction:column-reverse}.btn{width:100%}}.container{display:flex;flex-direction:column;min-height:calc(100vh - 60px);width:100%;max-width:100%}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100%;max-width:100%}.dashboard-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;position:relative}.title{font-size:1.75rem;font-weight:500;color:#fffffff2;margin:0;letter-spacing:.02em}@media(max-width:600px){.dashboard-header{flex-direction:column;gap:.5rem;justify-content:center;align-items:center}.title{width:100%;text-align:center;margin-bottom:.5rem}.settings-button{align-self:center;margin-top:.25rem}.recommended-badge{top:.3rem;right:.3rem;font-size:.7rem;padding:.2rem .6rem}.speed-header{flex-direction:column;align-items:flex-start;gap:.3rem}.speed-name{font-size:1.1rem;margin-top:2px}}.settings-button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.settings-button:hover{background:#ffffff1f;border-color:#fbbf24;transform:rotate(90deg)}.footer-info{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.editorial-section{max-width:900px;width:100%;margin-top:4rem;padding:2.5rem 1.5rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.08);text-align:left}.editorial-title{font-size:1.75rem;font-weight:600;color:#fffffff2;margin-bottom:1.25rem;letter-spacing:-.01em}.editorial-paragraph{font-size:1rem;line-height:1.75;color:#fffc;margin-bottom:1rem}.editorial-paragraph:last-child{margin-bottom:0}@media(min-width:768px){.speed-cards-container{gap:2rem}.speed-card{padding:2rem}.speed-emoji{font-size:3rem}.speed-name{font-size:1.75rem}.price-value{font-size:3rem}.title{font-size:2rem}.editorial-section{padding:3rem 2.5rem}.editorial-title{font-size:2rem}.editorial-paragraph{font-size:1.0625rem}}@media(min-width:1024px){.container{flex-direction:row;justify-content:center;align-items:center;gap:2rem;padding:2rem}.main-content{max-width:1200px}.title{font-size:2.25rem}.dashboard-header{margin-bottom:3rem}.speed-cards-container{flex-direction:row;gap:2rem;align-items:stretch}.speed-card{flex:1;display:flex;flex-direction:column}.speed-description{margin-top:auto}.speed-emoji{font-size:3.5rem;transform:translateY(-2px)}.safe-emoji{transform:translateY(-12px)}.speed-name{font-size:2rem}.price-value{font-size:3.5rem}.editorial-section{margin-top:5rem}}.about-page{min-height:calc(100vh - 60px);width:100%;background:linear-gradient(135deg,#1f2937,#111827);padding:2rem 1rem 4rem}.about-container{max-width:900px;width:100%;margin:0 auto}.about-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.about-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.02em}.about-subtitle{font-size:1.125rem;color:#ffffffb3;font-weight:300}.about-section{margin-bottom:3rem}.section-title{font-size:1.75rem;font-weight:600;color:#fffffff2;margin-bottom:1.25rem;letter-spacing:-.01em}.section-paragraph{font-size:1rem;line-height:1.75;color:#fffc;margin-bottom:1rem}.speed-explanation{margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.speed-title{font-size:1.25rem;font-weight:600;color:#ffffffe6;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.speed-emoji{font-size:1.5rem}.benefits-list{list-style:none;padding:0;margin:0}.benefit-item{font-size:1rem;line-height:1.75;color:#fffc;margin-bottom:1rem;padding-left:2rem;position:relative}.benefit-item:before{content:"✓";position:absolute;left:0;color:#fbbf24;font-weight:700;font-size:1.25rem}@media(min-width:768px){.about-page{padding:3rem 2rem 5rem}.about-title{font-size:3rem}.about-subtitle{font-size:1.25rem}.section-title{font-size:2rem}.section-paragraph{font-size:1.0625rem}.speed-title{font-size:1.375rem}.benefit-item{font-size:1.0625rem}}@media(min-width:1024px){.about-header,.about-section{margin-bottom:4rem}}.app-wrapper{min-height:100vh;width:100%;display:flex;flex-direction:column}.container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.sidebar{display:none}.ad-banner{position:sticky;top:20px}.site-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.site-name{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.site-tagline{font-size:1rem;font-weight:300;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.5}.gas-price-dashboard{text-align:center;max-width:1200px;width:100%;padding:2rem 1rem}.title{font-size:1.5rem;font-weight:400;color:#ffffffe6;margin-bottom:2.5rem;letter-spacing:.02em}.speed-cards-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.speed-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.speed-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.speed-card.recommended{border:2px solid #fbbf24;background:#fbbf241a;box-shadow:0 0 20px #fbbf2433}.speed-card.recommended:hover{border-color:#fbbf24;background:#fbbf2426;box-shadow:0 4px 24px #fbbf244d}.recommended-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.speed-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.speed-emoji{font-size:2.5rem;line-height:1}.speed-name{font-size:1.5rem;font-weight:500;color:#fffffff2;margin:0}.speed-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.75rem}.price-value{font-size:2.5rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.price-unit{font-size:1rem;font-weight:300;color:#fff9;letter-spacing:.05em}.speed-comparison{margin-bottom:1rem;min-height:1.5rem}.base-price-label{display:inline-block;background:#10b98133;color:#10b981;padding:.3rem .8rem;border-radius:12px;font-size:.875rem;font-weight:500}.percentage-increase{display:inline-block;background:#ef444426;color:#ef4444;padding:.3rem .8rem;border-radius:12px;font-size:.875rem;font-weight:500}.speed-description{font-size:.9rem;color:#fff9;margin:0;line-height:1.4}.footer-info{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-info p{font-size:.875rem;color:#fff6;margin:0}.loading{text-align:center}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#646cff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading p{font-size:1.25rem;color:#fff9}.error{text-align:center;color:#ef4444;font-size:1.125rem}@media(min-width:768px){.title{font-size:2rem}.speed-cards-container{gap:2rem}.speed-card{padding:2rem}.speed-emoji{font-size:3rem}.speed-name{font-size:1.75rem}.price-value,.site-name{font-size:3rem}.site-tagline{font-size:1.125rem}.title{font-size:1.75rem}}@media(min-width:1024px){.container{flex-direction:row;justify-content:center;align-items:center;gap:2rem;padding:2rem}.main-content{max-width:1200px}.title{font-size:2.25rem;margin-bottom:3rem}.speed-cards-container{flex-direction:row;gap:2rem;align-items:stretch}.speed-card{flex:1;display:flex;flex-direction:column}.speed-description{margin-top:auto}.speed-emoji{font-size:3.5rem}.speed-name{font-size:2rem}.price-value{font-size:3.5rem}}@media(min-width:1440px){.price-value{font-size:4rem}}