.thread-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:48px;height:48px;border:0;background:transparent;color:#fff5cf;font:34px Georgia;text-shadow:0 1px 6px #374939;cursor:pointer}.thread-seed:hover,.thread-seed:focus-visible,.thread-seed[data-discovering=true]{border:1px solid #fff1bf99;border-radius:50%;background:#5a614744}
.thread-swatches button:disabled{cursor:default;opacity:.55}.thread-swatches button:disabled[aria-pressed=true]{opacity:1}
#thread-loom{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;overflow:hidden;background:#e1d4ba;color:#4d553f}#thread-loom::backdrop{background:#45543d}#thread-loom canvas{position:absolute;inset:0;outline:none;touch-action:none}#thread-loom header{position:absolute;top:25px;left:90px;right:90px;text-align:center;pointer-events:none}#thread-loom header p{font:10px/1.4 system-ui;letter-spacing:.22em;margin:0 0 8px}#thread-loom h2{font:italic 34px/1.2 Georgia;font-weight:400;margin:0}.thread-close{position:absolute;right:25px;top:23px;width:48px;height:48px;border:1px solid #8b896770;border-radius:50%;background:#e9dfc9;color:#536044;font:32px Georgia;cursor:pointer}
#thread-loom footer{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:20px 30px 18px;background:linear-gradient(0deg,#e5dbc3 91%,#e5dbc300)}.thread-invitation{font:italic 21px Georgia;margin:0 0 14px}.thread-swatches,.thread-controls{display:flex;justify-content:center;align-items:center;gap:12px}.thread-swatches{margin-bottom:12px}.thread-swatches button{display:flex;align-items:center;gap:8px;background:transparent;color:#576047;border:1px solid transparent;border-bottom-color:#8b917366;padding:7px 12px;font:14px Georgia;cursor:pointer}.thread-swatches button[aria-pressed=true]{border-color:#8c9279;border-radius:4px;background:#f1e7cc}.thread-swatches span{width:25px;height:10px;border-radius:50%;background:var(--thread-colour);box-shadow:inset 0 2px #fff5,inset 0 -2px #0002}.thread-swatches label{display:flex;gap:8px;align-items:center;font:13px Georgia;padding-left:15px}.thread-swatches input{width:95px;accent-color:#788667}.thread-controls button{font:14px Georgia;padding:9px 15px;min-height:38px;border:1px solid #9b9e8055;border-radius:3px;background:#eef0dc;color:#526047;cursor:pointer}.thread-controls button:disabled{opacity:.45;cursor:default}.thread-controls [data-thread-mute]{font-size:22px;padding:4px 16px}.thread-response{font:italic 13px Georgia;margin:11px 0 8px;min-height:16px;color:#787763}#thread-loom details{max-width:730px;margin:auto;font:10px/1.5 system-ui;color:#7b7e69}#thread-loom summary{cursor:pointer;list-style:none}#thread-loom details[open]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:640px;background:#eee6cf;padding:18px;box-shadow:0 0 20px #55604733}