:root{font-family:ui-rounded,"SF Pro Rounded",Inter,system-ui,sans-serif;color:#17233a;background:#fcf8f1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(620px 460px at -10% 0,#b9f2df 0%,transparent 68%),radial-gradient(760px 520px at 110% 8%,#ffd3ad 0%,transparent 68%),radial-gradient(740px 500px at 65% 110%,#d7d4ff 0%,transparent 70%),#fcf8f1}main{max-width:1480px;margin:auto;padding:32px clamp(18px,3vw,46px) 45px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow,.section-kicker{margin:0 0 7px;color:#356b75;letter-spacing:.12em;font-size:.7rem;font-weight:900}.section-kicker{font-size:.63rem}.topbar h1{font-size:clamp(2.1rem,4vw,3.15rem);line-height:.97;margin:0;letter-spacing:-.065em;color:#182947}.lede{margin:11px 0 0;color:#59677c;max-width:600px}.safe-badge{display:flex;gap:10px;align-items:center;padding:12px 15px;border:2px solid #264365;border-radius:16px;background:#fffdf9;box-shadow:5px 5px 0 #26436522;min-width:170px}.safe-badge span,.dot{width:10px;height:10px;border-radius:50%;background:#2ec49b;box-shadow:0 0 0 4px #2ec49b2b}.safe-badge strong,.safe-badge small{display:block}.safe-badge small{color:#68778e;font-size:.76rem;margin-top:2px}.notice{display:flex;gap:13px;align-items:flex-start;padding:14px 16px;margin:25px 0 15px;border:2px solid #e7a84b;border-radius:16px;background:#fff3cf;color:#735126;font-size:.88rem}.notice strong{color:#b2691c;white-space:nowrap}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.summary article{position:relative;padding:15px 16px;min-height:78px;border:2px solid #264365;border-radius:17px;background:#fffdf9;box-shadow:5px 5px 0 #2643651e;overflow:hidden}.summary article:nth-child(1){border-color:#218b78}.summary article:nth-child(2){border-color:#596bd4}.summary article:nth-child(3){border-color:#dc7a5b}.summary article:nth-child(4){border-color:#b27acb}.summary span{display:block;color:#6e7b8f;text-transform:uppercase;letter-spacing:.09em;font-size:.64rem;font-weight:900;margin-bottom:8px}.summary strong{display:block;font-size:.96rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.5fr);gap:15px;align-items:start}.left-column{display:grid;gap:15px}.card{background:#fffdf9;border:2px solid #264365;border-radius:18px;padding:18px;box-shadow:6px 7px 0 #26436520}.connection-card{border-color:#218b78}.positions-card{border-color:#596bd4}.control-card{border-color:#dc7a5b}.activity-card{border-color:#b27acb}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.card-heading h2{margin:0;font-size:1.15rem;letter-spacing:-.025em}.card-heading>span{color:#718096;font-size:.75rem}.hint,.bid-explainer,.risk-note{color:#68758a;font-size:.79rem;line-height:1.45}.hint{margin:10px 0 14px}.compact-grid,.position-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.position-editor{grid-template-columns:minmax(230px,2fr) repeat(2,minmax(110px,1fr));margin:17px 0}.side-hidden{display:none!important}.rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 0}.rule-grid label{border:2px solid #c9d4df;border-radius:14px;padding:11px;background:#f8fbfd;gap:5px}.rule-grid label span{font-size:.73rem;color:#4d5c72;font-weight:800}.rule-grid input{padding:4px 0;border:0;background:transparent;font-size:1.8rem;font-weight:850;width:100%;color:#294466}.rule-grid small{color:#8090a5;font-size:.67rem;line-height:1.25}.target-rule{border-color:#39a987!important;background:#e9faf2!important}.target-rule input{color:#178465}.stop-rule{border-color:#e08072!important;background:#fff0ed!important}.stop-rule input{color:#c95152}label{display:grid;gap:6px;color:#45556c;font-size:.73rem;font-weight:800}input,select,textarea,button{font:inherit;color:#1b2e4b}input,select,textarea{width:100%;border-radius:10px;border:2px solid #c3cfda;background:#fff;padding:10px;outline:none;transition:.15s border-color,.15s box-shadow}input[readonly]{color:#55657a;background:#f4f5f6}textarea{resize:vertical;min-height:58px}input:focus,select:focus,textarea:focus{border-color:#4c94ad;box-shadow:0 0 0 3px #82d3e43d}button{border:2px solid #203b60;border-radius:11px;padding:10px 14px;background:#77d5ce;color:#163653;box-shadow:3px 3px 0 #203b6040;font-weight:900;cursor:pointer;transition:.15s transform,.15s box-shadow}button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 #203b6040}button:disabled{opacity:.42;cursor:not-allowed}.quiet{background:#edf1f5;color:#4a5a70;border-color:#96a6ba;box-shadow:none}.danger{background:#ff9c87;color:#59263b;border-color:#a44158;box-shadow:3px 3px 0 #a4415840}.actions,.primary-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}#connectionState,#state{margin:12px 0 0;min-height:1.3em;color:#60728a;font-size:.78rem}.position-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-height:192px;overflow:auto}.position-list li{border:2px solid #c4d0df;border-radius:11px;padding:11px 12px;background:#fbfdff;color:#34465f;font-size:.8rem;cursor:pointer;transition:.15s border-color,.15s background,.15s transform}.position-list li:hover,.position-list li:focus{border-color:#596bd4;background:#eef0ff;transform:translateX(2px);outline:none}.position-list .empty{color:#8998a9;cursor:default}.mode-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:17px;padding:11px 12px;border-radius:12px;background:#eff9f8;border:2px solid #a4dcd5}.toggle{display:flex;align-items:center;gap:9px;color:#254a54;cursor:pointer}.toggle input{width:auto;accent-color:#2cb696}.simulation-control{width:154px;color:#68778e}.simulation-control input{padding:7px}.risk-note{margin:14px 0 0;padding-top:13px;border-top:2px dashed #d1d9df}.activity-card{margin-top:15px}.activity-card ol{max-height:118px;overflow:auto;margin:0;padding-left:20px;display:grid;gap:8px;color:#586b80;font-size:.78rem}.activity-card li::marker{color:#b27acb;font-weight:900}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.left-column{grid-template-columns:1fr 1fr}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){main{padding:22px 15px}.topbar{align-items:flex-start;flex-direction:column}.safe-badge{min-width:0}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.left-column,.compact-grid,.position-editor{grid-template-columns:1fr}.mode-row{align-items:stretch;flex-direction:column}.simulation-control{width:100%}.notice{display:block}.notice strong{display:block;margin-bottom:5px}}