.tss{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.tss__bar{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.tss__step{margin:0;color:var(--text-tertiary)}.tss__task{margin:0;max-width:40ch;color:var(--text-secondary)}.tss__belt,.tss__boxes{width:100%}.tss__belt>p{margin:0 0 8px;color:var(--text-tertiary)}.tss__shirts{list-style:none;margin:0;padding:12px 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;min-height:74px;border-radius:var(--card-radius-inner);background:var(--grey-20);border:1px solid var(--grey-30)}.tss__shirts li{display:flex;transition:opacity .2s ease,transform .2s ease}.tss__shirts li.is-gone{opacity:0;transform:translateY(-8px) scale(.8)}.tss-shirt{width:38px;height:42px}@media(min-width:560px){.tss-shirt{width:46px;height:50px}}.tss-code{width:100%;max-width:30rem;text-align:left;padding:14px;border-radius:var(--card-radius-inner);border:1px solid var(--card-border-strong);background:var(--grey-white);display:flex;flex-direction:column;gap:6px}.tss-code__line{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:var(--font-body, "Nunito", system-ui, sans-serif);font-size:15px;line-height:1.5;color:var(--text-primary)}.tss-code__head{color:var(--text-secondary)}.tss-code__branch{padding-left:12px;margin-left:4px;border-left:2px solid var(--grey-30);display:flex;flex-direction:column;gap:4px}.tss-code__line--then{padding-left:14px}.tss-kw{font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-weight:700;font-size:13px;color:var(--grey-90);background:var(--grey-20);border:1px solid var(--grey-30);border-radius:6px;padding:2px 7px}.tss-blank{min-height:40px;padding:6px 30px 6px 12px;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:14px;font-weight:600;color:var(--text-primary);background:var(--grey-white);border:1.5px dashed var(--grey-50);border-radius:10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--grey-80) 50%),linear-gradient(135deg,var(--grey-80) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.tss-blank.is-filled{border-style:solid;border-color:var(--grey-60)}.tss-blank:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}.tss-blank:disabled{cursor:default;color:var(--text-secondary);background-color:var(--grey-20);border-style:solid;border-color:var(--grey-40)}.tss-pinned{color:var(--text-tertiary)}.tss__actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.tss__boxes{display:grid;grid-template-columns:repeat(var(--boxes, 2),minmax(0,1fr));gap:clamp(6px,2vw,12px)}.tss-box{display:flex;flex-direction:column;gap:8px;padding:12px 10px;min-height:110px;border-radius:var(--card-radius-inner);border:1.5px solid var(--grey-40);background:var(--grey-10);transition:background .2s ease,border-color .2s ease}.tss-box>p{margin:0;color:var(--text-tertiary)}.tss-box ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center}.tss-box.is-right{background:var(--success-10);border-color:var(--success-30)}.tss-box.is-wrong{background:var(--error-20);border-color:var(--error-30)}.tss-shirt.is-landing{animation:tss-land .26s var(--card-ease, cubic-bezier(.2,.7,.3,1))}@keyframes tss-land{0%{opacity:0;transform:translateY(-14px) scale(.7)}to{opacity:1;transform:none}}.tss__feedback{margin:0;max-width:42ch;color:var(--text-secondary)}.tss__feedback:empty{display:none}.tss__feedback.is-right,.tss__feedback.is-wrong{padding:10px 14px;border-radius:12px;border:1px solid;color:var(--grey-90)}.tss__feedback.is-right{background:var(--success-10);border-color:var(--success-30)}.tss__feedback.is-wrong{background:var(--error-20);border-color:var(--error-30)}.tss__next:empty{display:none}