/* Shared visual language with Paper Shadowbox Dreams. No mechanical geometry. */
.relay-privacy{font-size:10px;color:var(--muted);margin-top:8px}.relay-privacy summary{cursor:pointer}.relay-privacy p{line-height:1.6;max-width:380px;margin:8px auto}.relay-playing .relay-eyes{transform-origin:75px 64px;animation:relay-blink 9s infinite}.relay-playing .relay-tail{transform-origin:104px 123px;animation:relay-tail 7s ease-in-out infinite alternate}.relay-playing #relay-launcher svg{animation:relay-breathe 6s ease-in-out infinite}
@keyframes relay-blink{0%,42%,45%,100%{transform:scaleY(1)}43.5%{transform:scaleY(.08)}}@keyframes relay-tail{from{transform:rotate(-4deg)}to{transform:rotate(7deg)}}@keyframes relay-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){#workshop-relay *,#workshop-relay *::before{animation:none!important}}
body{background:radial-gradient(ellipse at 74% 18%,#46615b80,transparent 50%),radial-gradient(ellipse at 15% 55%,#2f485350,transparent 55%),var(--paper)}
header .wordmark{font-family:Georgia,serif}.intro h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.intro-note{color:#cad9cb}.intro-note .invitation{color:#e6d9bb}
.dreams-link{font-size:12px}.bed-orientation-warning{color:#f1d1a6;background:#9d663329;border-left:3px solid #d9ac73;padding:12px 14px;border-radius:0 12px 12px 0;line-height:1.55}.bed-orientation-warning:empty{display:none}.review-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-images a{font-size:12px}.review-images img{width:100%;display:block;border-radius:10px;margin-bottom:6px}.review-images [hidden]{display:none}
#workshop-relay{position:fixed;z-index:25;left:18px;bottom:12px;width:120px;color:var(--ink);pointer-events:none}
#relay-launcher{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;padding:0 5px;width:120px;box-shadow:none;filter:drop-shadow(0 5px 10px #071f28aa)}
#relay-launcher svg{width:72px;height:72px;overflow:visible}#relay-launcher>span{background:#172f35f2;color:#eee4ce;border:1px solid #c5d2b644;border-radius:12px;padding:7px 10px;font-size:11px;line-height:1.35}#relay-peek{display:block;color:#b9d4c9;font-size:10px;max-width:98px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#relay-dream{pointer-events:auto;position:absolute;left:0;bottom:116px;width:min(340px,calc(100vw - 36px));max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;padding:8px 15px 16px;border-radius:120px 120px 24px 24px;background:radial-gradient(ellipse at 50% 28%,#4f716abb,#1c363bee 72%);box-shadow:0 15px 50px #081f2c66;color:#efe5d1;scrollbar-width:thin;text-align:center}
#relay-dream[hidden]{display:none}#relay-canvas{width:100%;height:auto;display:block;mask-image:radial-gradient(ellipse 50% 49% at 50% 50%,#000 40%,#000a 70%,transparent 100%)}
#relay-close{position:absolute;right:16px;top:22px;border:0;border-radius:50%;background:#1c363bc9;color:#ebefdf;font-size:24px;width:38px;height:38px;padding:0;z-index:1}
.relay-eyebrow{font-size:9px;letter-spacing:.2em;color:#bfd3c2;margin:0 0 8px}#relay-title{font:400 24px/1.2 Georgia,serif;margin:0 10px 12px;color:#f0e4cb}#relay-focus{font-size:11px;color:#bad4c9;margin:0 0 9px}#relay-thought{font:15px/1.45 Georgia,serif;margin:0 8px 14px;color:#e3ddce}.relay-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.relay-controls button{font-size:11px;background:#27434c66;color:#f2e7cf;border-color:#9bb8a344;padding:8px 10px}.relay-controls button[aria-pressed=true]{background:#e9d399;color:#243f40}.relay-scope{font-size:10px!important;line-height:1.5;color:#b8c7bf;margin:12px 0 0!important}
body[data-light=day] .intro-note{color:var(--muted)}body[data-light=day] .intro-note .invitation{color:var(--ink)}body[data-light=day] .bed-orientation-warning{color:#744620;background:#f2d3a849}
#workshop-relay.open{position:relative;left:auto;bottom:auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;margin:0 0 24px;padding:0 8px 18px;border-bottom:1px solid var(--line);z-index:2;box-sizing:border-box}
#workshop-relay.open #relay-dream{position:relative;left:auto;bottom:auto;width:auto;max-height:none;overflow:visible;display:grid;grid-template-columns:minmax(150px,34%) 1fr;align-items:center;gap:16px;border-radius:0;background:transparent;box-shadow:none;padding:0}
#workshop-relay.open #relay-canvas{grid-column:1;grid-row:1;width:100%;filter:drop-shadow(0 0 18px #b7d9c82b)}
.relay-dream-copy{min-width:0}#workshop-relay.open #relay-title{font-size:24px}#workshop-relay.open #relay-thought{font-size:14px}#workshop-relay.open #relay-close{right:-117px;top:-10px}#workshop-relay.open #relay-launcher{width:110px;filter:drop-shadow(0 8px 16px #081e2677)}#workshop-relay.open #relay-launcher svg{width:100px;height:100px}
body[data-light=day] .relay-dream-copy #relay-title,body[data-light=day] .relay-dream-copy #relay-thought{color:var(--ink)}body[data-light=day] .relay-dream-copy #relay-focus,body[data-light=day] .relay-scope,body[data-light=day] .relay-eyebrow{color:var(--muted)}
@media(max-width:600px){#workshop-relay{left:8px;bottom:8px;width:84px}#relay-launcher{width:84px}#relay-launcher svg{width:55px;height:55px}#relay-launcher>span{font-size:10px;padding:5px 6px}#relay-peek{display:none}#relay-dream{bottom:92px;width:min(315px,calc(100vw - 16px));max-height:calc(100dvh - 125px)}header nav{flex-wrap:wrap}#relay-title{font-size:22px}}
@media(max-width:600px){#workshop-relay.open{grid-template-columns:1fr;padding:0 0 16px;margin-top:12px}#workshop-relay.open #relay-dream{grid-template-columns:90px 1fr;gap:8px}#workshop-relay.open #relay-title{font-size:21px}#workshop-relay.open #relay-launcher{width:65px;position:absolute;left:12px;bottom:8px}#workshop-relay.open #relay-launcher svg{width:55px;height:55px}#workshop-relay.open #relay-launcher>span{display:none}#workshop-relay.open #relay-close{right:0;top:-25px}#workshop-relay.open #relay-thought{font-size:12px}#workshop-relay.open .relay-scope{font-size:9px!important}}