.ss{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.ss__bar{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;color:var(--text-tertiary)}.ss__bar p,.ss__title{margin:0}.ss__task{margin:0;max-width:36ch;color:var(--text-secondary)}.ss__panels{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}@media(min-width:620px){.ss__panels{flex-direction:row;align-items:center;justify-content:center;gap:28px}}.ss__stage{width:min(100%,16rem);user-select:none;-webkit-user-select:none;aspect-ratio:200 / 188;touch-action:none;cursor:ns-resize;-webkit-tap-highlight-color:transparent}.ss__stage svg{width:100%;height:100%}.ss-solid__body{fill:var(--blue-40);stroke:var(--blue-70);stroke-width:2;stroke-linejoin:round}.ss-solid__cap{fill:var(--blue-30);stroke:var(--blue-70);stroke-width:2}.ss-solid__equator{fill:none;stroke:var(--blue-70);stroke-width:1.2;opacity:.45}.ss-plane{fill:var(--orange-60);fill-opacity:.38;stroke:var(--orange-70);stroke-width:1.6}.ss-face{fill:var(--yellow-60);fill-opacity:.92;stroke:var(--yellow-70);stroke-width:2}.ss-grip rect{fill:var(--grey-white);stroke:var(--orange-70);stroke-width:1.8}.ss-grip path{fill:none;stroke:var(--orange-70);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ss__cut{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 18px;border:1px solid var(--card-border);border-radius:var(--card-radius-inner);background:var(--grey-white)}.ss__cut>p{margin:0;color:var(--text-tertiary)}.ss__cut svg{width:7.5rem;height:7.5rem}.ss-cut__ghost{fill:none;stroke:var(--grey-40);stroke-width:1.5;stroke-dasharray:4 5}.ss-cut__shape{fill:var(--yellow-60);fill-opacity:.9;stroke:var(--yellow-70);stroke-width:2.5;transition:r .12s linear}.ss__cut .ss__cut-name{color:var(--text-primary)}.ss-cube__body{fill:var(--blue-30);fill-opacity:.82;stroke:var(--blue-70);stroke-width:2;stroke-linejoin:round}.ss-cube__edges line{stroke:var(--blue-70);stroke-width:1.6;stroke-linecap:round}.ss-cube__hidden line{stroke:var(--blue-70);stroke-width:1.1;stroke-dasharray:3 4;opacity:.35}.ss-cube__ghost{fill:var(--orange-60);fill-opacity:.3;stroke:var(--orange-70);stroke-width:1.4;stroke-linejoin:round}.ss-found{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ss-found__chip{padding:3px 10px;border-radius:999px;border:1px dashed var(--grey-40);background:transparent;color:var(--text-tertiary);transition:background .2s ease,color .2s ease,border-color .2s ease}.ss-found__chip.is-found{border-style:solid;border-color:var(--grey-100);background:var(--grey-100);color:var(--grey-white)}.ss__dials{width:min(100%,20rem);display:flex;flex-direction:column;gap:10px}.ss__slider{width:100%;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.ss__slider span{color:var(--text-tertiary)}.ss__slider input{width:100%;accent-color:var(--teal-primary);height:32px}.ss__quiz{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.ss__nudge{margin:0;color:var(--text-tertiary)}.ss__quiz.is-open{padding-top:8px;border-top:1px solid var(--card-border);animation:ss-reveal .42s var(--card-ease, cubic-bezier(.2,.7,.3,1))}@keyframes ss-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ss__question{margin:0;max-width:30ch}.ss__options{width:min(100%,26rem);display:flex;flex-direction:column;gap:8px}.ss-option{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid var(--card-border-strong);border-radius:14px;background:var(--grey-white);color:var(--text-primary);text-align:left;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:border-color .14s ease,background .14s ease,transform .14s ease}.ss-option:not(:disabled):hover{border-color:var(--grey-60)}.ss-option:not(:disabled):active{transform:scale(.99)}.ss-option:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}.ss-option:disabled{opacity:.5;cursor:default}.ss-option.is-right{background:var(--success-10);border-color:var(--success-30)}.ss-option.is-wrong{background:var(--error-20);border-color:var(--error-30)}.ss__feedback{margin:0;max-width:40ch;color:var(--text-secondary)}.ss__feedback.is-right,.ss__feedback.is-wrong{padding:10px 14px;border-radius:12px;border:1px solid;color:var(--grey-90)}.ss__feedback.is-right{background:var(--success-10);border-color:var(--success-30)}.ss__feedback.is-wrong{background:var(--error-20);border-color:var(--error-30)}.ss__actions:empty{display:none}
