.breath-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:48px;height:48px;border:0;border-radius:50%;background:#d3dec222;color:#4d675c;font:36px Georgia;cursor:pointer}.breath-seed:hover,.breath-seed:focus-visible,.breath-seed[data-discovering=true]{background:#f1ecd999;box-shadow:0 0 0 1px #526b5e55}#breath-ribbon{position:absolute;inset:0;z-index:12;pointer-events:none;color:#334c41}#breath-ribbon[hidden]{display:none}.breath-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.breath-pad{position:absolute;border:1px dashed #566d5540;border-radius:48% 45% 43% 47%;pointer-events:auto;touch-action:none;cursor:crosshair;outline:none;background:radial-gradient(ellipse,#e9edd41a,transparent 70%);box-shadow:inset 0 0 40px rgba(247,243,211,calc(var(--breath,0)*.2))}.breath-pad:focus-visible{outline:2px solid #466e6280;outline-offset:5px}.breath-pad span{position:absolute;bottom:8%;left:0;right:0;text-align:center;font:italic 15px/1.4 Georgia;color:#4d6457;pointer-events:none;opacity:calc(1 - var(--breath,0)*.8)}.breath-holes button{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border:1px solid #f9eac999;background:#354a3edb;color:#e7d8b4;border-radius:50%;font:12px Georgia;pointer-events:auto;cursor:pointer;box-shadow:0 2px 6px #29392e33}.breath-holes button:before{content:'';position:absolute;width:18px;height:1px;background:#e6d7ae88;right:25px;top:12px}.breath-holes button[aria-pressed=true]{background:#e8cd8f;color:#304b3d;border-color:#fce9bd}.breath-close{position:absolute;right:83px;top:24px;pointer-events:auto;width:46px;height:46px;border:1px solid #e2dfbf99;border-radius:50%;background:#374d43e8;color:#f4e4bf;font:30px Georgia;cursor:pointer}#breath-ribbon footer{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;padding:13px 22px 11px;background:#f0e5cdeF;border-radius:45% 3% 4% 3% / 10% 8% 8% 10%;box-shadow:0 8px 25px #20392d22;pointer-events:auto;text-align:center}.breath-title{font:italic 21px Georgia;margin:0 0 9px}.breath-controls{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.breath-controls button{border:1px solid #57705c44;background:#e2d8b8;color:#304e3e;min-height:34px;padding:6px 10px;font:13px Georgia;cursor:pointer;border-radius:3px}.breath-controls button:disabled{opacity:.4;cursor:default}.breath-controls button[aria-pressed=true]{background:#5d7866;color:#fbf0d1}.breath-controls label{font:12px Georgia;display:flex;align-items:center;gap:6px}.breath-controls input{accent-color:#647d65;width:70px}.breath-response{font:italic 12px Georgia;margin:9px 0 6px;min-height:15px}#breath-ribbon details{font:10px/1.6 system-ui;max-width:650px;margin:auto}#breath-ribbon summary{cursor:pointer;list-style:none}#breath-ribbon details[open]{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#f0e5cd;width:620px;padding:15px;box-shadow:0 0 22px #1e382533}#breath-ribbon a{color:#486854}
.breath-folio{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%,-50%);width:min(1080px,86vw,calc((100vh - 350px)*1.9047619));margin:0;pointer-events:auto;filter:drop-shadow(0 16px 22px #233b3344)}.breath-folio[hidden]{display:none}.breath-folio-paper{display:block;width:100%;height:auto;aspect-ratio:1600/840;border-radius:1px}.breath-folio figcaption{font:italic 14px/1.5 Georgia;text-align:center;color:#eaf0d8;text-shadow:0 1px 6px #19382e;background:#294d3ed9;padding:8px 15px}.breath-folio-head{position:absolute;top:34%;height:33%;width:1px;background:#bf995a99;pointer-events:none;box-shadow:0 0 9px #cfac6b77}.breath-folio-head[hidden]{display:none}
body:has(#breath-ribbon:not([hidden])) #experience-controls{visibility:hidden}