: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}}body{background:#191c22}.site-title{text-align:center;font-size:2.8em;margin-top:0;margin-bottom:2.5rem;color:#fff;letter-spacing:2px;font-weight:900;font-family:Montserrat,Avenir,Arial,sans-serif;text-shadow:0 4px 24px #646cff55,0 1px 0 #23272f}.flow-root{min-height:100vh;min-width:100vw;width:100vw;height:100vh;display:flex;flex-direction:row;background:linear-gradient(120deg,#23272f,#646cff);overflow:hidden}.layout-left{width:420px;min-width:120px;max-width:520px;background:#1e222cd9;box-shadow:8px 0 32px #0005;display:flex;flex-direction:column;align-items:center;padding:3.5rem 1.5rem 2rem;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:2px solid #646cff33;transition:width .3s cubic-bezier(.4,2,.6,1),min-width .3s,max-width .3s;overflow-x:hidden}.layout-right{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:3.5rem 3.5rem 2rem;overflow-y:auto;background:none}.token-form{margin:0 auto 2.2rem;background:#282c3cf2;border-radius:18px;box-shadow:0 4px 24px #0003;padding:1.5rem 1.2rem;display:flex;gap:16px;justify-content:center;max-width:100%;transition:box-shadow .3s}.token-form input{flex:1;padding:.9em 1.2em;border-radius:10px;border:1.5px solid #646cff55;font-size:1.08em;background:#181a20;color:#fff;margin-right:12px;box-shadow:0 2px 8px #646cff11;transition:border .2s,box-shadow .2s}.token-form input:focus{border:2px solid #646cff;box-shadow:0 0 0 4px #646cff33}.token-form button{padding:.9em 2em;border-radius:10px;border:none;background:linear-gradient(90deg,#646cff 60%,#23272f);color:#fff;font-weight:700;font-size:1.08em;cursor:pointer;box-shadow:0 2px 8px #646cff22;transition:background .2s,transform .2s,box-shadow .2s}.token-form button:active{transform:scale(.97)}.token-form button:disabled{background:#888;cursor:not-allowed}.flow-chart{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:48px 36px;margin:0 auto;justify-items:center;align-items:stretch;max-width:1800px}.flow-token-group{display:flex;flex-direction:column;align-items:center;min-width:380px;min-height:420px;width:100%;position:relative}.token-info{background:#23272fd9;border-radius:22px;box-shadow:0 8px 32px #646cff33,0 1.5px 8px #646cff22;padding:2.5rem 2rem 1.5rem;color:#fff;text-align:left;min-width:340px;min-height:180px;max-width:480px;width:100%;margin-bottom:.5rem;cursor:pointer;transition:box-shadow .3s,transform .2s,background .2s;outline:none;border:2.5px solid #646cff33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;overflow:hidden}.token-info.selected{border:2.5px solid #646cff;box-shadow:0 0 0 6px #646cff33,0 8px 32px #646cff33;transform:scale(1.04);background:#646cff1f}.token-info:hover{box-shadow:0 0 0 8px #646cff44,0 8px 32px #646cff33;transform:scale(1.03);background:#646cff1a}.token-info h2{margin-top:0;margin-bottom:1.2rem;font-size:1.5em;font-family:Montserrat,Avenir,Arial,sans-serif;font-weight:800;letter-spacing:1px;color:#fff}.token-info p{margin:.4em 0;font-size:1.08em;color:#e0e0ff}.token-info a{display:inline-block;margin-top:1.2em;color:#646cff;text-decoration:underline;font-weight:600}.flow-add-strategy-row{display:flex;gap:12px;margin:1.5em 0 .7em;align-items:center}.flow-strategy-select{padding:.5em 1em;border-radius:9px;border:1.5px solid #646cff55;background:#23272f;color:#fff;font-size:1.08em}.flow-add-strategy-btn{padding:.5em 1.2em;border-radius:9px;border:none;background:linear-gradient(90deg,#646cff 60%,#23272f);color:#fff;font-weight:700;font-size:1.08em;cursor:pointer;box-shadow:0 2px 8px #646cff22;transition:background .2s,transform .2s,box-shadow .2s}.flow-add-strategy-btn.selected,.flow-add-strategy-btn:active{background:linear-gradient(90deg,#23272f,#646cff);transform:scale(.97);box-shadow:0 0 0 4px #646cff33}.flow-strategy-list{max-height:1000px;opacity:1;margin-top:.7em;transition:max-height .5s cubic-bezier(.4,2,.6,1),opacity .4s}.flow-strategy-row{display:flex;align-items:center;margin-bottom:1.5em;animation:fadeInRight .7s cubic-bezier(.4,2,.6,1)}@keyframes fadeInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.flow-arrow{margin-right:14px;flex-shrink:0;opacity:.7;transition:opacity .2s}.strategy-card{background:#181a20d9;border-radius:16px;padding:1.6rem 1.2rem 1.2rem;min-width:340px;min-height:180px;max-width:480px;width:100%;box-shadow:0 4px 24px #646cff22,0 1px 4px #646cff22;color:#fff;text-align:left;position:relative;transition:box-shadow .3s,transform .2s,background .2s;animation:fadeInScale .6s cubic-bezier(.4,2,.6,1);border:1.5px solid #646cff33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.strategy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9em}.strategy-type{font-weight:700;color:#646cff;font-size:1.15em;letter-spacing:1px}.delete-btn{background:none;border:none;color:#ff4d4f;font-size:1.3em;cursor:pointer;margin-left:8px;transition:color .2s,transform .2s}.delete-btn:hover{color:#ff7875;transform:scale(1.2)}.form-row{display:flex;flex-direction:column;margin-bottom:1.2em}.form-row label{font-size:1.08em;margin-bottom:.4em;color:#b3b3ff;font-weight:600}.strategy-card input{padding:.6em 1em;border-radius:9px;border:1.5px solid #646cff55;background:#23272f;color:#fff;font-size:1.08em;margin-bottom:.2em;box-shadow:0 2px 8px #646cff11;transition:border .2s,box-shadow .2s}.strategy-card input:focus{border:2px solid #646cff;box-shadow:0 0 0 4px #646cff33}.error{color:#ff4d4f;background:#2a1a1a;border-radius:10px;padding:.8em 1.2em;margin-top:1em;margin-bottom:1em;font-weight:700;text-align:center;font-size:1.08em}.flow-animate{animation:fadeInScale .6s cubic-bezier(.4,2,.6,1)}.sidebar-collapsed{width:60px!important;min-width:60px!important;max-width:60px!important;padding:1.2rem .3rem!important;align-items:flex-start!important}.quick-select-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;justify-content:flex-start}.quick-select-row.positive{margin-bottom:0;margin-top:.2em;justify-content:flex-start}.quick-select-row.negative{margin-top:.2em;margin-bottom:1em;justify-content:flex-start}.quick-btn-positive{background:linear-gradient(90deg,#2ecc40 60%,#23272f)!important;color:#fff!important;border:2px solid #2ecc40!important}.quick-btn-negative{background:linear-gradient(90deg,#ff4d4f 60%,#23272f)!important;color:#fff!important;border:2px solid #ff4d4f!important}.quick-btn-positive.selected,.quick-btn-positive:active{background:linear-gradient(90deg,#27ae60,#2ecc40)!important;box-shadow:0 0 0 4px #2ecc4033!important}.quick-btn-negative.selected,.quick-btn-negative:active{background:linear-gradient(90deg,#c0392b,#ff4d4f)!important;box-shadow:0 0 0 4px #ff4d4f33!important}@media (max-width: 1100px){.flow-root{flex-direction:column}.layout-left{width:100vw;max-width:100vw;min-width:0;box-shadow:none;padding:2rem .5rem 1.2rem;border-right:none;border-bottom:2px solid #646cff33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.layout-right{padding:2rem .5rem 1.2rem}.flow-chart{gap:28px 10px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.flow-token-group,.token-info,.strategy-card{min-width:0;max-width:100vw}}@media (max-width: 600px){.layout-left,.layout-right{padding:.5rem .2rem}.flow-chart{gap:10px 4px;grid-template-columns:1fr}.token-info,.strategy-card{padding:1.1rem .5rem .8rem;min-width:0;max-width:100vw}}