#smonad-weave{--sw-bg:light-dark(#f5f4ed,#071c28);--sw-ink:light-dark(#143a42,#e1efe9);--sw-muted:light-dark(#56716f,#99b8bd);--sw-line:light-dark(#d6ded5,#254754);--sw-gold:light-dark(#9c6f33,#eac28b);--sw-teal:light-dark(#3b8278,#80d1bf);--sw-soft:light-dark(#e8eee6,#102f39);background:var(--sw-bg);color:var(--sw-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;box-sizing:border-box;min-width:0;width:100%;padding:26px 26px 20px;border:1px solid var(--sw-line);border-radius:5px;isolation:isolate;position:relative;overflow:hidden}
#smonad-weave *{box-sizing:border-box}
#smonad-weave [hidden]{display:none!important}
#smonad-weave .sw-modes{display:flex;gap:4px;flex-wrap:wrap;margin-top:18px;border-bottom:1px solid var(--sw-line);padding-bottom:8px}
#smonad-weave .sw-modes button{padding:8px 13px;border-radius:3px;color:var(--sw-ink);font-size:12px}
#smonad-weave .sw-modes button[aria-pressed=true]{background:var(--sw-ink);color:var(--sw-bg)}
#smonad-weave .sw-records{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 16px;min-height:38px}
#smonad-weave .sw-records>span{font-size:11px;color:var(--sw-muted);margin-right:5px}
#smonad-weave .sw-records button{border:1px solid var(--sw-line);border-radius:3px;padding:6px 10px;min-width:37px;font-size:13px;color:var(--sw-ink)}
#smonad-weave .sw-records button[aria-pressed=true]{background:var(--sw-ink);color:var(--sw-bg);border-color:var(--sw-ink)}
#smonad-weave button:disabled{opacity:.45;cursor:default}
#smonad-weave .sw-records button[data-sw-action=return]{border:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}
#smonad-weave h2,#smonad-weave p{margin:0;padding:0}
#smonad-weave .sw-heading{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}
#smonad-weave .sw-kicker{color:var(--sw-gold);text-transform:uppercase;font-size:11px;letter-spacing:.12em;line-height:1.5;margin:0 0 8px}
#smonad-weave h2{font:400 clamp(25px,4vw,34px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:var(--sw-ink);max-width:370px}
#smonad-weave .sw-readout{font-size:11px;color:var(--sw-muted);text-align:right;white-space:nowrap;padding-top:4px;font-variant-numeric:tabular-nums}
#smonad-weave .sw-readout strong{display:block;font:400 25px/1.3 Georgia,serif;color:var(--sw-gold)}
#smonad-weave canvas{display:block;width:100%;height:330px;touch-action:pan-y;margin:8px 0 0}
#smonad-weave .sw-caption{padding:0 0 16px;min-height:83px;line-height:1.55}
#smonad-weave .sw-caption strong{font:400 20px/1.35 Georgia,serif;display:block;color:var(--sw-ink);margin-bottom:4px}
#smonad-weave .sw-caption span{font-size:13px;color:var(--sw-muted);display:block;max-width:560px}
#smonad-weave .sw-stages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:18px}
#smonad-weave button{appearance:none;box-shadow:none;font:400 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:var(--sw-muted);background:transparent;border:0;border-radius:0;margin:0;padding:10px 5px;min-height:38px;width:auto}
#smonad-weave .sw-stages button{border-top:2px solid var(--sw-line);text-align:left;padding:7px 0;min-width:0;font-size:11px}
#smonad-weave .sw-stages button[aria-current=step]{border-color:var(--sw-gold);color:var(--sw-ink)}
#smonad-weave .sw-stages button[data-done=true]{border-color:var(--sw-teal)}
#smonad-weave .sw-stages button b{font-weight:400;display:block;font-size:12px;color:inherit}
#smonad-weave .sw-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--sw-line);padding-top:12px}
#smonad-weave .sw-actions{display:flex;gap:8px;align-items:center}
#smonad-weave button.sw-play{background:var(--sw-ink);color:var(--sw-bg);padding:10px 16px;min-width:75px;border-radius:2px}
#smonad-weave button:hover{color:var(--sw-gold)}
#smonad-weave button.sw-play:hover{color:var(--sw-bg);background:var(--sw-gold)}
#smonad-weave .sw-position{font-size:11px;color:var(--sw-muted);white-space:nowrap}
#smonad-weave .sw-scope{font-size:11px;color:var(--sw-muted);margin-top:12px;line-height:1.55}
#smonad-weave button:focus-visible{outline:2px solid var(--sw-gold);outline-offset:4px}
#smonad-weave .sw-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:460px){#smonad-weave{padding:20px 15px 16px}#smonad-weave canvas{height:300px}#smonad-weave .sw-heading{gap:10px}#smonad-weave h2{font-size:27px;max-width:235px}#smonad-weave .sw-readout{font-size:11px}#smonad-weave .sw-readout strong{font-size:23px}#smonad-weave .sw-stages{gap:4px}#smonad-weave .sw-stages button{font-size:11px;overflow-wrap:anywhere}#smonad-weave .sw-caption{min-height:107px}#smonad-weave .sw-caption span{font-size:12px}#smonad-weave .sw-position{font-size:11px}}
@media(pointer:coarse){#smonad-weave button{min-height:44px}}

@media(max-width:460px){#smonad-weave .sw-records>span{flex-basis:100%}#smonad-weave .sw-records button[data-sw-record]{min-width:44px}}