:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d0d0d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--bg-color: #0d0d0d;--card-bg: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .1);--text-muted: rgba(255, 255, 255, .5);--glass-effect: blur(12px) saturate(180%)}[data-theme=light]{--bg-color: #ffffff;--card-bg: #ffffff;--text-primary: #000000;--text-muted: #666666;--accent-color: #000000;--border-color: #000000;--progress-bg: #eeeeee;--transition-speed: 0s;--glass-effect: none}[data-theme=light] *{transition:none!important;animation:none!important;border-radius:0!important}[data-theme=light] .progress-bar-fill{background:#000!important}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;background:var(--bg-color)}h1{font-size:2.5rem;line-height:1.1;font-weight:800;margin-bottom:.5rem;color:#fff!important;letter-spacing:-.02em}.subtitle{color:#fff!important;opacity:.9}#root{width:100%;max-width:1000px;padding:1.5rem;text-align:center}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}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{display:flex;flex-direction:column;gap:1rem}header{margin-bottom:.5rem}.header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect)}.theme-toggle:hover{border-color:#a855f7;transform:translateY(-1px)}.subtitle{color:var(--text-muted);font-size:1.1rem;text-align:left}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;width:100%}[data-theme=light] .theme-toggle{background:#1a1a1a;border-color:#333;color:#fff}.progress-bar-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);transition:transform .2s ease,border-color .2s ease;height:180px;display:flex;flex-direction:column;justify-content:space-between}.progress-bar-container:hover{transform:translateY(-2px);border-color:#fff3}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-bar-label{font-weight:600;font-size:1.1rem;color:#fff}.progress-bar-percentage{font-family:JetBrains Mono,Courier New,monospace;font-weight:700;color:#a855f7}.progress-bar-track{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--primary-gradient);border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-footer{margin-top:.75rem;font-size:.85rem;color:var(--text-muted);text-align:center}.progress-bar-container.light{border:2px solid #000000;background:#fff!important;border-radius:0!important;padding:1.5rem;box-shadow:none;transition:none}.progress-bar-container.light:hover{transform:none;border-color:#000}.progress-bar-container.light .progress-bar-label,.progress-bar-container.light .progress-bar-percentage{color:#000!important}.progress-bar-ascii{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem;letter-spacing:0;line-height:1.25;color:#000;margin:0;white-space:pre;text-align:center;display:flex;justify-content:center;align-items:center;flex-grow:1}.progress-bar-container.light .progress-bar-footer{color:#444!important}