@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:100dvh;color:var(--cream);background:#111;margin:0;font-family:DM Mono,monospace;overflow-x:hidden}.stage{min-height:100dvh;padding:20px 14px calc(20px + env(safe-area-inset-bottom));isolation:isolate;background:linear-gradient(#07081029,#07080cc7),url(/earth.jpg) 50% 42%/cover;place-items:center;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{cursor:pointer;background:#ffffff54;height:2px;position:relative}.timeline:after{content:"";position:absolute;inset:-12px 0}.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}.timeline-input{z-index:2;opacity:0;cursor:pointer;width:100%;height:26px;margin:0;position:absolute;inset:-12px 0}.timeline:focus-within{outline:2px solid var(--acid);outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.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}.action-link{color:#c9c4b8;text-align:right;font-size:9px}.action-link.recording{color:var(--acid)}.space-nav{left:50%;bottom:max(10px, env(safe-area-inset-bottom));z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1012e0;border:1px solid #eee8d633;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100% - 20px,390px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #00000073}.space-nav button{color:#eee8d6a6;letter-spacing:.03em;border-radius:11px;min-height:38px;padding:6px 2px;font-size:8px}.space-nav button.active{color:var(--ink);background:var(--acid)}.space-panel{inset:max(12px, env(safe-area-inset-top)) max(10px, calc((100vw - 390px) / 2)) calc(64px + env(safe-area-inset-bottom));z-index:110;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#111213f0;border:1px solid #eee8d63d;border-radius:24px;padding:18px 18px 28px;position:fixed;overflow-y:auto;box-shadow:0 24px 60px #00000094}.compact-call-bar{background:#d5dc6d14;border:1px solid #d5dc6d47;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:11px 12px;display:flex}.compact-call-bar strong,.compact-call-bar span{display:block}.compact-call-bar strong{font-size:10px;font-weight:500}.compact-call-bar span{color:#eee8d694;text-transform:uppercase;margin-top:3px;font-size:8px}.compact-call-bar button{border:1px solid var(--acid);color:var(--acid);border-radius:999px;padding:7px 10px;font-size:9px}.space-panel-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.space-panel-header>div{min-width:0}.space-panel-header span{color:#eee8d694;letter-spacing:.14em;text-transform:uppercase;font-size:8px}.space-panel-header h2{margin:6px 0 0;font:400 36px/1 Italiana,serif}.space-panel-header .drawer-close{flex:none}.space-panel-copy{color:#eee8d6b8;max-width:32rem;margin:28px 0;font-size:11px;line-height:1.7}.coming-soon{color:#eee8d680;text-transform:uppercase;border:1px dashed #eee8d638;border-radius:12px;padding:14px;font-size:9px}.danger-action{color:#ff8b8b;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ff6b6b8c;border-radius:8px;width:100%;margin-top:22px;padding:11px;font-size:9px}.last-seen{color:#eee8d694;margin-top:6px!important}.heartbeat-button{color:var(--acid);letter-spacing:.08em;text-transform:uppercase;border:1px solid #d5dc6d80;border-radius:999px;margin:0;padding:7px 12px;font-size:8px}.sanctuary-tools{justify-content:center;gap:8px;margin-top:14px;display:flex}.trace-button{width:34px;height:30px;padding:6px}.trace-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:100%;height:100%}.dream-canvas{z-index:4;pointer-events:none;width:min(100%,430px);position:fixed;inset:0 auto 0 50%;transform:translate(-50%)}.dream-canvas.active{z-index:130;pointer-events:auto}.dream-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.dream-canvas-controls{top:max(14px, env(safe-area-inset-top));pointer-events:none;width:min(100% - 28px,390px);position:absolute;left:50%;transform:translate(-50%)}.dream-canvas-controls button{width:36px;height:36px;color:var(--ink);background:var(--acid);pointer-events:auto;border-radius:50%;margin-left:auto;padding:0;font-size:22px;line-height:1;display:block}.whisper-inbox{margin-top:22px}.whisper-compose{background:#ffffff08;border:1px solid #eee8d629;border-radius:14px;padding:14px}.whisper-compose label{color:#eee8d6a3;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.whisper-compose textarea{resize:vertical;width:100%;min-height:86px;color:var(--cream);background:#0000003d;border:1px solid #eee8d638;border-radius:9px;padding:10px;font:11px/1.5 DM Mono,monospace}.whisper-compose-actions{gap:8px;margin-top:9px;display:flex}.whisper-compose-actions button{min-height:36px;color:var(--acid);text-transform:uppercase;border:1px solid #d5dc6d6b;border-radius:8px;flex:1;padding:8px;font-size:8px}.whisper-compose-actions .voice-note-button{flex:0 0 38px;place-items:center;min-height:36px;padding:0;display:grid}.whisper-compose-actions .voice-note-button.recording{color:#ff8a8a;border-color:#ff8a8a9e}.whisper-list{gap:10px;margin-top:14px;display:grid}.whisper-list article{background:#ffffff0a;border:1px solid #eee8d624;border-radius:13px;max-width:92%;padding:11px}.whisper-list article.mine{background:#d5dc6d12;border-color:#d5dc6d42;justify-self:end}.whisper-list article header{justify-content:space-between;gap:12px;font-size:8px;display:flex}.whisper-list article header span,.whisper-list small{color:#eee8d67a}.whisper-list article p{white-space:pre-wrap;margin:9px 0;font-size:11px;line-height:1.55}.whisper-list audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;filter:invert(.9)sepia(.15)saturate(.55)hue-rotate(8deg);opacity:.86;width:100%;margin-top:10px}.mark-read{color:var(--acid);font-size:8px;text-decoration:underline}.empty-state{color:#eee8d685;text-align:center;font-size:10px;line-height:1.6}.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);max-height:calc(100dvh - 70px);padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:50%;overflow-y:auto;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{justify-content:center;align-items:center;min-width:40px;min-height:40px;font-size:18px;display:inline-flex}.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}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=420px){.space-panel{border-radius:18px;padding:14px 14px 24px}.compact-call-bar{margin-bottom:18px}.space-panel-header h2{font-size:31px}.whisper-compose-actions{flex-direction:column}}.audio-unblock-banner{border:1px solid var(--acid);cursor:pointer;z-index:50;text-align:center;background:#dff37426;border-radius:8px;width:calc(100% - 48px);margin:12px 24px;padding:12px;transition:background .3s;display:block}.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)}