body{background:radial-gradient(circle at 86% 5%,#4b251c99 0,transparent 29rem),radial-gradient(circle at 14% 57%,#073b4966 0,transparent 34rem),linear-gradient(180deg,#07140f,#040a08)}.loom{margin-top:14px;padding:20px}.loom-head{display:grid;grid-template-columns:168px 1fr auto;align-items:center;gap:18px}.loom-sigil{position:relative;margin:0;overflow:hidden;border:1px solid #4b3920;border-radius:18px;background:#0b0a09}.loom-sigil img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.loom-sigil figcaption{position:absolute;left:8px;bottom:7px;padding:4px 6px;border-radius:6px;background:#080705cc;color:#e8b45a;font:700 .56rem/1 ui-monospace,monospace;letter-spacing:.08em}.loom-intro{min-width:0}.loom-head h2{font:400 clamp(1.55rem,3vw,2.15rem) Georgia,serif;margin:.1rem 0 .35rem}.loom-head p:not(.eyebrow){max-width:680px;margin:.2rem 0;color:var(--muted)}.loom-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.telemetry div{min-height:82px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#06150f}.telemetry small{display:block;color:#6f9180;font-size:.64rem;letter-spacing:.12em}.telemetry strong{display:block;margin-top:4px;color:var(--mint);font:400 1.45rem Georgia,serif}.telemetry div:last-child strong{font:800 .9rem/1.4 ui-monospace,monospace;color:var(--cyan)}.loom-progress{display:grid;grid-template-columns:minmax(145px,auto) 1fr;align-items:center;gap:14px;color:var(--muted);font-size:.8rem}.loom-progress .bar{margin:0}.loom-progress .bar i{width:0;transition:width .35s ease}.thread-list{display:grid;gap:9px;margin-top:16px}.thread{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#071711}.thread-main{min-width:0}.thread-state{display:flex;align-items:center;gap:8px;margin-bottom:7px}.thread-state small{color:var(--gold);font-size:.64rem;letter-spacing:.1em}.thread time{color:#628071;font-size:.7rem}.thread-source{margin:0;color:#d9ebe1;overflow-wrap:anywhere}.thread-proof{margin:8px 0 0;color:var(--cyan);font-size:.78rem}.thread-controls{display:flex;align-items:center;gap:6px}.thread-controls button{padding:7px 10px;font-size:.76rem}.thread-controls .prove{border-color:#4f8b70;color:var(--mint)}.thread-empty{display:grid;place-items:center;text-align:center;min-height:130px;margin-top:15px;border:1px dashed #315143;border-radius:15px;color:var(--muted)}.thread-empty strong{color:var(--ink)}.thread-empty span{max-width:520px;font-size:.82rem}.protocol-strip{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:16px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#05120d;font-size:.72rem;color:#8ba99a}.protocol-strip span{display:flex;align-items:center;gap:6px}.protocol-strip i{width:7px;height:7px;border-radius:50%;background:#a36d68}.protocol-strip i.good{background:var(--mint);box-shadow:0 0 9px #7ff4bd88}.protocol-strip button{margin-left:auto;padding:6px 9px;font-size:.72rem}.boundary{margin-top:10px;color:#829b8e;font-size:.78rem}.boundary summary{cursor:pointer;color:#acc8ba}.boundary p{max-width:850px}.receipt{font-family:ui-monospace,monospace;color:#728f80}.receipt b{color:var(--mint)}
@media(max-width:780px){.loom-head{grid-template-columns:112px 1fr}.loom-actions{grid-column:1/-1;justify-content:flex-start}.telemetry{grid-template-columns:1fr 1fr}.loom-progress{grid-template-columns:1fr}.thread{grid-template-columns:1fr}.thread-controls{justify-content:flex-start}.protocol-strip button{margin-left:0;width:100%}}
@media(max-width:460px){.loom-head{grid-template-columns:1fr}.loom-sigil{max-height:170px}.loom-sigil img{aspect-ratio:16/9}.loom-actions{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.loom-progress .bar i{transition:none}}
.colour{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:0;overflow:hidden;margin-top:14px;background:linear-gradient(135deg,#160d0f,#071b20 58%,#061019)}.colour-visual{min-height:100%;background:#080c12}.colour-visual img{display:block;width:100%;height:100%;object-fit:cover}.colour-copy{padding:clamp(20px,4vw,42px)}.colour-copy h2{font:400 clamp(1.7rem,3vw,2.6rem)/1.1 Georgia,serif;margin:.2rem 0 1rem;color:var(--sae-aurose-soft)}.colour-copy>p{color:#aebdb8}.colour-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.colour-grid article{display:grid;grid-template-columns:18px 1fr;gap:2px 9px;padding:12px;border:1px solid #ffffff16;border-radius:13px;background:#050e0db8}.colour-grid b{font-size:.72rem;letter-spacing:.08em}.colour-grid span{grid-column:2;color:#8fa59b;font-size:.72rem}.swatch{width:13px;height:13px;border-radius:50%;margin-top:2px}.swatch.aurose{background:var(--sae-aurose);box-shadow:0 0 12px var(--sae-aurose)}.swatch.cyan{background:var(--sae-trust-cyan);box-shadow:0 0 12px var(--sae-trust-cyan)}.swatch.attest{background:var(--sae-attestation);border:2px solid #78a9ff}.swatch.bound{background:transparent;border:2px dashed var(--sae-attend)}.inheritance{font-size:.75rem;border-left:2px solid var(--sae-attend);padding-left:10px;margin-top:18px}.attend{padding:18px;background:linear-gradient(155deg,#24170e,#0b1817);border-color:#6b4d2d}.attend h2{font:400 1.45rem Georgia,serif;margin:.2rem 0 14px;color:var(--sae-attend)}.attend-card{padding:13px;border:1px solid #745531;border-radius:14px;background:#100d0a}.attend-card small{color:var(--sae-aurose);font-size:.62rem;letter-spacing:.09em}.attend-card strong,.attend-card p,.attend-card output{display:block}.attend-card strong{margin:5px 0}.attend-card p,.attend-boundary{color:#a9a094;font-size:.75rem}.attend-choices{display:grid;gap:6px;margin:11px 0}.attend-choices button{padding:7px 9px;text-align:left;font-size:.74rem}.attend-choices button[aria-pressed=true]{border-color:var(--sae-attend);color:var(--sae-attend);background:#432c17}.attend-card output{color:var(--sae-trust-cyan);font-size:.72rem}.attend>a{display:block;margin-top:10px;color:var(--sae-attend);font-size:.76rem}.attend-boundary{margin:12px 0 0}
@media(min-width:1580px){.attend{position:fixed;right:max(12px,calc((100vw - 1240px)/2 - 276px));top:110px;width:252px;z-index:8;max-height:calc(100vh - 135px);overflow:auto}}
@media(max-width:1579px){.attend{margin-top:14px}}
@media(max-width:860px){.colour{grid-template-columns:1fr}.colour-visual img{aspect-ratio:3/2}.colour-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.colour-grid{grid-template-columns:1fr}.colour-copy{padding:19px}}