.twin-tutorial[hidden]{display:none}.twin-tutorial{position:fixed;right:18px;top:120px;bottom:24px;width:min(390px,calc(100vw - 24px));z-index:75;background:#fff;color:#1e293b;border:1px solid #dbe3ef;border-radius:16px;box-shadow:0 12px 45px #17315326;display:flex;flex-direction:column;font-size:14px;line-height:1.6}.twin-tutorial header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e2e8f0}.twin-tutorial h2{font-size:17px;margin:0}.twin-tutorial small{color:#64748b}.twin-body{overflow:auto;padding:16px 18px}.twin-tutorial h3{font-size:17px;margin:16px 0 10px}.twin-tutorial h4{margin-bottom:8px}.twin-tutorial button{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:8px;padding:8px 10px;cursor:pointer;margin:4px 4px 4px 0;font:inherit}.twin-tutorial button:disabled{opacity:.45;cursor:default}.twin-tutorial [data-action=start],.twin-tutorial [data-action=next],.twin-tutorial [data-action=motion]{background:#2563eb;color:#fff}.twin-tutorial select{width:100%;padding:9px;margin-top:6px;border:1px solid #cbd5e1;border-radius:8px}.twin-tutorial progress{width:100%;height:6px;accent-color:#2563eb}.twin-tutorial ol,.twin-tutorial ul{padding-left:22px}.twin-tutorial li{margin-bottom:9px}.twin-check{padding:10px;background:#ecfdf5;border-radius:8px;color:#065f46}.twin-note{padding:10px;background:#fffbeb;border-radius:8px;color:#92400e}.twin-tutorial details{border-bottom:1px solid #e2e8f0;padding:10px 0}.twin-tutorial summary{cursor:pointer;font-weight:600}.twin-parts{list-style:none;padding:0!important}.twin-parts span{display:block;color:#475569;font-size:12px}.twin-tutorial nav{display:flex;justify-content:space-between;margin-top:14px}.twin-feedback{color:#b45309}.twin-tutorial button:focus-visible,.twin-tutorial select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}@media(max-width:700px){.twin-tutorial{right:12px;top:auto;bottom:12px;max-height:65vh}.twin-tutorial header{padding:10px 14px}.twin-body{padding:12px 14px}}