@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-base:#09090b;--bg-card:#18181b66;--bg-card-solid:#18181b;--bg-card-hover:#27272acc;--border-light:#27272a;--border-focus:#3f3f46;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent:#22d3ee;--accent-glow:#22d3ee66;--accent-bg-subtle:#22d3ee1a;--font-sans:Inter, sans-serif;--font-mono:JetBrains Mono, monospace;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px}:root.light-mode{--bg-base:#f8fafc;--bg-card:#fffc;--bg-card-solid:#fff;--bg-card-hover:#f1f5f9cc;--border-light:#e2e8f0;--border-focus:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#0891b2;--accent-glow:#0891b233;--accent-bg-subtle:#0891b20d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);background-image:radial-gradient(circle at 50% -20%, var(--bg-card-solid) 0%, var(--bg-base) 80%);color:var(--text-primary);flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.font-mono{font-family:var(--font-mono)}.navbar{border-bottom:1px solid var(--border-light);background:var(--bg-card);backdrop-filter:blur(12px);z-index:50;position:sticky;top:0}.navbar .nav-content{justify-content:space-between;align-items:center;max-width:1152px;height:64px;margin:0 auto;padding:0 24px;display:flex}.main-container{flex-grow:1;width:100%;max-width:1152px;margin:0 auto;padding:32px 24px}.layout-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=1024px){.layout-grid{grid-template-columns:7fr 5fr}}.layout-grid .form-column{flex-direction:column;gap:24px;display:flex}@media (width>=1024px){.sticky-column{position:sticky;top:96px}}.inner-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.inner-grid{grid-template-columns:1fr 1fr}}.mb-8{margin-bottom:32px}.z-10{z-index:10;position:relative}.hidden{display:none!important}.col-span-2{grid-column:span 2}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.grid-cols-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.flex-grow{flex-grow:1}.justify-center{justify-content:center}.flex-col{flex-direction:column;gap:24px;display:flex}#customPowerInputs{gap:12px;margin-top:16px;animation:.3s ease-out fadeIn;display:none}.brand{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-logo img{width:100%;height:100%}.brand-name{letter-spacing:-.025em;font-size:1.125rem;font-weight:700}.page-header{margin-bottom:32px}.page-header-title{margin-bottom:8px;font-size:1.875rem;font-weight:700}.page-header-description{color:var(--text-secondary);font-size:.875rem}.btn-icon{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:1.5rem;transition:background .2s,color .2s;display:flex}.btn-icon:hover{background:var(--bg-card-hover)}.btn-text{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.75rem;transition:color .2s;display:flex}.btn-text:hover{color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:24px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-header{align-items:center;gap:8px;margin-bottom:20px;font-weight:500;display:flex}.card-header.no-margin{margin-bottom:0}.card-header i{color:var(--accent);font-size:1.25rem}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;display:block}.input-group-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.input-group-header label{margin-bottom:0}.input-group-header .input-value{color:var(--accent);font-weight:600}.input-group-hint{color:var(--text-muted);margin-top:6px;font-size:.7rem}.input-wrapper{position:relative}.base-input{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-size:1.125rem;transition:all .2s}.base-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.time-input{text-align:center;padding:16px;font-size:1.5rem;box-shadow:inset 0 2px 4px #0003}.input-suffix{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}input[type=time]::-webkit-calendar-picker-indicator{filter:invert()opacity(.5);cursor:pointer}:root.light-mode input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}input::-webkit-outer-spin-button{appearance:none;margin:0}input::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}.efficiency-slider{appearance:none;background:var(--bg-base);border:1px solid var(--border-light);border-radius:999px;outline:none;width:100%;height:8px}.efficiency-slider::-webkit-slider-thumb{appearance:none;background:var(--bg-card-solid);border:3px solid var(--accent);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}.efficiency-slider::-moz-range-thumb{background:var(--bg-card-solid);border:3px solid var(--accent);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}.slider-glow-bg{filter:blur(24px);pointer-events:none;background:#22d3ee0d;border-radius:50%;width:50%;height:64px;position:absolute;top:0;left:50%;transform:translate(-50%)}.slider-labels{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.slider-label-group{flex-direction:column;display:flex}.slider-label-group.text-right{text-align:right}.slider-label-group.text-right .slider-label-title{color:#22d3eecc}.slider-label-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px;font-size:.75rem}.slider-label-value{font-size:1.5rem}.slider-label-value span{color:var(--text-secondary);font-size:.875rem}.slider-label-value.target-val{color:var(--accent)}.slider-label-value.target-val span{color:#22d3ee80}.slider-container{cursor:pointer;touch-action:none;align-items:center;height:40px;display:flex;position:relative}.slider-track{background:var(--bg-base);border:1px solid var(--border-light);border-radius:999px;width:100%;height:16px;position:relative;box-shadow:inset 0 2px 4px #00000080}.slider-fill{background:linear-gradient(to right, var(--border-focus), var(--accent));opacity:.8;border-radius:999px;height:100%;position:absolute}.slider-handle{background:var(--bg-card-solid);cursor:grab;z-index:20;border:3px solid;border-radius:50%;width:28px;height:28px;transition:border-color .2s,box-shadow .2s,background .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-handle:active{cursor:grabbing}.slider-handle.handle-current{border-color:var(--text-secondary)}.slider-handle.handle-current:hover{border-color:var(--text-primary)}.slider-handle.handle-target{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.slider-handle.handle-target:hover{background:var(--bg-card-hover)}.power-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.info-text{color:var(--text-muted);align-items:center;gap:4px;margin-top:12px;padding-left:4px;font-size:.75rem;display:flex}.custom-kw-input{margin-top:12px;display:none}.radio-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.radio-item{cursor:pointer}.radio-item input[type=radio]{display:none}.radio-item input[type=radio]:checked+.radio-box{border-color:var(--accent);background:var(--accent-bg-subtle);box-shadow:0 0 10px #22d3ee0d}.radio-item input[type=radio]:checked+.radio-box .radio-val{color:var(--accent);font-weight:700}.radio-item input[type=radio]:checked+.radio-box .radio-sub{color:#22d3eeb3}.radio-item .radio-box{background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:8px;transition:all .2s;display:flex}.radio-item .radio-box:hover{background:var(--bg-card-hover)}.radio-item .radio-val{color:var(--text-primary);font-size:.875rem}.radio-item .radio-sub{color:var(--text-secondary);align-items:center;gap:2px;margin-top:2px;font-size:.625rem;display:flex}.custom-box{flex-direction:row;gap:8px}.va-result{text-align:right;margin-top:16px}.va-result-label{color:var(--text-secondary);font-size:.875rem}.va-result-value{color:var(--accent);margin-left:8px;font-size:1.125rem}.summary-card{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-light);overflow:hidden;box-shadow:0 20px 40px -15px #00000080}.summary-card .tech-pattern{opacity:.1;background-image:radial-gradient(var(--accent) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.summary-card .summary-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px;font-size:.875rem}.summary-card .stat-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:16px;display:flex}.summary-card .stat-row.secondary{opacity:.7;border-bottom-style:dashed;margin-top:-16px;font-size:.9em}.summary-card .stat-row.secondary .stat-label{font-size:.85rem}.summary-card .stat-row.secondary .stat-value{font-size:1.1rem}.summary-card .stat-label{color:var(--text-secondary)}.summary-card .stat-value{color:var(--text-primary);font-size:1.5rem}.summary-card .stat-unit{color:var(--text-secondary);font-size:.875rem}.summary-card .final-action{background:var(--accent-bg-subtle);border:1px solid var(--accent-glow);border-radius:var(--radius-xl);text-align:center;box-shadow:0 0 30px var(--accent-glow);padding:24px}.summary-card .final-hint{color:var(--accent);margin-bottom:8px;font-size:.875rem;font-weight:500}.summary-card .final-label{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem}.summary-card .final-time{color:var(--accent);text-shadow:0 0 10px var(--accent-glow);font-size:3rem;font-weight:700}.summary-card .final-ampm{color:var(--text-secondary);font-size:1.25rem;font-weight:500}
/*# sourceMappingURL=ev-charge-time-calculator.6feb660f.css.map */