:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#e5e7ebeb;background-color:#020617;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:block;min-width:320px;min-height:100vh;background-color:#020617;overflow-x:hidden}#root{width:100%;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}}*{margin:0;padding:0;box-sizing:border-box}.welcome-container{width:100%;overflow-x:hidden;background:#0b1020;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:64px 24px 40px;background:radial-gradient(circle at top left,#273c75 0,#0b1020 55%,#060814)}.hero-inner{position:relative;z-index:1;width:100%;max-width:1120px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.4fr);gap:40px;align-items:center;color:#f5f7ff}.hero-content{text-align:left;max-width:640px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;background:#818cf81f;border:1px solid rgba(129,140,248,.35);margin-bottom:18px}.hero-title{font-size:2.9rem;font-weight:700;margin-bottom:16px;line-height:1.15;color:#e5e7ff}.hero-subtitle{font-size:1.05rem;margin-bottom:28px;font-weight:400;opacity:.95;line-height:1.7;color:#c3d0ff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.cta-button{display:inline-block;padding:12px 26px;border-radius:999px;font-size:.95rem;font-weight:600;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.cta-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f172a59}.cta-button.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f9fafb;box-shadow:0 8px 20px #4f46e580}.cta-button.primary:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}.cta-button.secondary{background:transparent;color:#a5b4fc;border-color:#818cf88c}.cta-button.secondary:hover{background:#0f172aa6;color:#e5e7ff}.hero-metadata{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px}.hero-metric{display:flex;flex-direction:column;gap:2px}.hero-metric-value{font-size:1rem;font-weight:600;color:#e5e7ff}.hero-metric-label{font-size:.78rem;color:#9ca3af}.hero-visual{display:flex;justify-content:flex-end}.hero-card{width:100%;max-width:360px;border-radius:18px;padding:18px 18px 16px;background:radial-gradient(circle at top left,#1f2937,#020617);box-shadow:0 24px 60px #0f172ae6;border:1px solid rgba(148,163,184,.38);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hero-card-title{font-size:.9rem;font-weight:500;color:#e5e7eb}.hero-card-badge{font-size:.75rem;padding:3px 10px;border-radius:999px;background:#2dd4bf1f;color:#6ee7b7;border:1px solid rgba(45,212,191,.5)}.hero-chart{position:relative;height:160px;border-radius:14px;background:radial-gradient(circle at top,#111827,#020617);overflow:hidden;margin-bottom:16px}.hero-chart-svg{display:block;width:100%;height:100%}.hero-card-footer{display:grid;grid-template-columns:1.4fr 1.8fr;gap:10px;font-size:.8rem;color:#9ca3af}.hero-card-row{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:10px;background:#0f172ad9;border:1px solid rgba(31,41,55,.9)}.hero-card-row span:last-child{color:#e5e7eb}.simulations-section{padding:80px 24px;background:radial-gradient(circle at top,#020617,#020617 48% 100%);color:#e5e7eb}.section-header{max-width:1120px;margin:0 auto 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-header.centered{flex-direction:column;align-items:center;text-align:center}.section-title{font-size:2rem;font-weight:650;margin-bottom:8px;color:#e5e7eb}.section-subtitle{font-size:1.1rem;color:#9ca3af;max-width:620px}.section-tagline{font-size:.9rem;color:#9ca3af;padding:7px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#0f172ab3}.simulations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1120px;width:100%;margin:0 auto}.simulation-card{background:radial-gradient(circle at top,#111827,#020617);border-radius:18px;padding:22px 20px 18px;text-align:center;text-align:left;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;cursor:default;border:1px solid rgba(31,41,55,.9);box-shadow:0 18px 40px #0f172ae6}.simulation-card:hover{transform:translateY(-4px);border-color:#818cf8e6;box-shadow:0 24px 55px #0f172a}.simulation-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.simulation-tag{font-size:.75rem;padding:4px 10px;border-radius:999px;font-weight:500}.simulation-level{font-size:.78rem;color:#9ca3af}.card-icon-large{font-size:3.5rem;margin-bottom:15px;display:block}.card-icon{font-size:2rem;margin-bottom:15px;display:inline-block}.card-title{font-size:1.6rem;margin-bottom:12px;font-weight:600;color:#e5e7eb}.card-description{font-size:.95rem;line-height:1.6;margin-bottom:18px;color:#9ca3af;min-height:88px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-button{padding:9px 20px;border:none;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;color:#020617;box-shadow:0 10px 24px #3b82f680}.card-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #3b82f6b3}.card-button:active{transform:translateY(0);box-shadow:0 8px 18px #3b82f673}.card-secondary-text{font-size:.78rem;color:#6b7280}.features-section{padding:80px 24px;background:#020617;color:#e5e7eb}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1120px;width:100%;margin:32px auto 0}.feature-item{background:radial-gradient(circle at top,#020617,#020617 48% 100%);border:1px solid rgba(31,41,55,.9);border-radius:16px;padding:20px 18px 18px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.feature-item:hover{transform:translateY(-3px);border-color:#818cf8e6;box-shadow:0 18px 40px #0f172af2}.feature-item h4{font-size:1rem;margin-bottom:6px;font-weight:600;color:#e5e7eb}.feature-item p{font-size:.9rem;color:#9ca3af;line-height:1.6}.cta-section{padding:64px 24px 72px;background:radial-gradient(circle at top,#1e293b,#020617 60%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.cta-section h2{font-size:1.9rem;margin-bottom:10px;font-weight:650}.cta-section p{font-size:1.1rem;margin-bottom:26px;opacity:.92;color:#cbd5f5}.cta-button-large{display:inline-block;padding:12px 40px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f9fafb;text-decoration:none;border-radius:999px;font-size:.96rem;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 14px 30px #4f46e599;border:none;cursor:pointer}.cta-button-large:hover{transform:translateY(-1px);box-shadow:0 18px 40px #4f46e5e6}.footer{padding:25px 20px;background:#020617;text-align:center;font-size:.95rem;color:#6b7280;border-top:1px solid #111827}@media(max-width:768px){.hero{min-height:auto;padding:40px 20px 32px}.hero-inner{grid-template-columns:minmax(0,1fr);gap:32px}.hero-title{font-size:2.1rem}.hero-subtitle{font-size:.98rem}.hero-actions{flex-direction:column;align-items:stretch}.section-title{font-size:1.7rem}.section-subtitle{margin-bottom:0}.simulations-grid{grid-template-columns:1fr;gap:20px}.simulation-card{padding:18px 16px 16px}.card-title{font-size:1.3rem}.cta-section h2{font-size:1.6rem}.cta-section p{font-size:.98rem}.features-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero{min-height:auto}.hero-title{font-size:1.7rem}.hero-subtitle{font-size:.95rem}.section-title{font-size:1.4rem}.cta-button,.cta-button-large{width:100%;padding:12px 20px}.features-section{padding:50px 20px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#667eea;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#764ba2}.photoelectric-root{min-height:100vh;padding:80px 24px 40px;background:radial-gradient(circle at top,#020617,#020617 52% 100%);color:#e5e7eb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.pe-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.05fr);gap:32px;align-items:stretch}.pe-panel{display:flex;flex-direction:column;gap:20px}.pe-left{max-width:580px}.pe-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;background:#818cf826;border:1px solid rgba(129,140,248,.45)}.pe-title{margin-top:16px;font-size:2rem;font-weight:650;color:#e5e7ff}.pe-subtitle{margin-top:10px;font-size:.98rem;line-height:1.7;color:#9ca3af}.pe-controls{margin-top:24px;padding:18px 18px 16px;border-radius:18px;background:radial-gradient(circle at top,#020617,#020617 50% 100%);border:1px solid rgba(31,41,55,.95);box-shadow:0 18px 40px #0f172ae6}.pe-control-block{margin-bottom:16px}.pe-control-block.small{flex:1}.pe-control-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.pe-control-label{font-size:.9rem;font-weight:500;color:#e5e7eb}.pe-control-unit{display:block;font-size:.78rem;color:#9ca3af}.pe-control-value{font-size:1rem;font-weight:600;color:#e5e7ff}.pe-slider{width:100%;margin:2px 0 6px;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22c55e,#facc15,#f97316);outline:none}.pe-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#e5e7ff;border:2px solid #4f46e5;box-shadow:0 0 0 4px #3b82f659;cursor:pointer}.pe-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#e5e7ff;border:2px solid #4f46e5;box-shadow:0 0 0 4px #3b82f659;cursor:pointer}.pe-control-scale{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280}.pe-control-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.pe-metal-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px}.pe-metal-select{flex:1}.pe-select{margin-top:4px;width:100%;padding:7px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;color:#e5e7eb;font-size:.86rem}.pe-select:focus{outline:none;border-color:#818cf8e6;box-shadow:0 0 0 1px #818cf899}.pe-metal-badge{font-size:.82rem;color:#cbd5f5;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;white-space:nowrap}.pe-info-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pe-info-card{padding:12px 12px 10px;border-radius:14px;background:radial-gradient(circle at top,#020617,#020617 50% 100%);border:1px solid rgba(31,41,55,.95)}.pe-info-label{font-size:.8rem;color:#9ca3af;margin-bottom:4px}.pe-info-value{font-size:1.2rem;font-weight:600;color:#e5e7ff}.pe-info-unit{font-size:.8rem;color:#9ca3af;margin-left:4px}.pe-info-desc{margin-top:4px;font-size:.8rem;color:#9ca3af;line-height:1.5}.pe-right{display:flex}.pe-apparatus-card{width:100%;border-radius:18px;padding:16px 16px 14px;background:radial-gradient(circle at top,#020617,#020617 50% 100%);border:1px solid rgba(31,41,55,.95);box-shadow:0 22px 50px #0f172a;display:flex;flex-direction:column;gap:12px}.pe-apparatus-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pe-apparatus-title{font-size:.98rem;font-weight:600;color:#e5e7ff}.pe-apparatus-subtitle{font-size:.8rem;color:#9ca3af}.pe-current-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#9ca3af;padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6}.pe-current-indicator.active{border-color:#22c55eb3;background:#16653452;color:#bbf7d0}.pe-current-dot{width:8px;height:8px;border-radius:999px;background:#6b7280}.pe-current-indicator.active .pe-current-dot{background:#22c55e}.pe-apparatus{margin-top:4px;padding:12px 10px 10px;border-radius:14px;border:1px solid rgba(31,41,55,.9);background:radial-gradient(circle at top,#020617,#020617 60% 100%)}.pe-light-source{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pe-light-label{font-size:.78rem;color:#9ca3af}.pe-light-beam{flex:1;height:6px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22c55e,#facc15,#f97316);opacity:.8}.pe-chamber{display:grid;grid-template-columns:1.3fr 1.4fr 1.3fr;align-items:center;gap:4px;margin-bottom:12px}.pe-electrode{height:80px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.78rem}.pe-cathode{background:radial-gradient(circle at top,#0b1120,#020617);border:1px solid rgba(129,140,248,.9)}.pe-anode{background:radial-gradient(circle at top,#052e16,#020617);border:1px solid rgba(34,197,94,.8)}.pe-electrode-label{color:#e5e7ff}.pe-gap{height:60px;display:flex;align-items:center;justify-content:center}.pe-electron-stream{width:100%;height:100%;border-radius:999px;background:#0f172acc;border:1px dashed rgba(55,65,81,.8);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pe-electron-particles{position:absolute;inset:0;pointer-events:none}.pe-electron-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 4px #3b82f6b3;transform:translateY(-50%);left:4%;animation:pe-electron-move linear infinite;margin:0}.pe-electron-dot:nth-child(odd){background:#60a5fa;width:7px;height:7px}@keyframes pe-electron-move{0%{left:4%;opacity:1}90%{opacity:1}to{left:96%;opacity:0}}.pe-electron-bar{width:80%;height:6px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#a3e635);opacity:.9}.pe-electron-bar.weak{opacity:.4}.pe-meter{margin-bottom:10px}.pe-meter-label{font-size:.78rem;color:#9ca3af;margin-bottom:4px}.pe-meter-bar{width:100%;height:8px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(31,41,55,.9);overflow:hidden}.pe-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#a3e635);transition:width .18s ease-out}.pe-voltage-indicator{font-size:.8rem;color:#9ca3af}@media(max-width:900px){.photoelectric-root{padding:72px 18px 32px}.pe-layout{grid-template-columns:minmax(0,1fr)}.pe-left{max-width:100%}}@media(max-width:600px){.photoelectric-root{padding:72px 16px 28px}.pe-title{font-size:1.6rem}.pe-subtitle{font-size:.9rem}.pe-controls{padding:14px 12px 12px}.pe-apparatus-card{padding:12px 12px 10px}.pe-info-grid{grid-template-columns:minmax(0,1fr)}}.compton-container{min-height:100vh;padding:80px 24px 40px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at top,#020617,#020617 52% 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb}.compton-window{width:100%;max-width:1040px;background:radial-gradient(circle at top,#020617,#020617 55% 100%);border-radius:18px;box-shadow:0 22px 50px #0f172a;overflow:hidden;border:1px solid rgba(31,41,55,.95)}.compton-window-header{display:flex;align-items:center;padding:8px 16px;background:linear-gradient(to right,#020617,#020617 30% 100%);border-bottom:1px solid #111827;font-size:13px;color:#9ca3af}.compton-window-title{margin-left:4px;font-weight:500}.compton-toolbar{display:flex;justify-content:space-between;gap:24px;padding:10px 18px 12px;background:radial-gradient(circle at top,#020617,#020617 60% 100%);border-bottom:1px solid #111827;font-size:12px}.toolbar-section{min-width:0}.toolbar-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:4px}.toolbar-row{display:flex;flex-wrap:wrap;gap:6px}.toolbar-chip{padding:3px 8px;border-radius:999px;background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(55,65,81,.9);white-space:nowrap;font-size:11px}.compton-content{display:flex;gap:28px;padding:20px 22px 18px}.compton-canvas-wrapper{flex:1 1 60%;display:flex;justify-content:center;align-items:center}.compton-canvas{border-radius:14px;border:1px solid #111827;background:#020617;box-shadow:0 18px 40px #0f172ae6}.compton-sidebar{flex:1 1 40%;display:flex;flex-direction:column;gap:16px}.compton-title{margin:0;font-size:20px;font-weight:600;color:#e5e7ff}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:13px;color:#e5e7eb;display:flex;justify-content:space-between;align-items:baseline}.control-value{font-weight:600;color:#e5e7ff}.range-input{width:100%;margin-top:2px;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22c55e,#facc15,#f97316);outline:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#e5e7ff;border:2px solid #4f46e5;box-shadow:0 0 0 4px #3b82f659;cursor:pointer}.range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#e5e7ff;border:2px solid #4f46e5;box-shadow:0 0 0 4px #3b82f659;cursor:pointer}.button-row{display:flex;justify-content:flex-start;gap:10px;margin-top:4px}.primary-button,.secondary-button{min-width:88px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}.primary-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f9fafb;box-shadow:0 10px 22px #4f46e5a6}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #4f46e5d9}.secondary-button{background:transparent;color:#e5e7ff;border:1px solid rgba(148,163,184,.6)}.secondary-button:hover:not(:disabled){background:#0f172ad9}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.info-card{background:radial-gradient(circle at top,#020617,#020617 50% 100%);border-radius:14px;padding:12px 14px;font-size:13px;color:#e5e7eb;border:1px solid #111827}.info-title{margin:0 0 6px;font-size:13px;font-weight:600;color:#e5e7ff}.description-text{margin:4px 0 0;font-size:12px;color:#9ca3af;line-height:1.5}@media(max-width:960px){.compton-container{padding:72px 18px 32px}.compton-content{flex-direction:column}.compton-canvas-wrapper{justify-content:flex-start}}@media(max-width:600px){.compton-container{padding:72px 16px 28px}.compton-content{padding:16px 16px 14px;gap:20px}.compton-canvas{width:100%;height:auto}}.bb-root{min-height:100vh;padding:80px 24px 40px;background:radial-gradient(circle at top,#020617,#020617 52% 100%);color:#e5e7eb;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bb-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:32px;align-items:stretch}.bb-panel{display:flex;flex-direction:column;gap:20px}.bb-panel-left{max-width:540px}.bb-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;background:#818cf826;border:1px solid rgba(129,140,248,.45)}.bb-title{margin-top:16px;font-size:2rem;font-weight:650;color:#e5e7ff}.bb-subtitle{margin-top:10px;font-size:.98rem;line-height:1.7;color:#9ca3af}.bb-controls{margin-top:24px;padding:18px 18px 16px;border-radius:18px;background:radial-gradient(circle at top,#020617,#020617 50% 100%);border:1px solid rgba(31,41,55,.95);box-shadow:0 18px 40px #0f172ae6}.bb-control-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.bb-control-label{font-size:.9rem;font-weight:500;color:#e5e7eb}.bb-control-unit{display:block;font-size:.78rem;color:#9ca3af}.bb-control-value{font-size:1rem;font-weight:600;color:#e5e7ff}.bb-slider{width:100%;margin:4px 0 10px;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#facc15,#f97316);outline:none}.bb-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#e5e7ff;border:2px solid #4f46e5;box-shadow:0 0 0 4px #3b82f659;cursor:pointer}.bb-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#e5e7ff;border:2px solid #4f46e5;box-shadow:0 0 0 4px #3b82f659;cursor:pointer}.bb-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bb-preset-button{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172abf;color:#cbd5f5;font-size:.78rem;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.bb-preset-button:hover{background:#1e40afb3;border-color:#818cf8e6;transform:translateY(-1px)}.bb-info-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.bb-info-card{padding:12px 12px 10px;border-radius:14px;background:radial-gradient(circle at top,#020617,#020617 50% 100%);border:1px solid rgba(31,41,55,.95)}.bb-info-label{font-size:.8rem;color:#9ca3af;margin-bottom:4px}.bb-info-value{font-size:1.2rem;font-weight:600;color:#e5e7ff}.bb-info-value-small{font-size:.95rem}.bb-info-unit{font-size:.8rem;color:#9ca3af;margin-left:4px}.bb-info-desc{margin-top:4px;font-size:.8rem;color:#9ca3af;line-height:1.5}.bb-panel-right{display:flex;align-items:stretch}.bb-chart-card{width:100%;border-radius:18px;padding:16px 16px 14px;background:radial-gradient(circle at top,#020617,#020617 50% 100%);border:1px solid rgba(31,41,55,.95);box-shadow:0 22px 50px #0f172a;display:flex;flex-direction:column;gap:12px}.bb-chart-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.bb-chart-title{font-size:.98rem;font-weight:600;color:#e5e7ff}.bb-chart-subtitle{font-size:.8rem;color:#9ca3af}.bb-legend{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#9ca3af}.bb-legend-color{width:14px;height:6px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#22c55e,#facc15,#f97316)}.bb-chart-wrapper{position:relative;flex:1;border-radius:14px;background:radial-gradient(circle at top,#020617,#020617 60% 100%);border:1px solid rgba(31,41,55,.9);overflow:hidden}.bb-chart-svg{display:block;width:100%;height:260px}.bb-axis-label{position:absolute;font-size:.78rem;color:#9ca3af;pointer-events:none}.bb-axis-x{left:16px;right:16px;bottom:6px;text-align:center}.bb-axis-y{left:6px;top:12px;writing-mode:vertical-rl;text-orientation:mixed}.bb-axis-ticks{position:absolute;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:.7rem;color:#6b7280}@media(max-width:900px){.bb-root{padding:72px 18px 32px}.bb-layout{grid-template-columns:minmax(0,1fr)}.bb-panel-left{max-width:100%}.bb-chart-svg{height:220px}}@media(max-width:600px){.bb-root{padding:72px 16px 28px}.bb-title{font-size:1.6rem}.bb-subtitle{font-size:.9rem}.bb-controls{padding:14px 12px 12px}.bb-chart-card{padding:12px 12px 10px}.bb-chart-svg{height:200px}.bb-axis-y{display:none}.bb-info-grid{grid-template-columns:minmax(0,1fr)}}#root{max-width:100%;margin:0;padding:0}.sim-page{position:relative;min-height:100vh}.back-button{position:fixed;top:20px;left:20px;z-index:1000;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;box-shadow:0 5px 15px #667eea66}.back-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea99}.back-button:active{transform:translateY(-1px)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media(max-width:768px){#root{padding:0}.back-button{padding:10px 16px;font-size:.9rem;top:15px;left:15px}}@media(max-width:480px){.back-button{padding:8px 12px;font-size:.8rem;top:10px;left:10px}}