body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button{cursor:pointer}.leaflet-pane{z-index:10!important}.leaflet-bottom,.leaflet-top{z-index:11!important}.leaflet-container{font-family:Inter,sans-serif}[data-weather=clear]{--weather-primary:gold;--bg-start:#f7971e;--bg-end:#ffd200}[data-weather=cloudy]{--weather-primary:#b2bec3;--bg-start:#636363;--bg-end:#9d9d9d}[data-weather=rain]{--weather-primary:#74b9ff;--bg-start:#1e3c72;--bg-end:#2a5298}[data-weather=drizzle]{--weather-primary:#81ecec;--bg-start:#2980b9;--bg-end:#6dd5fa}[data-weather=storm]{--weather-primary:#a29bfe;--bg-start:#0f0c29;--bg-end:#302b63}[data-weather=snow]{--weather-primary:#dfe6e9;--bg-start:#74b9ff;--bg-end:#c4d4f0}[data-weather=fog]{--weather-primary:#b2bec3;--bg-start:#304352;--bg-end:#d7d2cc}[data-theme=dark]{--overlay-bg:#0000002e;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff73;--card-bg:#ffffff1a;--card-border:#ffffff29;--btn-bg:#ffffff24;--btn-hover:#ffffff38}[data-theme=light]{--overlay-bg:#ffffff1f;--text-primary:#1a1a2e;--text-secondary:#141428cc;--text-muted:#14142880;--card-bg:#ffffff8c;--card-border:#0000001a;--btn-bg:#ffffff80;--btn-hover:#ffffffbf}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#1e3c72,#2a5298);background:linear-gradient(135deg,var(--bg-start,#1e3c72),var(--bg-end,#2a5298));font-family:Inter,system-ui,-apple-system,sans-serif;transition:background 1.2s ease}.App,.app-overlay{min-height:100vh;position:relative}.app-overlay{background:var(--overlay-bg);flex-direction:column;padding-bottom:4rem;z-index:1}.app-header,.app-overlay{align-items:center;display:flex}.app-header{justify-content:space-between;max-width:900px;padding:1.2rem 1.5rem .6rem;width:100%}.header-left{align-items:center;display:flex;gap:.55rem}.app-logo{font-size:1.9rem;line-height:1}.app-title{color:var(--text-primary);font-size:1.55rem;font-weight:800;letter-spacing:-.5px}.header-right{align-items:center;display:flex;gap:.7rem}.streak-badge{background:#ffa50033;border:1px solid #ffa50073;border-radius:50px;color:var(--text-primary);font-size:.82rem;font-weight:700;padding:.3rem .8rem;white-space:nowrap}.streak-badge,.theme-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-toggle{background:var(--btn-bg);border:1px solid var(--card-border);border-radius:50%;cursor:pointer;font-size:1.1rem;height:40px;transition:background .2s,transform .15s;width:40px}.theme-toggle:hover{background:var(--btn-hover);transform:scale(1.06)}.tab-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:.8rem 1rem;padding:.3rem}.tab-btn{background:#0000;border:none;border-radius:50px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background .18s,color .18s;white-space:nowrap}.tab-btn:hover{background:var(--btn-bg);color:var(--text-primary)}.tab-btn.active{background:#ffffff38;color:var(--text-primary);font-weight:700}.tab-content{max-width:900px;padding:0 1rem;width:100%}.forecast-tab,.today-tab{display:flex;flex-direction:column;gap:1rem}.section-title{color:var(--text-primary);font-size:.78rem;font-weight:700;letter-spacing:.7px;margin-bottom:.7rem;opacity:.8;text-transform:uppercase}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem}.loading-spinner{animation:spin .75s linear infinite;border:4px solid #ffffff26;border-radius:50%;border-top:4px solid var(--weather-primary,#74b9ff);height:44px;width:44px}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.8rem;padding:5rem 2rem;text-align:center}.empty-state span{font-size:3.5rem}.empty-state h2{color:var(--text-primary);font-size:1.3rem;font-weight:700}.empty-state p{font-size:.9rem}.kbd-hint{color:var(--text-muted);font-size:.75rem;margin-top:1.5rem;text-align:center}kbd{background:var(--btn-bg);border:1px solid var(--card-border);border-radius:4px;color:var(--text-secondary);font-family:monospace;font-size:.72rem;padding:.1rem .4rem}@media (max-width:768px){.app-title{font-size:1.2rem}.tab-btn{font-size:.78rem;padding:.42rem .7rem}.tab-nav{margin:.6rem .5rem}.tab-content{padding:0 .5rem}}@media (max-width:480px){.app-header{padding:1rem .8rem .4rem}.app-title{font-size:1.05rem}}.weather-canvas{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.search-bar-wrap{align-items:center;display:flex;gap:.6rem;margin-bottom:.5rem;max-width:900px;padding:0 1rem;width:100%}.search-input-group{align-items:center;display:flex;flex:1 1;position:relative}.search-prefix-icon{color:var(--text-muted);font-size:.9rem;left:.9rem;pointer-events:none;position:absolute}.search-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;padding:.7rem 2.8rem .7rem 2.4rem;transition:border-color .2s,background .2s;width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{background:#ffffff2e;border-color:var(--weather-primary)}.search-clear-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;padding:.2rem;position:absolute;right:.9rem;transition:color .15s}.search-clear-btn:hover{color:var(--text-primary)}.search-history-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141423eb;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 8px 30px #0006;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.history-label{color:var(--text-muted);display:block;font-size:.72rem;font-weight:700;letter-spacing:.8px;padding:.5rem 1rem .3rem;text-transform:uppercase}.history-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.6rem;padding:.6rem 1rem;text-align:left;transition:background .15s;width:100%}.history-item:hover{background:#ffffff14}.history-icon{color:var(--text-muted);font-size:.75rem}.search-action-btn{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:700;justify-content:center;padding:.7rem 1rem;transition:background .2s,transform .15s;white-space:nowrap}.search-action-btn:hover:not(:disabled){background:var(--btn-hover);transform:scale(1.03)}.search-action-btn:disabled{cursor:not-allowed;opacity:.5}.unit-btn{min-width:54px}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:500px){.search-input{font-size:.85rem}}.favorites-bar{align-items:center;display:flex;gap:.7rem;max-width:900px;overflow:hidden;padding:.4rem 1rem;width:100%}.favorites-star-icon{color:gold;flex-shrink:0;font-size:.9rem}.favorites-scroll{-ms-overflow-style:none;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.favorites-scroll::-webkit-scrollbar{display:none}.favorite-chip{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;display:flex;flex-shrink:0;overflow:hidden;transition:border-color .2s}.favorite-chip.active{border-color:var(--weather-primary)}.chip-name{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:500;padding:.3rem .7rem .3rem .8rem;transition:color .15s;white-space:nowrap}.chip-name:hover{color:var(--weather-primary)}.chip-remove{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.65rem;padding:.3rem .5rem .3rem 0;transition:color .15s}.chip-remove:hover{color:#e17055}.current-weather{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;margin:.5rem 1rem;max-width:900px;padding:1.5rem 2rem;width:100%}.cw-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cw-city{color:var(--text-primary);font-size:1.3rem;font-weight:700}.cw-actions{display:flex;gap:.5rem}.cw-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--btn-bg);border:1px solid var(--card-border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;height:38px;justify-content:center;transition:background .2s,color .2s,transform .15s;width:38px}.cw-action-btn:hover{background:var(--btn-hover);transform:scale(1.08)}.cw-action-btn.favorited{color:#e84393}.cw-body{gap:1rem;justify-content:space-between}.cw-body,.cw-icon-col{align-items:center;display:flex}.cw-icon-col{flex-direction:column;gap:.2rem}.cw-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:100px;width:100px}.cw-description{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-align:center;text-transform:capitalize}.cw-temp-col{text-align:right}.cw-temp{color:var(--text-primary);font-size:5rem;font-weight:800;letter-spacing:-3px;line-height:1}.cw-feels{color:var(--text-muted);font-size:.9rem;margin-top:.3rem}@media (max-width:600px){.current-weather{margin:.5rem;padding:1.2rem}.cw-temp{font-size:3.8rem}.cw-icon{height:80px;width:80px}.cw-city{font-size:1.1rem}}.descriptions-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,1fr);width:100%}.desc-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--card-accent,var(--weather-primary));border-radius:16px;display:flex;gap:.8rem;padding:.9rem 1rem;transition:transform .2s,background .2s}.desc-card:hover{background:var(--btn-hover);transform:translateY(-2px)}.desc-icon{flex-shrink:0;font-size:1.3rem}.desc-info{display:flex;flex-direction:column;gap:.1rem}.desc-title{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.desc-data{color:var(--text-primary);font-size:1rem;font-weight:700}@media (max-width:768px){.descriptions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.descriptions-grid{gap:.5rem;grid-template-columns:1fr 1fr}.desc-card{padding:.7rem .8rem}}.fun-panel{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);width:100%}.fun-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;display:flex;flex-direction:column;gap:.6rem;padding:1.2rem;transition:transform .2s}.fun-card:hover{transform:translateY(-2px)}.fun-card-header{color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.fun-card-body{color:var(--text-secondary);flex:1 1;font-size:.9rem;line-height:1.5}.trivia-body{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.trivia-dots{display:flex;gap:5px;margin-top:auto}.trivia-dot{background:var(--text-muted);border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:background .2s,transform .2s;width:6px}.trivia-dot.active{background:var(--weather-primary);transform:scale(1.3)}.outfit-emoji{font-size:1.8rem;line-height:1}.mood-body{color:var(--text-primary);font-size:.95rem;font-style:italic}.streak-pill{background:#ffa50033;border:1px solid #ffa50066;border-radius:50px;color:gold;font-size:.78rem;font-weight:600;padding:.25rem .7rem;width:fit-content}@media (max-width:768px){.fun-panel{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:900px){.fun-panel{grid-template-columns:repeat(2,1fr)}.trivia-card{grid-column:1/-1}}.forecast-section{width:100%}.forecast-cards{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(5,1fr)}.forecast-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;display:flex;flex-direction:column;gap:.4rem;padding:1rem .8rem;transition:transform .2s,background .2s}.forecast-card:hover{background:var(--btn-hover);transform:translateY(-3px)}.fc-day{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.fc-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));height:52px;width:52px}.fc-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.2;text-align:center;text-transform:capitalize}.fc-temp-row{align-items:center;display:flex;gap:.4rem;margin-top:.2rem;width:100%}.fc-high{color:var(--text-primary);font-size:.85rem;font-weight:700}.fc-high,.fc-low{white-space:nowrap}.fc-low{color:var(--text-muted);font-size:.78rem}.fc-bar-wrap{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.fc-bar{background:linear-gradient(90deg,var(--weather-primary),gold);border-radius:2px;height:100%;min-width:20%}@media (max-width:700px){.forecast-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:450px){.forecast-cards{grid-template-columns:repeat(2,1fr)}}.hourly-chart{width:100%}.chart-scroll-wrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;overflow-x:auto;padding:.5rem;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:100%}.chart-svg{display:block;min-width:600px;width:100%}.hourly-cards-row{display:flex;gap:.5rem;overflow-x:auto;padding:.6rem 0 .2rem;scrollbar-width:none}.hourly-cards-row::-webkit-scrollbar{display:none}.hourly-mini-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:.2rem;min-width:70px;padding:.6rem .8rem;transition:transform .2s}.hourly-mini-card:hover{transform:translateY(-2px)}.hmc-time{color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase}.hmc-icon{height:36px;width:36px}.hmc-temp{color:var(--text-primary);font-size:.9rem;font-weight:700}.hmc-humid{color:var(--text-muted);font-size:.7rem}.extra-details{display:flex;flex-direction:column;gap:.8rem;width:100%}.extra-top-row{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.extra-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1.3rem 1.5rem}.extra-card-title{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.6px;margin-bottom:.8rem;text-transform:uppercase}.aqi-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.aqi-svg{width:130px}.aqi-info{align-items:center;display:flex;gap:.5rem}.aqi-emoji{font-size:1.4rem}.aqi-label{font-size:1.1rem;font-weight:800}.aqi-components{grid-gap:.3rem 1rem;display:grid;gap:.3rem 1rem;grid-template-columns:1fr 1fr;margin-top:.3rem;width:100%}.aqi-components span{color:var(--text-muted);font-size:.78rem}.aqi-components strong{color:var(--text-primary);font-weight:700}.no-data{color:var(--text-muted);font-size:.85rem;padding:1rem 0;text-align:center}.sun-arc-wrap{align-items:center;display:flex;flex-direction:column;gap:.8rem}.sun-arc-svg{width:160px}.sun-times{display:flex;justify-content:space-around;width:100%}.sun-time-item{align-items:center;display:flex;flex-direction:column;gap:.1rem}.sun-emoji{font-size:1.2rem}.sun-label{color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase}.sun-val{color:var(--text-primary);font-size:1rem;font-weight:700}.extra-stats-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,1fr)}.extra-stat-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;gap:.4rem;padding:1rem;transition:transform .2s}.extra-stat-card:hover{transform:translateY(-2px)}.es-icon{color:var(--weather-primary);font-size:1.4rem}.es-label{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.es-value{color:var(--text-primary);font-size:1rem;font-weight:700}@media (max-width:768px){.extra-top-row{grid-template-columns:1fr}.extra-stats-grid{grid-template-columns:repeat(2,1fr)}}.weather-map-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;width:100%}.map-layer-controls{background:var(--card-bg);display:flex;flex-wrap:wrap;gap:.4rem;padding:.7rem}.map-layer-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--btn-bg);border:1px solid var(--card-border);border-radius:50px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:.4rem .9rem;transition:background .2s,color .2s}.map-layer-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.map-layer-btn.active{background:var(--weather-primary);border-color:var(--weather-primary);color:#fff}.leaflet-map-div{height:380px;width:100%}.map-fallback{align-items:center;background:var(--card-bg);color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding:3rem}.map-fallback span{font-size:3rem}@media (max-width:600px){.leaflet-map-div{height:280px}}.city-comparison{display:flex;flex-direction:column;gap:1rem;width:100%}.compare-search-bar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;display:flex;gap:.6rem;padding:.5rem .8rem .5rem 1rem}.cs-icon{color:var(--text-muted);flex-shrink:0;font-size:.9rem}.cs-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.95rem;outline:none}.cs-input::placeholder{color:var(--text-muted)}.cs-btn{align-items:center;background:var(--weather-primary);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:700;gap:.4rem;padding:.45rem 1.1rem;transition:opacity .2s}.cs-btn:hover:not(:disabled){opacity:.85}.cs-btn:disabled{cursor:not-allowed;opacity:.5}.cs-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.comparison-layout{grid-gap:.8rem;align-items:start;display:grid;gap:.8rem;grid-template-columns:1fr auto 1fr}.compare-weather-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.2rem;text-align:center;transition:transform .2s}.compare-weather-card:hover{transform:translateY(-2px)}.compare-weather-card.left{border-top:3px solid var(--weather-primary)}.compare-weather-card.right{border-top:3px solid #fd79a8}.cwc-city{color:var(--text-primary);font-size:1rem;font-weight:700}.cwc-icon{height:70px;width:70px}.cwc-desc{color:var(--text-secondary);font-size:.82rem;text-transform:capitalize}.cwc-temp{color:var(--text-primary);font-size:2.4rem;font-weight:800;letter-spacing:-1px}.cwc-stats{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem;width:100%}.cwc-stat{border-bottom:1px solid var(--card-border);color:var(--text-secondary);display:flex;font-size:.82rem;justify-content:space-between;padding:.25rem 0}.cwc-stat-label{color:var(--text-muted);font-weight:500}.vs-column{flex-direction:column;gap:.8rem;padding-top:1rem}.vs-badge,.vs-column{align-items:center;display:flex}.vs-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px solid var(--card-border);border-radius:50%;color:var(--text-muted);font-size:.78rem;font-weight:800;height:44px;justify-content:center;width:44px}.diffs-list{gap:.5rem;width:120px}.diff-row,.diffs-list{display:flex;flex-direction:column}.diff-row{align-items:center;gap:.15rem}.diff-label{color:var(--text-muted);font-size:.68rem;font-weight:600;text-transform:uppercase}.diff-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:.15rem .55rem}.diff-badge.better{background:#00b89433;color:#00b894}.diff-badge.worse{background:#d6303133;color:#e17055}.diff-badge.same{background:#ffffff1a;color:var(--text-muted)}.compare-empty{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px dashed var(--card-border);border-radius:20px;color:var(--text-muted);display:flex;flex-direction:column;gap:.7rem;padding:3rem 1.5rem;text-align:center}.compare-empty-icon{font-size:2.5rem}.compare-empty p{font-size:.85rem}@media (max-width:700px){.comparison-layout{grid-template-columns:1fr}.vs-column{flex-direction:row;flex-wrap:wrap;justify-content:center}.diffs-list{flex-direction:row;width:auto}}.toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.6rem;pointer-events:none;position:fixed;right:1.5rem;z-index:1000}.toast{align-items:center;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;font-size:.9rem;font-weight:500;gap:.7rem;max-width:340px;min-width:240px;padding:.8rem 1rem;pointer-events:all}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#00b894d9;border:1px solid #00b89480;color:#fff}.toast-error{background:#d63031d9;border:1px solid #d6303180;color:#fff}.toast-info{background:#2d3436d9;border:1px solid #ffffff26;color:#fff}.toast-icon{flex-shrink:0;font-size:1rem}.toast-message{flex:1 1}.toast-close{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;padding:.1rem;transition:color .15s}.toast-close:hover{color:#fff}
/*# sourceMappingURL=main.d4fd9c6b.css.map*/