#ds-ocka{--g:#B89255;--g2:#E3B257;--gd:#8A6A22;--ink:#23211C;--mut:#736E62;--ln:#E7E0CF;--soft:#FBF7EF;--gl:#FCF5E6;
  font-family:'Segoe UI',Arial,Helvetica,sans-serif;color:var(--ink);max-width:820px;margin:24px auto;
  background:#fff;border:1px solid var(--ln);border-radius:20px;overflow:hidden;box-shadow:0 10px 34px rgba(35,33,28,.08)}
#ds-ocka *{box-sizing:border-box}
#ds-ocka .dso-acc{height:5px;background:linear-gradient(90deg,#E9C877,#B89255 55%,#8A6A22)}
#ds-ocka .dso-pad{padding:26px 28px 30px}
#ds-ocka .dso-eb{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gd);font-weight:700;display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}
#ds-ocka .dso-eb::before{content:"";width:20px;height:1.5px;background:var(--g)}
#ds-ocka .dso-title{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:700;line-height:1.18;margin:0 0 8px}
#ds-ocka .dso-lead{font-size:14.5px;line-height:1.65;color:var(--mut);margin:0 0 22px;max-width:60ch}
#ds-ocka .dso-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}
#ds-ocka .dso-stage{background:linear-gradient(160deg,#FBF7EF,#F3ECDD);border:1px solid var(--ln);border-radius:16px;padding:14px}
#ds-ocka svg{display:block}
#ds-ocka .dso-hit{cursor:pointer}
#ds-ocka .dso-slot .mark{transition:stroke .15s,opacity .15s}
#ds-ocka .dso-slot:hover .mark{stroke:var(--g);opacity:1}
#ds-ocka .dso-eye{transform-origin:center;transform-box:fill-box;animation:dsoPop .28s cubic-bezier(.34,1.56,.64,1)}
@keyframes dsoPop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
#ds-ocka .dso-legend{display:flex;gap:18px;justify-content:center;margin-top:10px;font-size:11.5px;color:#8E897C}
#ds-ocka .dso-legend span{display:inline-flex;align-items:center;gap:6px}
#ds-ocka .dso-dot{width:12px;height:12px;border-radius:50%;display:inline-block}
#ds-ocka .dso-dot.dso-on{border:3px solid var(--g)}
#ds-ocka .dso-dot.dso-free{border:1.5px dashed #B4B0A4}
#ds-ocka .dso-line{width:17px;height:0;border-top:2px dashed #9b8e74;display:inline-block}
#ds-ocka .dso-step{font-size:13px;font-weight:600;color:var(--ink);margin:0 0 9px}
#ds-ocka .dso-step b{color:var(--gd);font-family:Georgia,serif;margin-right:6px}
#ds-ocka .dso-presets{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
#ds-ocka .dso-preset{font-size:13px;padding:9px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--ln);background:#fff;color:var(--mut);font-family:inherit;transition:.18s}
#ds-ocka .dso-preset:hover{border-color:var(--g);color:var(--gd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(184,146,85,.18)}
#ds-ocka .dso-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
#ds-ocka .dso-stat{background:linear-gradient(160deg,#FFFFFF,#FBF6EC);border:1px solid var(--ln);border-radius:13px;padding:14px 16px}
#ds-ocka .dso-stat span{display:block;font-size:12.5px;color:var(--mut);margin-bottom:3px}
#ds-ocka .dso-stat b{font-family:Georgia,serif;font-size:27px;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#B89255,#8A6A22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#ds-ocka .dso-recap{background:var(--gl);border:1px solid #ECDcb4;border-radius:14px;padding:14px 17px}
#ds-ocka .dso-recap-h{font-size:12.5px;letter-spacing:.3px;color:var(--gd);font-weight:700;margin-bottom:7px;text-transform:uppercase}
#ds-ocka #dso-recap{font-size:14px;color:#5b5237;line-height:1.95}
#ds-ocka #dso-recap b{color:var(--ink)}
@media (max-width:640px){#ds-ocka .dso-grid{grid-template-columns:1fr}#ds-ocka .dso-title{font-size:22px}}
#ds-ocka .dso-apply{margin-top:14px;width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(180deg,#C8A24E,#9A6E15);color:#fff;border:0;border-radius:12px;
  font-family:inherit;font-size:15px;font-weight:700;padding:14px 18px;cursor:pointer;letter-spacing:.3px;
  box-shadow:0 6px 16px rgba(154,110,21,.28);transition:transform .15s,box-shadow .15s,background .2s}
#ds-ocka .dso-apply:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(154,110,21,.34)}
#ds-ocka .dso-apply.ok{background:linear-gradient(180deg,#3D8B57,#2C6B41);box-shadow:0 6px 16px rgba(44,107,65,.3)}