body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6b9080;--primary-light:#a4c3b2;--secondary:#cce3de;--accent:#f6fff8;--surface-color:#fff;--surface-shadow:0 8px 30px #0000000d;--text-primary:#2d3748;--text-secondary:#4a5568;--transition-standard:all 0.3s ease}.App{display:flex;flex-direction:column;min-height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;font-size:calc(10px + 2vmin);min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:linear-gradient(135deg,#f9f9f8,#fcfcfc 50%,#fff);background-attachment:fixed;background-size:cover;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0;position:relative}.content-section:before,main:after,main:before{display:none}.typing-section{animation:fadeIn .8s ease forwards;opacity:0}h1,h2,h3{color:var(--primary);display:inline-block}.app{display:none}main{flex:1 1;justify-content:center;padding:2rem 1rem;z-index:2}.content-section,main{display:flex;position:relative}.content-section{box-sizing:border-box;flex-direction:column;max-width:1000px;padding:0 1rem;width:100%}@media (max-width:768px){.content-section{box-sizing:border-box;max-width:800px;padding:0}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.distribution-labels{height:100%;left:0;opacity:1;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;visibility:visible;width:100%;z-index:2}.distribution-labels .label{background-color:initial;border-radius:4px;color:#00000080;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:2px 4px;position:absolute;transition:opacity .3s ease}@media (max-width:520px){.distribution-labels{opacity:0;transition:none;visibility:hidden}.distribution-labels .label{opacity:0!important;transition:none}}@media (max-width:700px){.distribution-labels{opacity:0;transition:none;visibility:hidden}.distribution-labels .label{opacity:0!important;transition:none}.background-container{display:none}.content-section{max-width:100%;padding:0 .5rem}.profile-card{margin:0 auto;max-width:none;width:100%}main{padding:1rem .25rem}}@media (max-width:500px){.content-section{padding:0 .25rem}main{padding:.75rem 0}}.background-container{z-index:0}.glass-background{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;box-shadow:none;position:relative;z-index:1}.glass-card{display:none}canvas{height:auto!important;max-width:100%;overflow:hidden}@media (max-width:768px){canvas{font-size:14px;word-break:break-word}.content-section{overflow:hidden;width:100%}.background-container,.canvas-container{max-width:100vw;overflow:hidden}}div,h1,h2,h3,p,span{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.profile-card,.project-card{background-color:#ffffffeb;border:1px solid #dcdcdae6;border-radius:16px;box-shadow:0 6px 25px #0000001f}.footer{font-size:.75rem;margin-top:auto;padding:15px 0;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:1000px;padding:0 20px}.footer-legal{display:flex;gap:15px}.footer-link{color:#555555bf;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--primary);text-decoration:none}.footer-copyright{color:#5559}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.legal-page{display:flex;justify-content:center;min-height:100vh;padding:2rem}.legal-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;margin-bottom:40px;max-width:1000px;padding:40px;width:100%}.legal-section,h1{margin-bottom:30px}h1,h2{color:#000}h2{font-size:1.3rem;margin-bottom:15px}h3{font-size:1.1rem;margin:20px 0 10px}h3,p{color:#333}p{line-height:1.5;margin-bottom:15px}.back-link{color:#000;display:inline-block;margin-top:20px;text-decoration:none}.back-link:hover{text-decoration:underline}.back-button{align-items:center;background-color:#fffffff2;border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:8px;left:20px;padding:8px 12px;position:fixed;text-decoration:none;top:20px;transition:all .2s ease;z-index:100}.back-button:hover{background-color:#000;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.back-button svg{height:16px;width:16px}.legal-section h2{margin-bottom:20px;margin-top:40px}.legal-section h3{margin-bottom:15px;margin-top:25px}.legal-section p{line-height:1.6;margin-bottom:15px}@media (max-width:768px){.legal-page{padding:1rem}.legal-container{padding:20px}}.typing-container{display:flex;flex-direction:column;font-family:monospace;font-size:1.5rem;padding:20px;position:relative;text-align:left}.typing-text-wrapper{display:inline-block;position:relative}.typing-content{background:none;border:none;display:inline;font-family:inherit;font-size:inherit;line-height:1.6;margin:0;overflow:visible;padding:0;white-space:pre-wrap}.cursor{background-color:currentColor;display:inline-block;height:1.2em;margin-left:2px;opacity:.7;position:relative;vertical-align:text-bottom;width:.6em}.cursor-blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}@media (max-width:347px){.typing-container{font-size:1.3rem!important;padding:10px!important}.typing-content{font-size:1.3rem!important;line-height:1.3}.cursor{height:1.2em!important;width:.5em!important}}.profile-card{animation:simpleFadeIn 1.5s ease forwards;background-color:var(--surface-color);border-radius:16px;box-shadow:var(--surface-shadow);display:flex;flex-direction:row;margin-bottom:15px;margin-left:0;margin-right:auto;opacity:0;overflow:hidden;padding:32px 62px 12px 32px;position:relative;width:fit-content}.profile-image-container{align-items:center;flex:0 0 150px;justify-content:center;margin-right:30px;position:relative;z-index:1}.profile-image{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:150px;margin-bottom:10px;object-fit:cover;width:150px}.profile-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;z-index:1}.info-item-name,.profile-info{position:relative;text-align:left}.info-item-name{color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:15px;padding-bottom:12px;width:100%}.info-item-name:after{background-color:var(--text-primary);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.info-section{margin-bottom:10px;text-align:left;width:100%}.info-item{color:var(--text-primary);font-size:1.05rem;line-height:1.2;margin-bottom:12px}.info-item,.info-label{align-items:center;display:flex;text-align:left}.info-label{color:var(--text-secondary);font-weight:600;margin-right:8px}.info-label img,.info-label span{align-items:center;display:inline-flex;justify-content:center;line-height:1;margin-right:4px}.profile-links{display:flex;gap:15px;margin-top:2px;z-index:1}.profile-link{align-items:center;border-radius:50%;color:#fff;display:flex;height:42px;justify-content:center;text-decoration:none;transition:transform .2s ease;width:42px}.profile-link[aria-label=GitHub]{background-color:#333}.profile-link[aria-label=LinkedIn]{background-color:#0077b5}.profile-link[aria-label=Email]{background-color:#d44638}.profile-link:hover{transform:translateY(-3px)}.link-icon{font-size:1.2rem}@media (max-width:610px){.profile-card{align-items:flex-start;box-sizing:border-box;flex-direction:column;margin:0;padding:24px;text-align:left;width:100%}.profile-image-container{margin-bottom:20px;margin-right:0}.info-item-name{text-align:left}.info-item-name:after{left:0;transform:none}.profile-info{align-items:flex-start;width:100%}.info-item{display:flex;flex-direction:row;gap:8px}.info-label{margin-right:8px}.profile-links{justify-content:flex-start;margin-top:5px}.info-section{margin-bottom:5px}}@media (max-width:700px){.profile-card{border-radius:8px;box-shadow:none;box-sizing:border-box;margin-left:0;margin-right:0;max-width:none;padding:1.5rem;width:100%}.profile-header{align-items:flex-start;flex-direction:row;text-align:left}.profile-image{margin-bottom:0;margin-right:1.5rem}.profile-info{align-items:flex-start;text-align:left}.profile-links{justify-content:flex-start}}@media (max-width:411px){.profile-card{padding:18px}.info-item-name{font-size:1.5rem}.info-item{flex-wrap:wrap;font-size:.9rem;margin-bottom:8px}.info-label{font-size:.9rem;margin-right:4px}.profile-image{height:120px;width:120px}.profile-info{width:100%}.info-label span{font-size:.85rem}.profile-link{height:38px;width:38px}}.project-card{animation:simpleFadeIn 1.5s ease forwards;background-color:#fff;background-color:var(--surface-color,#fff);border-radius:16px;box-shadow:0 4px 15px #00000014;box-shadow:var(--surface-shadow,0 4px 15px #00000014);box-sizing:border-box;display:flex;flex-direction:column;margin:35px 0;opacity:0;overflow:hidden;padding:32px;width:100%}.project-card,.project-title{position:relative;text-align:left}.project-title{color:#333;color:var(--text-primary,#333);display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-bottom:12px}.project-title:after{background-color:#333;background-color:var(--text-primary,#333);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.project-content{display:flex;flex-direction:column;gap:25px;text-align:left}.project-description{text-align:left}.project-description p{color:#555;color:var(--text-secondary,#555);font-size:1.05rem;line-height:1.6;margin-bottom:15px}.project-description p:last-child{margin-bottom:0}.project-stats{display:flex;gap:20px;justify-content:flex-start;margin-top:10px}.stat-item{align-items:center;background-color:#00000008;border-radius:8px;display:flex;flex:0 0 auto;flex-direction:column;min-width:120px;padding:15px 20px}.stat-value{color:#333;color:var(--text-primary,#333);font-size:1.8rem;font-weight:700}.stat-label{color:#555;color:var(--text-secondary,#555);font-size:.9rem;margin-top:5px;text-align:center}@keyframes simpleFadeIn{to{opacity:1}}@media (max-width:700px){.project-card{border-radius:8px;box-shadow:none;margin-top:20px;padding:24px}.project-stats{flex-wrap:wrap;gap:10px;justify-content:flex-start}.stat-item{flex:0 0 auto;max-width:calc(50% - 10px);min-width:0;padding:10px}.stat-value{font-size:1.5rem}.project-title{font-size:1.3rem}}@media (max-width:537px){.project-card{padding:20px}.stat-item{box-sizing:border-box;flex:0 1 100%;margin-bottom:8px;max-width:100%;min-width:0;width:100%}.project-stats{flex-direction:column;gap:8px;width:100%}}@media (max-width:768px){.project-card .project-content,.project-card .project-description,.project-card .project-title{text-align:left}.project-card .project-skills{justify-content:flex-start;text-align:left}}.project-skills{justify-content:flex-start;text-align:left}.background-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.function-line{height:100%;left:0;position:absolute;top:0;width:100%}@media (prefers-reduced-motion:no-preference){.function-line path{stroke-dasharray:2000;stroke-dashoffset:2000;animation:fadeIn 1.2s ease-in-out forwards;animation:drawLine 2s ease-in-out forwards;opacity:0}}@keyframes drawLine{to{stroke-dashoffset:0;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:520px){.function-line{display:none}}.gp-demo-outer{font-family:Arial,sans-serif;margin:20px 0;position:relative;width:100%}.gp-canvas{border-radius:4px;box-shadow:0 2px 10px #0000000d;cursor:crosshair;touch-action:none;width:100%}.gp-controls{display:block;margin-top:15px;width:100%}.gp-control-panel{display:inline-flex;flex-direction:row;gap:10px;margin-bottom:10px}.gp-button{background-color:#4169e1e6;border:none;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:5px;margin-right:5px;padding:8px 16px;transition:all .2s ease}.gp-start-button{background-color:#28a745}.gp-reset-button{background-color:#646464cc}.gp-button:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.gp-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(1px)}.gp-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.gp-clear-button{background-color:#fffc;border:none;border-radius:20px;bottom:15px;box-shadow:0 1px 3px #0000001a;color:#555;cursor:pointer;font-size:12px;padding:5px 10px;position:absolute;right:15px;transition:background-color .2s}.gp-clear-button:hover{background-color:#ffffffe6}.gp-info{color:#555;display:flex;flex-direction:column;font-size:14px;margin-top:5px}.gp-legend{display:flex;gap:15px;margin-bottom:5px}.legend-color{border-radius:2px;height:5px}.gp-next-button{background-color:#ff9800}.gp-next-button:hover{background-color:#ffb74d}@media (max-width:600px){.gp-control-panel{gap:8px}.gp-button{font-size:12px;padding:6px 12px}.gp-legend{flex-direction:column;gap:5px}}.gp-acquisition-selector{align-items:center;color:#555;display:flex;font-size:14px;gap:8px;margin-bottom:5px;margin-top:5px}.gp-acquisition-selector select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:4px 8px}.rl-grid-container{box-sizing:border-box;font-family:Arial,sans-serif;margin:20px 0;padding:0 5px;position:relative;width:100%}.rl-grid{grid-gap:1px;aspect-ratio:1.5/1;background-color:#f0f0f0;border-radius:4px;box-shadow:0 2px 10px #0000000d;display:grid;gap:1px;max-width:800px;overflow:hidden;width:100%}.rl-cell{background-color:#fff;border:.5px solid #e0e0e0;box-sizing:border-box;cursor:pointer;min-height:15px;min-width:15px;position:relative;transition:background-color .2s}.rl-cell:hover{opacity:.8}.rl-cell.wall{background-color:#333}.rl-cell.reward{background-color:gold}.rl-cell.policy-down:before,.rl-cell.policy-left:before,.rl-cell.policy-right:before,.rl-cell.policy-up:before{border-style:solid;content:"";height:0;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;z-index:1}.rl-cell.policy-up:before{border-color:#0000 #0000 #333;border-width:0 4px 6px}.rl-cell.policy-right:before{border-color:#0000 #0000 #0000 #333;border-width:4px 0 4px 6px}.rl-cell.policy-down:before{border-color:#333 #0000 #0000;border-width:6px 4px 0}.rl-cell.policy-left:before{border-color:#0000 #333 #0000 #0000;border-width:4px 6px 4px 0}.rl-cell.agent:after{background-color:#ff4d4d;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #0000004d;content:"";height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:2}.rl-controls{max-width:800px}.rl-restart-button{background-color:#9c27b0;color:#fff}.rl-restart-button:hover{background-color:#7b1fa2}.rl-info{color:#555;display:flex;flex-direction:column;font-size:14px;margin-top:10px;width:100%}.rl-legend{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-bottom:5px}.legend-item{align-items:center;display:flex;gap:5px}.legend-color{border:1px solid #ddd;border-radius:3px;height:15px;width:15px}.legend-color.empty{background-color:#fff}.legend-color.wall{background-color:#333}.legend-color.reward{background-color:gold}.legend-color.agent{background-color:#ff4d4d;border-radius:50%}.legend-color.value{background:linear-gradient(90deg,#00ff001a,#00ff00b3)}.legend-arrow{background-color:#fff;border:1px solid #ddd;border-radius:3px;height:15px;position:relative;width:15px}.legend-arrow:before{border-color:#0000 #0000 #333;border-style:solid;border-width:0 4px 6px;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.rl-instructions{color:#666;font-size:13px;margin-top:12px;padding:0 5px;text-align:center}@media (max-width:600px){.rl-control-panel{gap:8px}.rl-button{font-size:12px;padding:6px 12px}.rl-legend{flex-direction:row;justify-content:space-around;width:100%}.legend-item{font-size:12px}.rl-cell.policy-down:before,.rl-cell.policy-left:before,.rl-cell.policy-right:before,.rl-cell.policy-up:before{border-width:0 3px 4px}.rl-cell.policy-right:before{border-width:3px 0 3px 4px}.rl-cell.policy-down:before{border-width:4px 3px 0}.rl-cell.policy-left:before{border-width:3px 4px 3px 0}}.recommendation-demo{margin:0;padding:0;width:100%}.demo-container{margin:0;padding:0}.persons-section,.products-section{width:100%}.persons-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-bottom:15px}.person-card{background-color:#f5f5f5;border:2px solid #0000;border-radius:8px;position:relative;transition:all .2s ease}.person-card.drag-over{background-color:#f8f9fa;border-color:#2196f3}.person-info{padding:0 15px 15px;transition:all .2s ease}.drop-overlay{align-items:center;cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center;opacity:0;position:absolute;top:0;transition:all .2s ease;width:50%;z-index:10}.person-card.drag-over .drop-overlay,.person-card:hover .drop-overlay{opacity:1}.drop-overlay.negative{background-color:#f4433633;left:0}.drop-overlay.positive{background-color:#4caf5033;right:0}.drop-overlay.negative:hover{background-color:#f443364d}.drop-overlay.positive:hover{background-color:#4caf504d}.products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.product-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:grab;display:flex;flex-direction:column;gap:5px;padding:15px;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.product-card.selected{background-color:#e3f2fd;border-color:#2196f3;transform:scale(1.05)}.product-card:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.product-card:active{cursor:grabbing}.product-card .emoji{font-size:24px}.product-card .name{font-size:14px}.preferences{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.preference{align-items:center;background-color:#f0f0f0;border-radius:15px;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:5px 10px;transition:all .2s}.preference.positive{background-color:#4caf501a;border:1px solid #4caf504d}.preference.negative{background-color:#f443361a;border:1px solid #f443364d}.remove-icon{color:#f44336;font-size:.8em}h2{margin-bottom:20px}@media (max-width:768px){.demo-container{gap:20px}.optimization-view{height:300px}.person-card.has-selected-product .drop-overlay{height:100%;opacity:1}.drop-overlay{font-size:32px}.product-card{min-height:80px;padding:20px}.preference{font-size:1em;padding:8px 16px}.pl-button{font-size:14px;padding:8px 16px}.reset-view-button{font-size:16px;padding:12px 24px}.products-grid{grid-template-columns:repeat(2,1fr)}.person-card{padding:10px}h1{font-size:1.5rem}h2{font-size:1.2rem}.persons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.persons-grid{grid-template-columns:1fr}}.rl-controls{display:block;margin-top:15px;width:100%}.rl-control-panel{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:10px}.rl-button{background-color:#4169e1e6;border:none;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:5px;margin-right:5px;padding:8px 16px;transition:all .2s ease}.rl-start-button{background-color:#28a745}.rl-stop-button{background-color:#dc3545}.rl-reset-button{background-color:#646464cc}.rl-button:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.rl-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(1px)}.rl-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.rl-iteration-counter{background-color:#4169e11a;border-radius:20px;color:#555;display:inline-block;font-size:14px;margin:5px 0;padding:6px 12px}@media (max-width:600px){.rl-control-panel{gap:8px}.rl-button{font-size:12px;padding:6px 12px}}.optimization-view{background:#fcfcfc;height:400px;overflow:hidden;position:relative}.embedding-canvas{height:100%!important;width:100%!important}.person-card h3{align-items:center;display:flex;gap:8px}.person-card h3 .emoji{font-size:24px}.person-card h3 .name{font-size:16px}.pl-continue-button{background-color:#4caf50!important;color:#fff!important}.preference.locked{cursor:default;opacity:.8}.preference.locked:hover{background-color:inherit}.preference.recommendation{border-style:dashed;cursor:default;font-size:.85em;opacity:.7}.preference.recommendation.positive{background-color:#4caf500d;border-color:#4caf5080}.preference.recommendation.negative{background-color:#f443360d;border-color:#f4433680}.recommendations{border-top:1px solid #eee;margin-top:15px;padding-top:10px}.recommendations-label{color:#666;font-size:.9em;margin-bottom:8px}.recommendations-list{display:flex;flex-wrap:wrap;gap:8px}.reset-view-button{background-color:#fffc;border:1px solid #ccc;border-radius:4px;bottom:10px;cursor:pointer;padding:8px 16px;position:absolute;right:10px}.reset-view-button:hover{background-color:#ffffffe6}.person-card.has-selected-product{background-color:#f8f9fa;border-color:#2196f3}.person-card.has-selected-product .drop-overlay{opacity:1}.mab-container{margin:0;padding:0}.intro-section{margin-bottom:30px}.intro-text{color:#666;font-size:1.1em;line-height:1.6}.arms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem}.arm-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.arm-card:hover{box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.arm-header{justify-content:space-between;margin-bottom:1rem}.arm-header,.arm-title{align-items:center;display:flex}.arm-title{gap:.75rem}.arm-title h4{color:#333;font-size:1.1rem;margin:0}.delete-button{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s}.delete-button:hover{color:#f44}.win-rate-control{margin-top:.5rem}.slider-container{align-items:center;display:flex;gap:1rem}.slider-container input[type=range]{-webkit-appearance:none;background:#e0e0e0;border-radius:2px;flex:1 1;height:4px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4ecdc4;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.win-rate-value{color:#666;font-size:.9rem;min-width:4rem}.add-button{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;color:#adb5bd;cursor:pointer;display:flex;font-size:2rem;justify-content:center;transition:all .2s}.add-button:hover{background:#e9ecef;border-color:#adb5bd;color:#666}.add-arm-form{background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:30px;max-width:400px;padding:25px}.form-group{margin-bottom:20px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1em;padding:10px;width:100%}.form-group input:focus{border-color:#2196f3;outline:none}.form-group label{color:#666;display:block;margin-bottom:8px}@media (max-width:768px){.arms-grid{grid-template-columns:1fr}.arm-card,.mab-container{padding:15px}.add-arm-form{padding:20px}.pl-button{font-size:14px;padding:8px 16px}.bottom-controls{flex-direction:column;gap:15px}.iterations-display{order:2}.action-buttons{justify-content:center;order:1;width:100%}.main-plot{height:200px}.sub-plot{height:120px}}.pl-button{background-color:#4169e1e6;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#fff;min-width:120px;padding:8px 16px}.pl-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.colored-slider{-webkit-appearance:none;background:#e0e0e0;border-radius:2px;flex:1 1;height:4px;outline:none}.colored-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.colored-slider::-webkit-slider-runnable-track{background:var(--track-color);border-radius:2px;height:4px}.colored-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.color-dot{border-radius:50%;height:12px;margin-left:8px;width:12px}.slider{-webkit-appearance:none;background:#e0e0e0;border-radius:2px;flex:1 1;height:4px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#131414;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.controls-section{align-items:center;display:flex;gap:1rem;margin:2rem 0}.control-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.start-button{background:#4ecdc4;color:#fff}.pause-button{background:#ffd93d;color:#333}.reset-button{background:#ff6b6b;color:#fff}.control-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.iterations{color:#666;font-size:14px;margin-left:10px}.visualization-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:2rem;padding:2rem}.plot-container{height:200px;margin-top:1rem;width:100%}.pl-select{background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;margin-right:10px;padding:8px 16px}.pl-select:focus{border-color:#2196f3;outline:none}.optimization-view{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:20px;padding:20px;width:100%}.buffer-size-control{align-items:center;display:flex;gap:8px;margin-right:15px}.buffer-size-control label{color:#666;font-size:14px}.buffer-input{border:1px solid #ddd;border-radius:20px;font-size:14px;padding:6px;text-align:center;width:70px}.buffer-input:focus{border-color:#2196f3;outline:none}.discount-factor-control{align-items:center;display:flex;gap:8px;margin-right:15px}.discount-factor-control label{color:#666;font-size:14px}.discount-input{padding:6px}.discount-input:focus{border-color:#2196f3}.settings-controls{gap:15px;margin-top:20px}.bottom-controls{justify-content:space-between;margin-top:20px;padding:15px 0}@media (max-width:768px){.bottom-controls{flex-direction:column;gap:15px}.iterations-display{order:2}.action-buttons{justify-content:center;order:1;width:100%}.main-plot{height:200px}.sub-plot{height:120px}.settings-controls{align-items:flex-start;flex-direction:column}.acquisition-selector,.discount-factor-control{width:100%}.pl-select{margin-right:0;width:100%}}.bottom-controls-container{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.settings-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#666;font-size:14px;min-width:70px}.discount-input,.pl-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px 12px}.pl-select{min-width:180px}.discount-input{width:70px}.discount-input:focus,.pl-select:focus{border-color:#2196f3;outline:none}.bottom-controls{align-items:center;display:flex;gap:20px;padding-bottom:10px}.action-buttons{display:flex;gap:10px}.iterations-display{color:#666;font-size:16px;font-weight:500}.pl-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 16px;text-align:center;transition:all .2s ease}.pl-start-button{background-color:#28a745;color:#fff}.pl-stop-button{background-color:#dc3545;color:#fff}.pl-button:not(.pl-start-button):not(.pl-stop-button){background-color:#f8f9fa;border:1px solid #dee2e6;color:#333}.pl-button:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.main-plot{position:relative}@media (max-width:768px){.action-buttons,.bottom-controls,.control-group,.settings-controls{justify-content:flex-start;width:100%}.bottom-controls{align-items:flex-start;flex-direction:column}.iterations-display{margin-top:10px}.control-group,.pl-select{width:100%}}.rl-select{background-color:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.rl-select:focus{border-color:#4169e1e6;outline:none}.discount-control{align-items:center;display:flex;gap:8px;padding:0 5px}.discount-control label{color:#555;font-size:14px}.discount-input{border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 5px #0000001a;font-size:14px;padding:8px 12px;text-align:center;width:60px}.discount-input:focus{border-color:#4169e1e6;outline:none}.plots-container{display:flex;flex-direction:column;gap:30px;margin-top:20px}.plot-section{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px}.plot-section h3{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.main-plot{height:250px;width:100%}.sub-plot{height:150px;width:100%}@media (max-width:600px){.rl-control-panel{gap:8px}.rl-button,.rl-select{font-size:12px;padding:6px 12px}.discount-input{padding:6px 10px;width:50px}.discount-control label{font-size:12px}}
/*# sourceMappingURL=main.21de068c.css.map*/