@font-face{font-family:'Space Grotesk';src:url('/interfaces/os/fonts/SpaceGrotesk-500.ttf') format('truetype');font-weight:500;font-display:swap}
.dex-prototype{--dx-blue:#b3cfff;--dx-muted:#8695ac;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#010205;color:#dbe5f4}
.dex-prototype *{box-sizing:border-box}.dex-prototype button{font:inherit;cursor:pointer}.dex-prototype button:focus-visible,.dex-prototype input:focus-visible{outline:2px solid #afceff;outline-offset:4px}.dex-prototype button:disabled{cursor:default}
.dex-prototype .stage{position:fixed;inset:0;overflow:hidden;isolation:isolate}
.dex-prototype .stage:before{background:#010205;opacity:1}
.depth-layer{position:absolute;inset:0;pointer-events:none;transform-origin:72% 45%;will-change:transform,opacity;z-index:0}
.dex-prototype #smoke,.dex-prototype #smokeF,.dex-prototype #stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1;filter:none}
#nebula-front{z-index:1}#stellar-field{z-index:1}#working-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#02050bf7 0%,#02060bed 46%,#030813d9 80%,#060e16c9);opacity:0}
.dx-chrome{position:absolute;left:32px;right:32px;top:24px;z-index:40;display:flex;align-items:center;gap:24px;pointer-events:none}
.dx-chrome button{pointer-events:auto}.dx-brand{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#d9e7f7;font:500 13px 'Space Grotesk',sans-serif!important;letter-spacing:.15em;padding:0}
#brand-mark{display:block;width:27px;height:27px}#brand-mark svg{width:100%;height:100%}.dx-brand-mode{display:inline-block;margin-left:13px;padding-left:13px;border-left:1px solid #8ca2c73b;font-size:11px;letter-spacing:.04em;color:#8e9cb2}
.dx-location{display:flex;align-items:center;gap:14px;font-size:11px;color:#a5b3c8}.dx-demo{font:9px var(--font-mono);letter-spacing:.07em;color:#74839a;border-left:1px solid #8ca2c724;padding-left:14px}
.dx-inbox{margin-left:auto;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#8f9eb5;font-size:11px!important;padding:4px}.dx-indicator{height:4px;width:4px;background:#a5c7f9;border-radius:50%}.dx-inbox-glyph{font-size:20px;color:#a3b9d7;margin-left:8px}
.dex-prototype .home{inset:0;gap:0;padding:0;z-index:4;transition:none;pointer-events:none}
#home-hero{display:flex;align-items:center;flex-direction:column;transform-origin:center 46%;position:relative;top:-1vh;will-change:transform,opacity}
.dx-home-kicker{font:9px var(--font-mono);letter-spacing:.25em;color:#8090a6;margin-bottom:27px}
.dex-prototype .wordmark{font-size:clamp(85px,14.5vw,224px);line-height:.92}
.dex-prototype .home__ask{width:min(540px,78vw);margin-top:46px;gap:11px;pointer-events:auto}
.dx-composer{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 18px;border:1px solid #c8dbff38;border-radius:12px;background:linear-gradient(135deg,#1a2334aa,#080d17db);box-shadow:inset 0 1px #d9e6ff09,0 12px 48px #0003;transition:border-color .22s,box-shadow .22s}
.dx-composer:focus-within{border-color:#b1ceff85;box-shadow:0 0 0 3px #8fbcff09,0 12px 40px #0004}
.dx-composer input{font:13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#d5e2f6;flex:1;min-width:0;border:0;background:transparent;outline:none!important;height:32px}.dx-composer input::placeholder{color:#92a1b7}.dx-composer button{width:30px;height:30px;border:1px solid #c2d9ff2f;border-radius:8px;background:#a7c8ff15;color:#c6d9f5;font-size:19px;line-height:1}
.dx-composer-below{width:100%;display:flex;justify-content:space-between;align-items:center;font:8px var(--font-mono);letter-spacing:.15em;color:#7f90aa}.dx-composer-below span{display:flex;align-items:center;gap:6px}.dx-composer-below i{background:#9dbdf0;width:3px;height:3px;border-radius:50%}.dx-composer-below kbd{font:11px var(--font-mono);opacity:.65}
.dx-shortcuts{display:flex;gap:18px;margin-top:24px;pointer-events:auto}.dx-shortcuts button{border:0;background:transparent;color:#8e9db5;font-size:11px;padding:5px}.dx-shortcuts button span{margin-left:10px;color:#b2c7e5}.dx-shortcuts button:hover{color:#d2e1f7}
.dx-screen{position:absolute;z-index:10;inset:105px max(40px,5vw) 115px;max-width:1360px;margin-inline:auto;overflow:auto;opacity:0;scrollbar-width:thin;scrollbar-color:#a2b8d033 transparent;padding:0 8px 15px;visibility:hidden}
.dx-screen .dv-view{min-height:0;padding:16px clamp(10px,3vw,44px) 22px}.dx-screen .dv-eyebrow{color:#a5bddc}.dx-screen .dv-heading{margin-bottom:30px}.dx-screen .dv-confirmation{background:linear-gradient(90deg,#07101f99,#07101f25);padding:16px 18px 20px 22px;border-radius:0 10px 10px 0}
.dx-dock{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:15px;background:linear-gradient(160deg,#1a2433a8,#080d15d9);border:1px solid #afcaec38;box-shadow:inset 0 1px #e0edff14,0 10px 40px #0008;backdrop-filter:blur(20px)}
.dx-dock>button{position:relative;display:grid;place-items:center;width:40px;height:39px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8da0bb;transition:background .2s,color .2s,border-color .2s}
.dx-dock>button:hover{color:#e0ecff;background:#c1d6ff0b}.dx-dock>button[aria-current=page]{border-color:#accbff24;background:#a6c7ff14;color:#c6dcff}.dx-dock>button[aria-current=page]:after{content:'';position:absolute;bottom:2px;width:3px;height:3px;border-radius:50%;background:#b0cdff}
.dx-dock svg{width:19px;height:19px;display:block}.dx-dock .dx-edem{width:44px;color:#d8e6fa}.dx-dock .dx-edem svg{width:26px;height:26px}.dx-dock-divider{height:20px;width:1px;background:#bbd2ef18;margin-inline:3px}
.dx-tooltip{position:absolute;bottom:calc(100% + 18px);white-space:nowrap;padding:7px 9px;border-radius:6px;background:#111a29eb;border:1px solid #a7c8ff24;color:#bdcee5;font-size:10px;pointer-events:none;opacity:0;transform:translateY(4px);transition:.15s}
.dx-dock button:hover .dx-tooltip,.dx-dock button:focus-visible .dx-tooltip{opacity:1;transform:none}
.dx-review{position:absolute;bottom:34px;left:31px;z-index:45;display:flex;align-items:center;gap:15px;color:#899ab4;font-size:10px}.dx-review button{border:0;background:transparent;color:#99abc5;font-size:17px;padding:4px}.dx-review button span{font-size:10px;margin-left:4px}.dx-review label{display:flex;align-items:center;gap:5px;cursor:pointer}.dx-review input{width:11px;height:11px;accent-color:#9fbcf0}
.dx-caption{position:absolute;bottom:40px;right:33px;z-index:40;font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:#8fa1bc}
.dx-command-overlay{position:absolute;width:min(570px,calc(100% - 40px));left:50%;bottom:103px;transform:translateX(-50%);z-index:60;padding:14px;border:1px solid #b5d4ff36;border-radius:16px;background:#09111ef2;box-shadow:0 16px 65px #000b}.dx-command-overlay>span{display:block;color:#879dbd;font:8px var(--font-mono);margin:12px 4px 0;letter-spacing:.1em}
.dx-inbox-panel{position:absolute;right:30px;top:68px;width:min(330px,calc(100% - 40px));z-index:60;padding:23px;border:1px solid #b5d4ff33;border-radius:12px;background:#0b131ff5;box-shadow:0 20px 80px #0009}.dx-eyebrow{font:9px var(--font-mono);color:#8c9eba;letter-spacing:.13em}.dx-inbox-panel h2{font-size:18px;font-weight:500;margin:14px 0}.dx-inbox-panel p{font-size:12px;line-height:1.7;color:#a6b7cf}.dx-inbox-panel button{background:transparent;border:1px solid #aacbfc42;border-radius:6px;padding:8px 10px;color:#c4dcff;font-size:11px;margin:12px 0}.dx-inbox-panel small{display:block;font-size:10px;line-height:1.6;color:#7f91ad}
.dx-float{position:absolute;z-index:35;left:58%;top:26%;width:370px;height:355px;max-width:calc(100% - 28px);border:1px solid #bdd8ff4d;border-radius:12px;background:#0b1320f2;box-shadow:0 28px 100px #000a,inset 0 1px #e6f0ff0c;backdrop-filter:blur(20px);overflow:hidden}
.dx-float>header{height:43px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 12px 0 16px;border-bottom:1px solid #b7d3fb20;font-size:11px;color:#b5c9e5;cursor:grab;touch-action:none;user-select:none}.dx-float>header:active{cursor:grabbing}.dx-float>header>div{display:flex;gap:4px}.dx-float>header button{width:24px;height:24px;background:transparent;border:0;color:#91a4c1;font-size:17px;cursor:pointer}.dx-float>header button:hover{background:#a4caff1c;border-radius:4px;color:#e3edff}
.dx-float-body{height:calc(100% - 43px);overflow:auto;padding:23px}.dx-float-body h2{font-weight:500;font-size:23px;letter-spacing:-.03em;margin:12px 0 17px}.dx-float-body p{font-size:12px;line-height:1.9;color:#acbdd5}.dx-float-body blockquote{margin:17px 0;border-left:1px solid #bad5ff66;padding-left:13px;font-size:12px;line-height:1.8;color:#c9dcf5}.dx-float-body .dx-eyebrow{font-size:8px}.dx-float-body small{color:#7890ad;font-size:10px}
#float-grip{position:absolute;right:0;bottom:0;width:25px;height:25px;background:#0a1220ba;border:0;color:#8ba1bf;cursor:nwse-resize;touch-action:none;font-size:18px}.dx-toast{position:absolute;z-index:70;bottom:105px;left:50%;transform:translateX(-50%);background:#111b2bf2;border:1px solid #c1d9ff38;color:#b9cce6;border-radius:9px;padding:12px 17px;font-size:12px;max-width:90vw}
.dx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dex-prototype [hidden]{display:none!important}
@media(max-width:900px){.dx-chrome{left:22px;right:22px;top:20px;gap:18px}.dx-demo{display:none}.dx-screen{inset:87px 26px 105px}.dx-caption{display:none}.dx-review{left:20px;bottom:35px}.dx-review button span{display:none}.dx-float{left:42%;top:25%;width:340px}.dx-home-kicker{font-size:8px}.dx-shortcuts{margin-top:19px}}
@media(max-width:600px){.dx-location{display:none}.dx-chrome{left:18px;right:18px}.dx-inbox{font-size:9px!important}.dx-screen{inset:79px 16px 120px;padding-inline:0}.dex-prototype .home__ask{width:86vw;margin-top:34px}.dex-prototype .wordmark{font-size:23vw}.dx-home-kicker{letter-spacing:.14em}.dx-shortcuts{gap:13px}.dx-shortcuts button{font-size:10px}.dx-dock{bottom:16px}.dx-review{bottom:79px;left:50%;transform:translateX(-50%);width:max-content;gap:22px}.dx-review button span{display:inline}.dx-float{left:14px;top:22%;width:calc(100% - 28px);height:330px}.dx-inbox-panel{right:18px}.dx-command-overlay{bottom:121px}.dx-toast{bottom:135px}}
@media(prefers-reduced-motion:reduce){.dex-prototype *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:901px) and (max-height:800px){.dx-screen{top:88px;bottom:99px}.dx-screen .dv-heading h1{font-size:40px;margin-top:11px}.dx-screen .dv-heading{margin-bottom:24px}.dx-screen .dv-subtitle{font-size:12px;margin-top:8px!important}.dx-screen .dv-work{min-height:92px;padding:15px 14px 12px 10px;row-gap:5px}.dx-screen .dv-work-main h3{font-size:14px}.dx-screen .dv-work-main p{font-size:10px}.dx-screen .dv-confirmation{padding-top:8px}.dx-screen .dv-proof-chain{margin:18px 0}.dx-screen .dv-proof-chain li{padding-bottom:15px}}
