:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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;display:flex;place-items:center;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}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{width:100vw;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;background:linear-gradient(135deg,#2b233d,#47173f,#2a3436);position:relative;overflow-x:hidden}.app:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,255,255,.01) 1px,transparent 1px);background-size:60px 60px,90px 90px,120px 120px;background-position:0 0,30px 30px,60px 60px;pointer-events:none}.header{text-align:center;margin-bottom:40px;padding:60px 20px 40px}.header h1{color:#fffffff2;font-size:3rem;margin-bottom:15px;text-shadow:0 0 30px rgba(255,163,0,.4);font-weight:800;letter-spacing:-1px}.header p{color:#fff9;font-size:1.2rem;font-weight:300}.input-section{display:flex;justify-content:center;gap:15px;margin-bottom:50px;padding:0 20px;flex-wrap:wrap}.id-input{padding:16px 20px;border:2px solid rgba(255,255,255,.15);border-radius:16px;font-size:16px;width:280px;transition:all .3s ease;background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-weight:400}.id-input:focus{outline:none;border-color:#ffa300;background:#ffffff1f;box-shadow:0 0 20px #ffa30033}.id-input::placeholder{color:#fff6}.fetch-btn{padding:16px 32px;background:linear-gradient(135deg,#00ceae,#00adef);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ceae4d;text-transform:uppercase;letter-spacing:1px}.fetch-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00ceae66;background:linear-gradient(135deg,#00adef,#00ceae)}.fetch-btn:disabled{background:#ffffff1a;cursor:not-allowed;color:#fff6;box-shadow:none}.story-btn{padding:16px 32px;background:linear-gradient(135deg,#ffa300,#ff8c00);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffa3004d;text-transform:uppercase;letter-spacing:1px}.story-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffa30066;background:linear-gradient(135deg,#ff8c00,#ffa300)}.error{background:#e53935e6;color:#fff;padding:16px 24px;border-radius:12px;text-align:center;margin-bottom:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);font-weight:500;max-width:400px;margin-left:auto;margin-right:auto}.stats-container{margin-top:30px;padding:0 20px;max-width:1200px;margin-left:auto;margin-right:auto}.app-footer{text-align:center;color:#fff9;font-size:.9rem;padding:30px 20px 40px;letter-spacing:.5px;display:flex;flex-direction:column;gap:4px}.footer-disclaimer{font-size:.8rem;color:#ffffff80}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:50px}.stat-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,163,0,.05) 0%,transparent 100%);pointer-events:none}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#ffa3004d}.stat-card h3{color:#fff9;font-size:12px;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-weight:600;position:relative;z-index:1}.stat-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#ffa300,#00ceae,#00adef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;line-height:1}.chart-section{background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;margin-bottom:40px;box-shadow:0 8px 32px #0000004d;max-width:1200px;margin-left:auto;margin-right:auto}.chart-section h3{color:#ffffffe6;margin-bottom:20px;text-align:center}.recent-runs{background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000004d;max-width:1200px;margin-left:auto;margin-right:auto}.recent-runs h3{color:#ffffffe6;margin-bottom:20px;text-align:center}.runs-table{overflow-x:auto}.runs-table table{width:100%;border-collapse:collapse}.runs-table th,.runs-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:#fffc}.runs-table th{background:#ffffff0d;font-weight:600;color:#ffffffe6}.runs-table tr:hover{background:#ffffff0d}@media(max-width:768px){.app{padding:10px}.header h1{font-size:2rem}.input-section{flex-direction:column;align-items:center}.id-input{width:100%;max-width:300px}.stats-grid{grid-template-columns:1fr}}.story-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#2b233d,#47173f,#2a3436);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.story-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px,80px 80px,100px 100px;background-position:0 0,25px 25px,50px 50px;pointer-events:none}.story-slide{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.progress-dots{position:absolute;top:60px;display:flex;gap:8px;z-index:10}.story-progress{position:absolute;top:30px;left:20px;right:20px;height:4px;background:#ffffff26;border-radius:999px;overflow:hidden}.story-progress-bar{height:100%;background:linear-gradient(135deg,#ffa300,#00ceae);transition:width .1s linear}.dot{width:24px;height:3px;background:#ffffff4d;border-radius:2px;cursor:pointer;transition:all .3s ease}.dot.active{background:#ffffffe6;width:32px}.dot:hover{background:#fff9}.story-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:60px 40px;text-align:center;max-width:400px;width:100%;box-shadow:0 25px 50px #0000004d,0 0 100px #ff8c001a,inset 0 1px #ffffff1a;animation:cardGlow 3s ease-in-out infinite alternate}@keyframes cardGlow{0%{box-shadow:0 25px 50px #0000004d,0 0 100px #ff8c001a,inset 0 1px #ffffff1a}to{box-shadow:0 25px 50px #0000004d,0 0 120px #ff8c0033,inset 0 1px #ffffff26}}.story-title{color:#ffffffe6;font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;line-height:1.3}.story-value{font-size:72px;font-weight:800;background:linear-gradient(135deg,#ff8c00,orange,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:20px 0;line-height:1;text-shadow:0 0 30px rgba(255,140,0,.5);animation:valueGlow 2s ease-in-out infinite alternate}@keyframes valueGlow{0%{text-shadow:0 0 30px rgba(255,140,0,.5)}to{text-shadow:0 0 40px rgba(255,140,0,.8)}}.story-subtitle{color:#ffffffb3;font-size:16px;font-weight:400;margin-top:10px;letter-spacing:.5px}.story-controls{position:absolute;bottom:40px;right:40px;display:flex;gap:12px;z-index:10}.control-btn{width:48px;height:48px;border-radius:12px;background:#0009;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.story-btn{padding:12px 24px;background:linear-gradient(135deg,#ff8c00,orange);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff8c004d}.story-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0066}.story-btn:active{transform:translateY(0)}.story-chart{width:100%;height:300px;margin:20px 0}.story-chart .recharts-wrapper{background:transparent}.story-chart .recharts-tooltip-wrapper{background:#000c!important;border:none!important;border-radius:8px!important}.story-chart .recharts-default-tooltip{background:#000c!important;border:none!important;border-radius:8px!important;color:#fff!important}.story-chart .recharts-tooltip-cursor{stroke:#ffa3004d!important}.story-chart .recharts-bar{fill:#ffa300!important}.story-chart .recharts-cartesian-axis-tick{fill:#ffffffb3!important;font-size:12px!important}.story-chart .recharts-cartesian-axis-line{stroke:#fff3!important}.story-summary{text-align:center;padding:30px 0}.summary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.summary-item{padding:20px;background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease}.summary-item:hover{transform:translateY(-3px);border-color:#ffa30066;box-shadow:0 10px 20px #00000040}.summary-number{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ffa300,#00ceae,#00adef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;line-height:1;text-shadow:0 0 30px rgba(255,163,0,.5)}.summary-label{color:#fffc;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.summary-message{color:#fffffff2;font-size:1.1rem;font-weight:300;margin-top:12px;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,255,255,.2)}.summary-runner{font-size:1.2rem;font-weight:600;color:#ffffffe6;margin-bottom:12px;letter-spacing:.5px}@media(max-width:768px){.story-card{padding:40px 30px;margin:0 20px}.story-title{font-size:16px}.story-value{font-size:56px}.story-subtitle{font-size:14px}.progress-dots{top:20px}.dot{width:20px;height:2px}.dot.active{width:28px}.story-controls{bottom:20px;right:20px}.control-btn{width:40px;height:40px}}@media(max-width:480px){.story-card{padding:30px 20px}.story-value{font-size:48px}.story-title{font-size:14px;letter-spacing:1px}}