.sodk-wrap{position:relative;min-height:380px;display:flex;align-items:center;width:100%}
.sodk-card{width:100%;background:#faf7f0;border:1px solid #ddd5c4;border-radius:16px;overflow:hidden;box-shadow:0 22px 44px rgba(11,50,55,.15)}
.sodk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b3237;padding:12px 17px}
.sodk-ht{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#e8f2ef}
.sodk-st{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:800;letter-spacing:.1em;color:#0b3237;background:var(--sodkA);border-radius:9px;padding:3px 9px;color:#fff}
.sodk-main{display:block}
.sodk-keys{display:none}
.sodk-body{padding:14px 17px 4px}
.sodk-namerow{padding:2px 0 9px;border-bottom:1px dashed #ddd5c4;opacity:0;transform:translateX(-14px);transition:opacity .5s ease .1s,transform .5s ease .1s}
.sodk-go .sodk-namerow{opacity:1;transform:none}
.sodk-lbl{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;letter-spacing:.16em;color:#5d6b66;margin-bottom:5px}
.sodk-nmline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:24px}
.sodk-nm{display:block;font-family:'Source Serif 4',serif;font-size:19px;font-weight:700;color:#14333a;border-right:2px solid var(--sodkA);padding-right:3px;min-height:23px}
.sodk-done .sodk-nm{border-right-color:transparent}
.sodk-own{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--sodkA);border-radius:8px;padding:3px 9px;opacity:0;transform:translateX(8px);transition:opacity .4s ease,transform .4s ease}
.sodk-done .sodk-own{opacity:1;transform:none}
.sodk-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px dashed #e4ddcc;opacity:0;transform:translateX(-14px);transition:opacity .5s ease,transform .5s ease}
.sodk-row:last-child{border-bottom:0}
.sodk-go .sodk-row{opacity:1;transform:none}
.sodk-r1{transition-delay:.26s}.sodk-r2{transition-delay:.42s}.sodk-r3{transition-delay:.58s}.sodk-r4{transition-delay:.74s}
.sodk-ic{flex:0 0 auto;width:18px;height:18px;border-radius:5px;background:rgba(168,132,46,.16);color:var(--sodkA);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;margin-top:1px}
.sodk-rt{font-family:Inter,-apple-system,sans-serif;font-size:13px;line-height:1.45;color:#2c4046}
.sodk-rt b{color:#14333a}
.sodk-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 17px;background:#f1ece0}
.sodk-final{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:800;letter-spacing:.13em;color:#0b3237;border:1.5px solid var(--sodkA);border-radius:9px;padding:4px 10px;opacity:0;transform:translateX(-10px);transition:opacity .45s ease .2s,transform .45s ease .2s}
.sodk-done .sodk-final{opacity:1;transform:none}
.sodk-cta{font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:700;color:#fff!important;background:#0b3237!important;background-image:none!important;border-radius:9px;padding:8px 14px;text-decoration:none;white-space:nowrap}
.sodk-g1 .sodk-main{display:grid;grid-template-columns:64px 1fr;align-items:stretch}
.sodk-g1 .sodk-keys{display:flex;flex-direction:column;gap:8px;padding:14px 0 14px 14px}
.sodk-g1 .sodk-key{display:block;width:34px;height:34px;border-radius:9px;background:#0b3237;border:1px solid var(--sodkA);opacity:.9}
.sodk-g1 .sodk-key:first-child{background:var(--sodkA)}
.sodk-g2 .sodk-head{padding:16px 17px;border-bottom:3px solid var(--sodkA)}
.sodk-g2 .sodk-card{border-radius:20px 20px 14px 14px}
.sodk-g3 .sodk-card{border-right:10px solid var(--sodkA);border-radius:16px 8px 8px 16px}
.sodk-g3 .sodk-foot{background:#0b3237}
.sodk-g3 .sodk-final{color:#e8f2ef;border-color:var(--sodkA)}
.sodk-g3 .sodk-cta{background:var(--sodkA)!important}
@media (max-width:900px){.sodk-foot{justify-content:flex-start}.sodk-g1 .sodk-main{grid-template-columns:1fr}.sodk-g1 .sodk-keys{flex-direction:row;padding:14px 14px 0}}
@media (max-width:700px){.sodk-hgrid{grid-template-columns:1fr!important}.sodk-wrap{min-height:0;margin-top:6px}}
@media (prefers-reduced-motion: reduce){.sodk-namerow,.sodk-row,.sodk-own,.sodk-final{opacity:1!important;transform:none!important;transition:none!important}.sodk-nm{border-right-color:transparent!important}}