:root{color-scheme:dark;--bg:#07120f;--ink:#e0e7d9;--muted:#b0bcae;--edge:#344e43;--accent:#b9dec8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:20px;line-height:1.65}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-underline-offset:.25em}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:3px solid #efe0a3;outline-offset:6px}.skip{position:absolute;top:-100px;left:1rem;padding:.65rem 1rem;background:#13271e;z-index:4}.skip:focus{top:1rem}header,main,footer{width:min(1440px,92%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem 0;border-bottom:1px solid var(--edge)}.brand{text-decoration:none;font-size:.8rem;letter-spacing:.19em;font-weight:650;color:var(--ink)}.brand span{color:#b5abce}.edition{font-size:.75rem;color:var(--muted)}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:3.25rem 0 2rem}.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 .55rem}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0}.lead{color:var(--muted);margin:.75rem 0 0;font-size:1rem}.connection{font-size:.75rem;color:#d7cdaa;margin:0 0 .2rem;white-space:nowrap}.dot{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:#cbbf95;margin-right:.5rem}figure{margin:0;border:1px solid var(--edge);border-radius:5px;overflow:hidden;background:#030807}.canvas-wrap{position:relative;background:#030807}canvas{display:block;width:100%;height:auto;aspect-ratio:1500/936}#load-state{position:absolute;left:1rem;bottom:1rem;background:#07120f;padding:.5rem 1rem;border:1px solid var(--edge);max-width:calc(100% - 2rem);font-size:.85rem}#load-state[hidden]{display:none}figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;background:#0d1b15;border-top:1px solid var(--edge)}figcaption strong{font-weight:550;letter-spacing:.02em}figcaption p{color:var(--muted);font-size:.75rem;margin:.1rem 0 0}.separator{padding:0 .5rem}button{font:inherit;font-size:.8rem;font-weight:550;border:1px solid #6d8f7c;border-radius:3px;color:var(--ink);background:#193024;min-height:48px;padding:.45rem 1rem;cursor:pointer;white-space:nowrap}button:hover{background:#254334}.notes{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:2.4rem 0 3rem;max-width:1150px}h2{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;font-weight:400;line-height:1.3;margin:0 0 1rem}.notes p{font-size:.9rem;color:var(--muted);margin:.8rem 0}.notes a{font-size:.85rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem 0 2rem;border-top:1px solid var(--edge);font-size:.7rem;color:var(--muted)}body.quiet header,body.quiet .intro,body.quiet .notes,body.quiet footer{display:none}body.quiet main{width:min(1600px,100%)}body.quiet figure{border-radius:0}body.quiet .canvas-wrap{max-height:calc(100vh - 110px)}body.quiet canvas{max-height:calc(100vh - 110px);object-fit:contain}body.quiet figcaption{padding:.65rem 1.25rem}.status-page{max-width:850px;padding:3rem 0}.status-page h1{font-size:2.5rem;margin-bottom:2rem}.status-page p{color:var(--muted)}dl{margin:2rem 0}dt{font-weight:600;margin-top:1.3rem}dd{margin:.3rem 0;color:var(--muted)}@media(max-width:760px){:root{font-size:18px}.intro{display:block;padding:2rem 0 1.4rem}.connection{margin:1rem 0 0;white-space:normal}.notes{grid-template-columns:1fr;gap:1.75rem;padding:2rem 0}figcaption{align-items:flex-start;padding:1rem;flex-wrap:wrap}figcaption p span{display:block}.separator{display:none}footer{display:block}footer span{display:block}.edition{max-width:6rem;text-align:right}body.quiet .canvas-wrap,body.quiet canvas{max-height:none}}
#expand-stage{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;background:none;text-align:left;min-height:0;white-space:normal}#expand-stage:hover{background:none}.expand-hint{position:absolute;bottom:1rem;left:1rem;border:1px solid #5f7a69;background:#07120fdb;padding:.4rem .8rem;font-size:.7rem;color:#d5e4d6;opacity:0;transition:opacity .2s}#expand-stage:hover .expand-hint,#expand-stage:focus-visible .expand-hint{opacity:1}.watch-nav{position:absolute;right:.8rem;top:.8rem;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;z-index:3}.watch-nav details{position:relative}.watch-nav summary{list-style:none;cursor:pointer;border:1px solid #506c5a;background:#0b1c15ed;color:#dbe9d9;border-radius:3px;min-width:4.3rem;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.74rem;padding:.4rem .7rem}.watch-nav summary::-webkit-details-marker{display:none}.watch-nav details[open] summary{background:#2e4837}.watch-nav summary:focus-visible,select:focus-visible,input:focus-visible,.transcript summary:focus-visible{outline:3px solid #efe0a3;outline-offset:3px}.drawer{position:absolute;right:5rem;top:0;width:min(310px,calc(100vw - 7rem));padding:1rem;background:#0c1d15f5;border:1px solid #648471;border-radius:4px;box-shadow:0 10px 35px #0008;max-height:70vh;overflow:auto;font-size:.75rem;color:#becdba}.drawer p{margin:.55rem 0}.drawer-title{color:#e5ebdf;font-size:1rem}.drawer button,.drawer a,.drawer select{display:block;margin:.7rem 0;width:100%}.drawer label{display:block;margin-top:.7rem;color:#e1e9dc}.drawer select{background:#1a3023;color:#e1e9dc;border:1px solid #6d8f7c;min-height:44px;font:inherit;padding:.45rem;white-space:normal}.drawer input{width:100%;accent-color:#b4d5bd;min-height:35px}.drawer a{min-height:36px}.watch-label{font-size:.73rem;color:#bacab7}.transcript{border-top:1px solid var(--edge);padding:1.5rem 0;max-width:950px;margin-bottom:1.5rem;color:var(--muted)}.transcript summary{cursor:pointer;color:var(--ink);min-height:44px}.transcript h3{font-size:1rem;color:var(--ink);margin-top:1.5rem}.transcript p{font-size:.9rem}.quiet .watch-label,.quiet .expand-hint,.quiet .transcript{display:none!important}.quiet #viewing-area{position:fixed;inset:0;margin:0;border:0;border-radius:0;width:100vw;height:100dvh;background:#030807;display:flex;flex-direction:column;z-index:10}.quiet .canvas-wrap{flex:1;min-height:0;max-height:none!important;display:flex;align-items:center;justify-content:center}.quiet #expand-stage{height:100%;width:100%;display:flex;align-items:center;justify-content:center;cursor:default}.quiet canvas{width:100%;height:100%;max-height:none!important;object-fit:contain}.quiet figcaption{flex-shrink:0;padding:.5rem 1rem}.quiet figcaption p{font-size:.62rem}.quiet figcaption strong{font-size:.75rem}.quiet .watch-nav{position:fixed;top:.7rem;right:.7rem}.quiet.portrait-watch #viewing-area{width:100dvh;height:100vw;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.quiet.portrait-watch .watch-nav{position:absolute}.quiet.portrait-watch .drawer{width:280px;max-height:calc(100vw - 2rem)}.quiet #viewing-area:fullscreen{width:100vw;height:100dvh}.quiet.portrait-watch #viewing-area:fullscreen{width:100dvh;height:100vw;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}@media(max-width:760px){.watch-nav{right:.4rem;top:.4rem;gap:.3rem}.watch-nav summary{min-width:3rem;font-size:.65rem;padding:.25rem}.drawer{right:3.5rem;width:min(270px,calc(100vw - 5rem));font-size:.72rem;max-height:65vh}.quiet .drawer{right:3.5rem}.watch-label{display:none}.watch-nav .drawer button{font-size:.73rem}.quiet figcaption p span{display:inline}.quiet .separator{display:inline}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.kaos-watermark{position:absolute;bottom:1rem;right:1rem;width:clamp(22.4px,2.8vw,37.8px);height:auto;pointer-events:none;opacity:.83;z-index:2}.quiet .kaos-watermark{bottom:.8rem;right:.8rem;width:clamp(24.5px,2.8vw,40.6px)}.share-card{background:#eae3ce;color:#173c35;padding:1.5rem;border-radius:8px;display:inline-flex;align-items:center;gap:1.5rem;margin:1rem 0;max-width:100%;flex-wrap:wrap}.share-card .qr{width:240px;max-width:100%;height:auto}.share-card .mark{width:150px;height:auto}.share-card a{color:#173c35}.share-card.violet{color:#462351}.share-card.violet a{color:#462351}.download-bowl{background:#234631;padding:.7rem;border:1px solid #92b49b;text-align:center;color:#eef6e8;text-decoration:none;border-radius:3px}