.cstt-interactions{--ci-bg:#15243a;--ci-text:#edf3ff;--ci-border:#58718f;--ci-accent:#8edcc1;color:var(--ci-text);font:inherit;max-width:100%;box-sizing:border-box;text-align:left}
.cstt-interactions button,.cstt-interactions select{font:inherit;color:var(--ci-text);background:var(--ci-bg);border:1px solid var(--ci-border);border-radius:8px;min-height:44px;max-width:100%;cursor:pointer;box-sizing:border-box;padding:8px 12px}
.cstt-interactions button:focus-visible,.cstt-interactions select:focus-visible{outline:3px solid var(--ci-accent);outline-offset:3px}
.cstt-interactions button:disabled,.cstt-interactions select:disabled{cursor:default;opacity:.65}
.cstt-interactions .cstt-interaction-help{font-size:.9em;line-height:1.5;color:var(--ci-text);margin:0 0 14px}
.cstt-interaction-order{margin:0;padding-left:28px;display:grid;gap:10px}
.cstt-interaction-step{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--ci-border);border-radius:10px;padding:10px;background:var(--ci-bg);counter-increment:ci-step}
.cstt-interaction-label{min-width:0;overflow-x:auto;overflow-wrap:anywhere;line-height:1.6}
.cstt-interaction-moves{display:flex;gap:5px}
.cstt-interaction-handle{touch-action:none;user-select:none;font-size:22px!important;cursor:grab!important}
.cstt-interaction-sentence{line-height:2.1;margin-bottom:18px;overflow-wrap:anywhere}
.cstt-interaction-slot{display:inline-flex;flex-direction:column;vertical-align:middle;max-width:100%;min-width:140px;padding:8px;margin:5px;border:2px dashed var(--ci-border);border-radius:10px;gap:5px}
.cstt-interaction-slot-face{line-height:1.6;overflow-x:auto}
.cstt-interaction-select{width:100%;font-size:14px!important}
.cstt-interaction-filled{border-style:solid;border-color:var(--ci-accent)}
.cstt-interaction-bank{display:flex;flex-wrap:wrap;gap:10px}
.cstt-interaction-card{display:flex;align-items:stretch;gap:5px;max-width:100%;min-width:0}
.cstt-interaction-pick{overflow-x:auto;line-height:1.6;text-align:left}
.cstt-interaction-pick[aria-pressed="true"]{border:2px solid var(--ci-accent);box-shadow:0 0 0 2px #8edcc133}
.cstt-interaction-drop-target{outline:3px solid var(--ci-accent);outline-offset:2px}
.cstt-interaction-status{min-height:1.5em;font-size:.9em;margin:10px 0}
.cstt-interaction-submit{width:auto!important;background:#22634e!important;margin:8px 0}
.cstt-interaction-ghost{position:fixed;z-index:99999;pointer-events:none;max-width:260px;background:#18384c;color:#fff;border:2px solid var(--ci-accent);padding:10px;border-radius:8px;opacity:.9}
#cstt-interactions-preview{background:#0b1628;padding:20px;border-radius:10px;margin-top:12px}
@media(max-width:480px){.cstt-interaction-order{padding-left:0}.cstt-interaction-step{gap:6px;padding:8px;grid-template-columns:44px minmax(0,1fr)}.cstt-interaction-moves{grid-column:2;justify-content:flex-end}.cstt-interaction-slot{width:100%;margin:6px 0;box-sizing:border-box}.cstt-interaction-pick{padding:8px!important}.cstt-interaction-card{width:100%}.cstt-interaction-pick{flex:1}}

.cstt-interaction-choice-number{display:block;font:12px/1.5 system-ui,sans-serif!important;color:#a5bdd1;margin-bottom:5px}