@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Italiana&display=swap";:root{--ink:#171817;--graphite:#3d3e3c;--cream:#eee8d6;--acid:#d5dc6d;--blue:#48589d;--line:#eee8d66b}*{box-sizing:border-box}body{min-height:100vh;color:var(--cream);background:#111;margin:0;font-family:DM Mono,monospace;overflow-x:hidden}.stage{isolation:isolate;background:linear-gradient(#07081029,#07080cc7),url(/earth.jpg) 50% 42%/cover;place-items:center;min-height:100vh;padding:20px 14px 76px;display:grid;position:relative}.stage:after{content:"";z-index:-1;opacity:.22;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.shell{width:min(100%,390px)}.mast{text-shadow:0 2px 12px #070811;justify-content:space-between;align-items:start;margin:0 3px 18px;display:flex}.brand{letter-spacing:.28em;font-size:12px}.btn-leave-mast{color:var(--cream);opacity:.5;text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;width:fit-content;margin-top:4px;padding:0;font-family:inherit;font-size:9px;transition:opacity .2s}.btn-leave-mast:hover{opacity:.95}.date{text-align:right}.date strong{font:400 24px/1 Italiana,serif;display:block}.date span{opacity:.72;letter-spacing:.1em;font-size:9px}.presence{justify-content:space-between;align-items:end;margin:0 5px 13px;display:flex}.presence p{opacity:.72;margin:0;font-size:10px}.presence h1{text-wrap:balance;max-width:270px;margin:4px 0 0;font:400 34px/.94 Italiana,serif}.signal{color:#090b0e;text-align:right;background:#eee8d67a;padding:3px 5px;font-size:9px;font-weight:500;line-height:1.5;box-shadow:0 0 14px #eee8d62e}.object{filter:drop-shadow(0 26px 48px #00000073);min-height:422px;position:relative}.cd{aspect-ratio:1;filter:drop-shadow(0 12px 28px #00000059);cursor:pointer;z-index:1;background:url(/cd-drips.png) 50%/cover no-repeat;border-radius:50%;width:196px;transition:transform .3s;animation:18s linear infinite spin;position:absolute;top:61px;right:13px}.cd:active{transform:scale(.95)}.player{color:#eee;-webkit-backdrop-filter:blur(18px)saturate(.72);clip-path:url(#player-clip);z-index:2;background:linear-gradient(145deg,#4b5b6f80,#141a23ab 72%),#161d278c;width:242px;height:426px;padding:12px;position:absolute;top:0;left:34px;box-shadow:inset 0 1px #ffffff14}.player-border{pointer-events:none;z-index:3;width:242px;height:426px;position:absolute;top:0;left:34px}.screen{background:linear-gradient(#0305091f,#03050957),url(/hands-spark.png) 50%/cover;border:1px solid #0009;border-radius:12px;height:190px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000059}.screen-copy{justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 12px 12px}.screen-copy strong{font:400 21px/1 Italiana,serif;display:block}.screen-copy span{letter-spacing:.08em;font-size:8px}.live-dot{background:var(--acid);width:8px;height:8px;box-shadow:0 0 16px var(--acid);border-radius:50%;transition:background-color .3s,box-shadow .3s}.live-dot.connecting{background:#fc0;box-shadow:0 0 16px #fc0}.live-dot.disconnected{background:#ff3b30;box-shadow:0 0 16px #ff3b30}.meta{opacity:.74;justify-content:space-between;margin:10px 2px 7px;font-size:9px;display:flex}.timeline{background:#ffffff54;height:2px;position:relative}.timeline-progress{transform-origin:0;background:#eee;position:absolute;inset:0}.timeline-handle{background:#eee;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.transport{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 12px;display:grid}button{appearance:none;color:#eee;font:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.3;cursor:not-allowed}.transport button{font-size:20px}.transport .pause{font-size:25px}.mix{align-items:center;gap:9px;font-size:10px;display:flex}.volume{cursor:pointer;background:#ffffff52;flex:1;height:3px;position:relative}.volume-progress{background:#eee;height:100%;display:block;position:relative}.volume-progress:after{content:"";background:#eee;border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;right:-5px}.actions{z-index:3;color:#c9c4b8;justify-content:space-between;align-items:center;margin:0 40px;font-size:9px;display:flex;position:relative}.whisper{color:var(--cream);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.whisper.active{color:var(--acid)}.whisper i{background:var(--cream);border-radius:50%;width:7px;height:7px}.whisper.active i{background:var(--acid);box-shadow:0 0 8px var(--acid)}.drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);z-index:100;background:#171817f2;border-radius:20px 20px 0 0;width:min(100%,390px);padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}.drawer.open{transform:translate(-50%)translateY(0)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:20px;font-family:Italiana,serif;font-size:20px;display:flex}.drawer-close{font-size:18px}.media-list{max-height:250px;overflow-y:auto}.media-item{border-bottom:1px solid #eee8d61a;justify-content:space-between;align-items:center;padding:10px 0;font-size:11px;display:flex}.media-item.active{color:var(--acid)}.media-item-btn{cursor:pointer}.form-group{margin-bottom:16px}.form-group label{letter-spacing:.1em;opacity:.8;margin-bottom:6px;font-size:10px;display:block}.form-control{border:1px solid var(--line);width:100%;color:var(--cream);background:#ffffff14;border-radius:4px;padding:10px;font-family:inherit;font-size:12px}.form-control:focus{border-color:var(--acid);outline:none}.btn{background:var(--cream);width:100%;color:var(--ink);text-align:center;letter-spacing:.15em;text-transform:uppercase;border-radius:4px;padding:12px;font-size:11px;font-weight:500;display:inline-block}.btn:active{opacity:.9}.btn-acid{background:var(--acid)}.welcome-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);background:#171817bf;border-radius:27px;width:min(100%,390px);padding:24px;box-shadow:0 26px 48px #00000073}.welcome-title{text-align:center;margin-bottom:24px;font:36px/1 Italiana,serif}.welcome-desc{opacity:.8;text-align:center;margin-bottom:24px;font-size:11px;line-height:1.6}.link-box{word-break:break-all;border:1px dashed var(--line);background:#0000004d;border-radius:4px;margin:12px 0;padding:10px;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}@media (height<=740px){.stage{padding-top:12px}.mast{margin-bottom:12px}.presence h1{font-size:30px}.object{min-height:405px}}@media (width>=700px){body{background:#090b10}.stage{width:430px;margin:0 auto;box-shadow:0 0 70px #000}}@media (prefers-reduced-motion:reduce){.cd{animation:none}}.audio-unblock-banner{border:1px solid var(--acid);cursor:pointer;z-index:50;text-align:center;background:#dff37426;border-radius:8px;margin:12px 24px;padding:12px;transition:background .3s}.audio-unblock-banner:hover{background:#dff37440}.audio-unblock-content{color:var(--cream);font-family:inherit;font-size:11px}.audio-unblock-content strong{color:var(--acid);text-decoration:underline}.blink{color:var(--acid);margin-right:4px;animation:1.5s infinite blink-anim}@keyframes blink-anim{0%,to{opacity:.2}50%{opacity:1}}.btn-reconnect{color:var(--acid);border:1px solid var(--acid);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:9px;font-weight:700;transition:all .3s}.btn-reconnect:hover{background:var(--acid);color:var(--ink);box-shadow:0 0 8px var(--acid)}