:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--space-cadet: #2b2d42;--cool-gray: #8d99ae;--antiflash-white: #edf2f4;--red-pantone: #ef233c;--fire-engine-red: #d90429;--cool-glow-color: #3671ff;--text-color: var(--antiflash-white);--text-muted-color: var(--cool-gray);--accent-color: var(--red-pantone);--accent-gradient: linear-gradient( 90deg, var(--fire-engine-red), var(--red-pantone) );--glass-bg: rgba(43, 45, 66, .45);--glass-border: rgba(141, 153, 174, .15);--input-bg: rgba(0, 0, 0, .25);--focus-ring: rgba(239, 35, 60, .5);--radius: 16px}body{margin:0;font-family:Poppins,-apple-system,sans-serif;color:var(--text-color);background-color:#1a1a2e;background-image:radial-gradient(circle at 15% 15%,var(--cool-glow-color) 0%,transparent 35%),radial-gradient(circle at 85% 85%,var(--accent-color) 0%,transparent 35%);background-attachment:fixed;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.App{max-width:1300px;margin:4rem auto;background:var(--glass-bg);border-radius:var(--radius);border:1px solid var(--glass-border);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 20px 40px #00000040;display:grid;grid-template-columns:minmax(0,1fr) 420px;opacity:0;animation:fadeIn .6s ease-out .1s forwards}.config-panel{padding:3rem;border-right:1px solid var(--glass-border)}.results-panel{padding:3rem}.config-header{position:relative;margin-bottom:2.5rem}.config-header h1{font-size:2rem;margin:0}.config-header p{font-size:1rem;color:var(--text-muted-color);margin:.25rem 0 0}.share-button{position:absolute;top:0;right:0;background:var(--input-bg);color:var(--text-muted-color);border:1px solid var(--glass-border);padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins}.share-button:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.share-button:active{transform:translateY(0)}.share-button .fas{margin-right:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;font-size:.9rem;color:var(--text-muted-color);margin-bottom:.75rem}.input-base{display:flex;align-items:center;width:100%;background-color:var(--input-bg);border:1px solid transparent;border-radius:8px;padding:.9rem 1rem;color:var(--text-color);font-size:1rem;transition:all .2s ease}.input-base:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-ring)}.input-base i{color:var(--text-muted-color);margin-right:1rem;width:1.1em;transition:color .2s ease}.input-base:focus-within i{color:var(--accent-color)}.input-base input{background:none;border:none;color:inherit;font:inherit;padding:0;width:100%}.input-base input:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{display:none}input[type=number]{-moz-appearance:textfield}.custom-dropdown{position:relative}.dropdown-header{cursor:pointer}.dropdown-header .dropdown-arrow{margin-left:auto;color:var(--text-muted-color);transition:transform .3s ease}.dropdown-header.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-list-container{position:absolute;width:100%;top:calc(100% + .5rem);left:0;background-color:#353852;border-radius:8px;border:1px solid var(--glass-border);z-index:10;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;transition:all .2s ease}.dropdown-list-container.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-list{list-style:none;padding:.5rem;margin:0}.dropdown-item{padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:all .15s}.dropdown-item:hover{background-color:var(--accent-color);color:#fff}.dropdown-item.selected{font-weight:600;color:var(--accent-color)}.vram-gauge{position:relative;width:70%;padding-top:70%;margin:0 auto 2.5rem}.gauge-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.vram-gauge circle{fill:transparent;stroke-width:12}.gauge-track{stroke:var(--input-bg)}.gauge-fill{stroke:url(#gauge-gradient);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.gauge-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-value{font-size:3.5rem;font-weight:700;line-height:1;margin:0;font-variant-numeric:tabular-nums}.gauge-value span{font-size:1.25rem;font-weight:500;color:var(--text-muted-color);margin-left:.25rem}.gauge-percentage{font-size:1rem;font-weight:500;color:var(--text-muted-color);margin-top:.75rem}.results-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.stat-card{background:var(--input-bg);padding:1.5rem;border-radius:12px;transition:all .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.stat-card h3{font-size:.9rem;font-weight:500;color:var(--text-muted-color);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.stat-card p{font-size:1.4rem;font-weight:600;margin:0;font-variant-numeric:tabular-nums}.stat-card .small-text{font-size:1rem;line-height:1.4}.vram-breakdown{margin-top:2.5rem}.vram-breakdown h3{font-size:1rem;color:var(--text-muted-color);margin-bottom:1.5rem}.breakdown-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;position:relative;padding:.25rem 0}.breakdown-label{font-size:.9rem;font-weight:500}.breakdown-bar{position:absolute;left:0;top:0;height:100%;opacity:.1;border-radius:4px;transition:width .5s ease}.breakdown-value{font-size:.9rem;font-weight:600;z-index:1;font-variant-numeric:tabular-nums}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--bg-color)}body::-webkit-scrollbar-thumb{background-color:var(--space-cadet);border-radius:6px;border:3px solid var(--bg-color)}body::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}@media (max-width: 1100px){.App{grid-template-columns:1fr;margin:2rem}.config-panel{border-right:none}}@media (max-width: 768px){.App{margin:0;border-radius:0}.config-panel,.results-panel{padding:1.5rem}.config-header{text-align:center}.share-button{position:static;margin-top:1rem}.vram-gauge{width:80%;padding-top:80%}.gauge-value{font-size:3rem}}