:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#e6edf5;background:#0b1220;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1550px;margin:auto;padding:32px 28px}header{display:flex;justify-content:space-between;gap:20px;color:#8bafc0;font-size:12px}.tag{border:1px solid #4d7770;border-radius:20px;padding:7px 12px;color:#8fe3c4}h1{font-size:34px;margin:28px 0 9px}h2{font-size:19px;margin-top:30px}.intro,.hint,footer{color:#91a5ba;font-size:12px;line-height:1.8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.metric,.notice{border:1px solid #2c3d51;border-radius:12px;padding:18px;background:#111d2d}.metric small{display:block;color:#92a8bc;font-size:11px}.metric b{display:block;font-size:21px;margin-top:8px;font-weight:600}.notice{font-size:12px;line-height:1.8;color:#a9bbcc}.notice strong{color:#e5ce8d}.notice p{margin:8px 0}.table-wrap{overflow:auto;border:1px solid #2b3d52;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{padding:15px 12px;border-bottom:1px solid #26374a;text-align:right}th{color:#9bb0c2;font-size:11px;background:#152336}th:first-child,td:first-child{text-align:left}.pos{color:#77e3b3}.neg{color:#fa9eaa}.fill{padding:11px 0;border-bottom:1px solid #25354a;font-size:12px;color:#b7c6d7}footer{margin-top:30px}@media(max-width:700px){main{padding:23px 15px}.metrics{grid-template-columns:repeat(2,1fr)}h1{font-size:27px}.metric{padding:14px}.metric b{font-size:17px}}

.strategy-groups{display:grid;gap:24px;margin-top:20px}.strategy-group{padding:22px;border:1px solid #2c3d51;border-radius:16px;background:#101b2a}.strategy-group h3{margin:0;font-size:23px}.strategy-group.long h3{color:#77e3b3}.strategy-group.neutral h3{color:#9dbbff}.strategy-group>.hint{margin:7px 0 20px}.amount-group+.amount-group{margin-top:24px}.amount-group h4{margin:0 0 11px;font-size:15px;color:#d5dfec}.amount-group td:nth-child(2){font-weight:700;background:#172637}.amount-group th:nth-child(2){color:#e5edf6}@media(max-width:700px){.strategy-group{padding:14px}.strategy-group h3{font-size:20px}}

.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}

.capacity{margin:24px 0 30px;padding:20px;border:1px solid #2c3d51;border-radius:14px;background:#111d2d}.capacity h2{margin:0 0 12px}.capacity p{color:#a9bbcc;font-size:13px;line-height:1.7}.capacity .capacity-note{font-size:12px;margin-bottom:0}.capacity .table-wrap{margin:16px 0}.capacity th,.capacity td{text-align:right}.capacity th:first-child,.capacity td:first-child{text-align:left}

.latest-fill{color:#f5d45f;font-size:13px;line-height:1.8;margin:0 0 18px;padding:12px 15px;border-left:3px solid #d9b842;border-radius:5px;background:#292516}

.results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.period-link{display:inline-block;color:#e5cf85;border:1px solid #7d693a;padding:10px 14px;border-radius:10px;text-decoration:none;font-size:13px}.period-presets{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 18px}button,input{font:inherit;background:#152336;color:#e6edf5;border:1px solid #354c66;border-radius:9px;padding:10px 12px}button{cursor:pointer}button[aria-pressed=true]{background:#36503d;border-color:#83caa0}#period-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}#period-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#adbed0}#period-form input{color-scheme:dark}.strategy-group h4{color:#cad9e7;margin:23px 0 12px}

.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;margin:20px 0}.slot{display:flex;flex-direction:column;gap:9px;min-height:135px;padding:15px;border:1px solid #33444e;border-radius:13px;background:#15232c}.slot.held{background:#123e34;border-color:#55a88c}.slot.partial{border-color:#dfbe5b}.slot.closed{background:#3c2333;border-color:#ba718b}.slot b{font-size:21px}.slot small{line-height:1.5}.slot span{font-size:13px}#more-slots{padding:12px 18px;border:1px solid #52626b;border-radius:10px;background:#162b35;color:#edf5f7;cursor:pointer}.metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media(max-width:540px){.slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.slot{padding:10px;min-height:128px}.slot b{font-size:17px}.slot span,.slot small{font-size:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.compare-tabs{display:flex;gap:12px;margin:18px 0}.compare-tabs button{padding:14px 22px;background:#172b35;border:1px solid #52626b;color:#edf5f7;border-radius:12px;cursor:pointer}.compare-tabs button[aria-pressed="true"]{background:#205647;border-color:#7ad5b4}#comparison .metric{display:flex;flex-direction:column;gap:10px}
.compare-tabs{flex-wrap:wrap}.slot:has(small:first-child){overflow-wrap:anywhere}
.slot-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.slot-group{min-width:0;padding:18px;border:1px solid #42615c;border-radius:18px;background:#102b29}.slot-group.short{border-color:#68536d;background:#2b2030}.slot-group>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.slot-group h3{margin:0;color:#7de0bb;font-size:22px}.slot-group.short h3{color:#dab2eb}.slot-group>header>span,.group-summary{font-size:12px;color:#c4d1d7;line-height:1.8}.slot-group .slots{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.slot-group button{width:100%;margin-top:4px}@media(max-width:850px){.slot-groups{grid-template-columns:1fr}}@media(max-width:540px){.slot-group{padding:12px}.slot-group .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}}

.pnl-positive{color:#ff7e88!important}.pnl-negative{color:#6cb4ff!important}
.backtest-risk{padding:18px;border:1px solid #fa7e8b;border-radius:14px;background:#45232f;color:#ffb3bd;line-height:1.7}