:root{font-family:ui-sans-serif,system-ui,PingFang SC,sans-serif;color:#eef4f7;background:#09101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#15273a 0,transparent 36%),#09101b}button{font:inherit}main{max-width:1240px;margin:auto;padding:28px 32px 60px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263242;padding-bottom:20px}.brand{font-size:26px;font-weight:900;letter-spacing:.15em}.brand span{font-size:11px;color:#718198}.privacy{font-size:12px;color:#7ee7d8}.hero{padding:50px 0 32px;display:flex;justify-content:space-between;align-items:end}.eyebrow{color:#fc6;font-size:11px;letter-spacing:.25em}.hero h1{font-size:clamp(34px,5vw,64px);margin:8px 0 12px;line-height:1}.hero p:not(.eyebrow){color:#94a3b8;max-width:630px;line-height:1.7}.total{text-align:right}.total b{display:block;font-size:46px}.total span{color:#718198;font-size:12px}.workspace{display:grid;grid-template-columns:250px 1fr;border:1px solid #2b394c;background:#0d1624}.workspace aside{padding:24px;border-right:1px solid #2b394c}.step{display:grid;grid-template-columns:30px 1fr;gap:8px;margin-bottom:26px}.step i{font-style:normal;color:#526176;font:11px ui-monospace,monospace}.step b{font-size:13px}.seg{display:flex;margin-top:11px;background:#07101c;padding:3px}.seg button,.filters button{border:0;background:transparent;color:#728197;padding:8px 10px;cursor:pointer}.seg button.active,.filters button.active{color:#fff;background:#26364b}.periods{display:grid;gap:6px;margin-top:10px}.periods button{text-align:left;background:transparent;border:1px solid #26364b;color:#95a4b8;padding:9px;cursor:pointer}.periods button span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot);margin-right:8px}.periods button.active{border-color:var(--dot);color:#fff}.hint{font-size:12px;color:#718198;line-height:1.7;border-left:2px solid #ffcc66;padding-left:10px}.actions{display:flex;gap:6px;margin-top:26px}.actions button{background:transparent;color:#8fa0b5;border:1px solid #2b394c;padding:7px 9px;cursor:pointer}.actions .danger{color:#ff8f8f}.stage{min-width:0;position:relative}.stagebar{height:66px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between}.stagebar strong,.stagebar small{display:block}.stagebar small{font-size:10px;color:#65758a;margin-top:3px}.filters{display:flex;gap:3px}.filters button{font-size:11px;padding:6px 8px}canvas{display:block;width:100%;height:510px;touch-action:none;cursor:crosshair}.empty{position:absolute;pointer-events:none;left:50%;top:55%;transform:translate(-50%,-50%);color:#7f8da0;text-align:center;font-size:15px}.empty span{font-size:11px}.summary{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:42px 0}.summary>div>span{font-size:11px;color:#fc6;letter-spacing:.2em}.summary h2{margin:8px 0;font-size:24px}.bars{display:grid;gap:14px}.bars label{display:flex;justify-content:space-between;font-size:12px;color:#91a0b2}.bars i{display:block;height:4px;background:#202c3b;margin-top:7px}.bars em{height:100%;display:block;transition:.3s}@media(max-width:760px){main{padding:18px}.hero{align-items:start}.total{display:none}.workspace{grid-template-columns:1fr}.workspace aside{border-right:0;border-bottom:1px solid #2b394c}.stagebar{height:auto;gap:10px;align-items:flex-start}.filters{flex-wrap:wrap;justify-content:flex-end}canvas{height:390px}.summary{grid-template-columns:1fr}.hero{padding-top:34px}}