:root{font-family:Inter,system-ui,sans-serif;color:#e8edf8;background:#020308;font-synthesis:none;color-scheme:dark;font-size:16px}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{color:inherit;background:#162031;border:1px solid #7186ad33;border-radius:14px;min-height:44px;padding:10px 18px;cursor:pointer;touch-action:manipulation}button:hover{border-color:#9cc9ff80}button:active{transform:scale(.96)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a7dfff;outline-offset:5px}button:disabled{opacity:.4;cursor:wait}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.presence-app{position:relative;width:100%;height:100dvh;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#070a170d,#020308 75%)}.quiet-header{position:absolute;z-index:8;top:max(18px,env(safe-area-inset-top));left:max(25px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.wordmark{font-size:12px;letter-spacing:.35em;color:#8894aa;font-weight:500}.quiet-header button{pointer-events:auto}.icon-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#96a4bb}.icon-button svg{width:24px;height:24px}.icon-button:hover{color:#e3f6ff;background:#859dcb10}#body-space{position:absolute;left:50%;top:49%;width:min(88vw,76dvh,720px);height:min(88vw,76dvh,720px);transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s;pointer-events:none}#body-space canvas{display:block;width:100%;height:100%}#wake{position:absolute;left:50%;top:49%;width:min(65vw,54dvh,480px);height:min(65vw,54dvh,480px);transform:translate(-50%,-50%);border:0;background:none;border-radius:50%;color:#8b97b1;font-size:14px;letter-spacing:.05em;z-index:2;padding:0}#wake:hover{color:#e0eaff}#wake:active{transform:translate(-50%,-50%) scale(.98)}#wake-label{position:absolute;left:0;right:0;top:calc(100% + 10px)}.voice-dock{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:10px;z-index:9}#voice-label{font-size:12px;color:#7e8ba3;letter-spacing:.04em}#mic{background:#12182275;border:1px solid #64769535;color:#8da0ba}#live-dot{display:none;width:4px;height:4px;border-radius:50%;background:#8bdddb}.presence-app[data-voice=connected] #live-dot{display:block}.presence-app[data-voice=connected] #mic{color:#c9efee;border-color:#74bec560}.presence-app[data-voice=connected] #voice-label{color:#96bcbc}.presence-app[data-voice=muted] #mic{color:#efacb5}.presence-app[data-activity=speaking] #voice-label{color:#c6b9ee}#notice{position:absolute;z-index:10;bottom:145px;left:50%;transform:translate(-50%);max-width:min(480px,88vw);font-size:14px;text-align:center;line-height:1.55;background:#0a1223e8;border:1px solid #93acd02b;border-radius:15px;padding:12px 18px;color:#b6c7df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#caption{position:absolute;z-index:7;bottom:155px;left:50%;transform:translate(-50%);width:min(620px,85vw);max-height:110px;overflow:auto;font-size:16px;line-height:1.65;text-align:center;color:#c8d5e9;text-shadow:0 2px 10px #000}.visual-window{position:absolute;z-index:5;left:50%;top:15%;bottom:150px;width:min(1000px,90vw);transform:translate(-50%);background:linear-gradient(145deg,#10182bea,#050a14f5);border:1px solid #9daecb38;border-radius:22px;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:0 30px 120px #0008;overflow:hidden;animation:surface-arrival .6s cubic-bezier(.2,.85,.2,1) both}.window-bar{height:60px;display:flex;align-items:center;padding:0 12px 0 23px;gap:8px;border-bottom:1px solid #9bafcd20}.window-bar>span{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-bar>#keep{background:transparent;border:0;font-size:14px;color:#9cabc4;padding:8px}#window-content{height:calc(100% - 60px);overflow:auto;padding:25px;overscroll-behavior:contain}#window-content>h2{font-size:26px;font-weight:450;margin:8px 0 20px}#window-content p{line-height:1.65}#window-content>iframe{display:block;width:100%;height:calc(100% - 88px);min-height:250px;background:#fff;border:0;border-radius:8px}.artifact-info{display:flex;justify-content:space-between;gap:20px;font-size:14px;line-height:1.5;color:#a5b4cc;margin-bottom:16px}.artifact-info a{white-space:nowrap;color:#c9e5ff}.artifact-card{display:block;text-align:left;padding:24px;width:100%;background:linear-gradient(125deg,#172438a6,#0c112000);margin-bottom:15px}.artifact-card h2{font-size:26px;font-weight:450;margin:15px 0}.artifact-card p{font-size:16px;color:#a4b4ce}.eyebrow{font-size:12px;letter-spacing:.15em;color:#93a9c9}.artifact-card>span:last-child{color:#b2dce9;font-size:14px}.signal-row{display:grid;grid-template-columns:1fr auto 80px;gap:16px;align-items:center;border-bottom:1px solid #91a6c323;padding:16px 0;font-size:15px}.signal-row strong{font-size:14px;font-weight:400;color:#f0bba3}.signal-row[data-state=reachable] strong{color:#96d8c3}.signal-row small{color:#8497b4;font-size:12px;text-align:right}.signal-limits{padding:18px;border-radius:12px;background:#53668012;color:#aab9d0;font-size:14px}.work-card{padding:10px 0 15px;border-bottom:1px solid #718db133}.work-card h3{font-weight:450}.work-card p{font-size:15px;color:#aab9d0;white-space:pre-wrap}.work-card small{color:#8294b0}.visual-open #body-space{transform:translate(-50%,-50%) translateY(-36dvh) scale(.22);opacity:.95}.visual-open #wake{pointer-events:none}.visual-open #wake-label{display:none}.visual-open #caption{bottom:103px;max-height:38px;font-size:14px}.keyboard-sheet{position:absolute;z-index:12;bottom:max(18px,env(safe-area-inset-bottom));left:50%;width:min(720px,94vw);transform:translate(-50%);padding:10px;border:1px solid #8daed047;background:#0c1221ed;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;animation:surface-arrival .35s both}.keyboard-sheet form{display:flex;align-items:center;gap:4px}.keyboard-sheet input{flex:1;min-width:0;font-size:16px;border:0;background:transparent;color:#e2eeff;padding:12px;outline:none}.keyboard-sheet p{margin:0 12px;font-size:14px;line-height:1.6;color:#a5b9d4;max-height:110px;overflow:auto}.keyboard-sheet p:not(:empty){padding:8px 0}.keyboard-open .voice-dock{opacity:0;pointer-events:none}.keyboard-open .visual-window,.keyboard-open #notice{bottom:185px}dialog{width:min(470px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;padding:30px;color:#e3eafa;background:#0b101dec;border:1px solid #8cabc444;border-radius:24px;box-shadow:0 25px 120px #000b;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}dialog::backdrop{background:#02030885;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h1,dialog h2{font-weight:450;letter-spacing:-.035em;font-size:30px;margin:18px 0 15px}dialog p{font-size:16px;line-height:1.65;color:#a7b5cf}.dialog-mark{font-size:12px;letter-spacing:.35em;color:#91a5c7}#pair-form{display:flex;gap:10px;margin-top:25px}#pair-form input{width:100%;min-width:0;background:#ffffff05;border:1px solid #94b7d935;color:#e1f1ff;border-radius:14px;padding:14px 18px;font-size:24px;letter-spacing:.3em}#pair-form button{background:#aac8ff;color:#10182b;font-weight:500}#pair-error{color:#efa7b5;font-size:14px}.settings-title{display:flex;justify-content:space-between;align-items:center}.settings-title h2{margin:0}#settings dl{display:grid;grid-template-columns:1fr auto;gap:14px;font-size:14px;margin-top:25px}dt{color:#91a3be}dd{margin:0;color:#d1e5ff}.quiet-note{font-size:13px!important;color:#899bb8!important;line-height:1.6!important}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.settings-actions button{font-size:14px;padding:12px 8px;background:#202d412e}#voice-consent>button{margin:12px 4px 0 0}#allow-voice{background:#b2d4fc;color:#121a28;border:0}@keyframes surface-arrival{0%{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@media(max-width:700px){#body-space{width:96vw;height:96vw;max-width:70dvh;max-height:70dvh;top:47%}#wake{top:47%;width:68vw;height:68vw;max-width:52dvh;max-height:52dvh}.quiet-header{left:23px;right:15px}.wordmark{font-size:12px}.voice-dock{bottom:max(22px,env(safe-area-inset-bottom))}.visual-window{top:135px;bottom:137px;width:94vw;border-radius:20px}.visual-open #body-space{transform:translate(-50%,-50%) translateY(-33dvh) scale(.28)}#window-content{padding:17px}.window-bar{height:52px;padding-left:18px}#window-content{height:calc(100% - 52px)}.artifact-info{flex-direction:column;gap:7px}.artifact-info>span{display:none}.artifact-card{padding:19px}.artifact-card h2{font-size:23px}.artifact-card p{font-size:14px}.signal-row{grid-template-columns:1fr auto;gap:9px;font-size:14px}.signal-row small{grid-column:2}.signal-row strong{font-size:13px}.signal-row>span{grid-row:span 2}dialog{padding:25px}dialog h1,dialog h2{font-size:27px}#caption{font-size:15px;bottom:143px}#notice{bottom:136px}.visual-open #notice{bottom:90px;font-size:13px}.visual-open #caption{bottom:84px}#window-content>iframe{height:calc(100% - 78px)}.keyboard-open .visual-window{top:85px;bottom:165px}}@media(max-height:550px){#body-space{width:70dvh;height:70dvh;top:43%}#wake{top:43%;width:50dvh;height:50dvh}.voice-dock{bottom:12px;gap:2px}.voice-dock>span:first-child{display:none}.quiet-header{top:8px}.visual-window{top:58px;bottom:75px}.visual-open #body-space{display:none}.visual-open #caption{bottom:26px}.visual-open .voice-dock{left:auto;right:10px;transform:none}#notice{bottom:74px;font-size:13px}.settings-actions{gap:6px}.keyboard-sheet{bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.visual-window,.keyboard-sheet{animation:none}}.visual-window{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;border:0;border-radius:0;transform:none;background:radial-gradient(ellipse at 15% 0%,#16302c55,transparent 55%),linear-gradient(135deg,#101620ee,#03050af7);box-shadow:none;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);z-index:20;display:flex;flex-direction:column;animation:glass-arrival .42s cubic-bezier(.16,1,.3,1) both}.window-bar{position:relative;flex:none;height:calc(68px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 5px max(20px,env(safe-area-inset-left));gap:3px;border:0;background:linear-gradient(180deg,#ffffff0b,#ffffff02);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.window-bar:active{cursor:grabbing}.window-bar>span#window-title{font-size:13px;font-weight:450;color:#c3cddc;letter-spacing:.01em}.glass-handle{position:absolute;top:calc(5px + env(safe-area-inset-top));left:50%;width:32px;height:3px;flex:none!important;border-radius:3px;transform:translate(-50%);background:#c5d7e24d}.window-bar .icon-button,.window-bar a{width:40px;height:44px;min-width:40px;padding:9px;color:#bdd0dd}.window-bar svg{width:20px;height:20px}#open-external{display:grid;place-items:center;text-decoration:none;font-size:22px;border-radius:50%}#window-content{flex:1;min-height:0;height:auto;padding:clamp(20px,5vw,70px);padding-bottom:max(35px,env(safe-area-inset-bottom));background:transparent}#window-content[data-kind=browser]{padding:0;overflow:hidden;background:#fff}#window-content>iframe{width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;display:block;background:#fff}.visual-open #body-space,.visual-open #wake,.visual-open .quiet-header,.visual-open .voice-dock{visibility:hidden;pointer-events:none;opacity:0;transform:none}.visual-open #notice{z-index:23;bottom:max(20px,env(safe-area-inset-bottom));font-size:13px;pointer-events:none}.visual-open #caption{z-index:23;bottom:20px;background:#03070ad9;border-radius:16px;padding:8px 14px;max-height:75px}.keyboard-sheet{z-index:24}.keyboard-open .visual-window{top:0;bottom:0}.keyboard-open #notice{bottom:115px}.artifact-card{border:0;background:linear-gradient(125deg,#ffffff0b,#ffffff02);border-radius:24px;box-shadow:inset 0 1px #e3f7ff15;padding:clamp(24px,4vw,40px)}.artifact-card:hover{background:linear-gradient(125deg,#ffffff13,#ffffff04)}.signal-limits{border:0;background:#ffffff05}.work-card,.signal-row{border-color:#c8dbe816}@keyframes glass-arrival{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@media(max-width:430px){.window-bar{padding-left:14px;gap:0}.window-bar>span#window-title{font-size:12px}.window-bar .icon-button,.window-bar a{width:36px;min-width:36px;padding:8px}#window-content:not([data-kind=browser]){padding:24px 20px 32px}}@media(max-height:550px){.window-bar{height:calc(56px + env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top))}.visual-window{top:0;bottom:0}.visual-open #notice{bottom:12px}}@media(prefers-reduced-motion:reduce){.visual-window{animation:none}}.work-card p{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.work-card small{display:block;line-height:1.5;margin-top:8px}.visual-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;isolation:isolate}.visual-stage:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 38%,#29466c55,transparent 62%),radial-gradient(ellipse at 72% 66%,#42366144,transparent 62%);opacity:.35}.lens-space{position:absolute;inset:max(46px,env(safe-area-inset-top)) 0 max(122px,calc(env(safe-area-inset-bottom) + 106px));overflow:visible}.glass-position{position:absolute;top:0;left:0;width:min(1080px,calc(100vw - 64px));height:min(700px,68dvh);transform-origin:0 0}.glass-reveal{position:relative;width:100%;height:100%}.visual-stage .visual-window{position:relative;inset:auto;width:100%;height:100%;display:flex;flex-direction:column;transform:none;animation:none;translate:none;scale:none;border:0;border-radius:36px;overflow:hidden;background:linear-gradient(125deg,#bddafc19,#7dafd709 43%,#d1c6ff16);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:-24px 25px 70px #0008}.visual-stage .visual-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(122deg,#d8ecff09,transparent 22%,transparent 75%,#c3b5ff05)}.visual-stage .window-bar{position:absolute;top:-38px;left:16px;right:16px;height:30px;padding:0;display:flex;gap:10px;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:default;touch-action:auto}.visual-stage .window-bar #window-title{min-width:0;color:#a4b2c7;font-size:12px;letter-spacing:.03em;text-align:center}.visual-stage #window-content{flex:1;min-width:0;min-height:0;height:auto;padding:clamp(24px,4vw,56px);background:transparent;overflow:auto;scrollbar-width:thin;scrollbar-color:#819bbc44 transparent;overscroll-behavior:contain}.visual-stage #window-content[data-kind=browser]{padding:0;overflow:hidden;background:#fff}.visual-stage #window-content>iframe{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:#fff}.glass-gesture-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:transparent;cursor:grab;touch-action:none}.is-moving .lens-space{touch-action:none;cursor:grab}.is-moving .lens-space:active,.glass-gesture-shield:active{cursor:grabbing}.surface-controls{position:absolute;z-index:5;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 24px)}.surface-controls nav{display:flex;gap:4px;align-items:center;padding:4px 8px;border:0;border-radius:40px;background:#18202d52;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.surface-controls .icon-button,.surface-controls a{display:grid;place-items:center;width:44px;min-width:44px;height:44px;color:#aabcce;text-decoration:none;border:0;background:transparent;border-radius:50%}.surface-controls a{font-size:23px}.surface-controls .icon-button svg{width:21px;height:21px}.surface-controls .icon-button[aria-pressed=true]{color:#b9ecfb;background:#8cddff18}#surface-mic[aria-pressed=true]{color:#65e8d2}#lens-hint{color:#8392a8;font-size:11px;letter-spacing:.015em;text-align:center;margin:0;min-height:15px}.visual-open #body-space,.visual-open #wake,.visual-open .quiet-header,.visual-open .voice-dock{visibility:hidden;opacity:0;pointer-events:none}.visual-open #notice{z-index:23;bottom:max(120px,calc(env(safe-area-inset-bottom) + 106px));pointer-events:none;font-size:13px}.visual-open #caption{z-index:23;bottom:119px;max-height:70px;background:#080c12dd;border-radius:16px;padding:8px 14px}.keyboard-open .visual-stage .visual-window{top:auto;bottom:auto}.visual-stage .artifact-card{border:0;box-shadow:none;background:linear-gradient(125deg,#c4e3ff0a,#d1beff04);padding:24px;border-radius:22px}.visual-stage .artifact-card h2{font-size:clamp(22px,3vw,30px);line-height:1.2}.visual-stage h2{overflow-wrap:anywhere}@media(max-width:600px){.glass-position{width:calc(100vw - 56px);height:66dvh}.visual-stage .visual-window{border-radius:28px}.visual-stage #window-content:not([data-kind=browser]){padding:24px 20px}.visual-stage .window-bar{left:8px;right:8px}.surface-controls nav{gap:0;padding:4px}.surface-controls{bottom:max(28px,env(safe-area-inset-bottom))}.visual-stage .signal-row{grid-template-columns:1fr auto;gap:8px}.visual-stage .artifact-card{padding:20px}.visual-stage .signal-row>span{overflow-wrap:anywhere}}@media(max-height:550px){.lens-space{top:38px;right:0;bottom:94px;left:0}.glass-position{height:calc(100dvh - 148px);width:min(950px,calc(100vw - 50px))}.surface-controls{bottom:max(9px,env(safe-area-inset-bottom));gap:5px}.visual-stage .window-bar{top:-29px;height:24px}.visual-stage .visual-window{border-radius:24px}.visual-stage #window-content:not([data-kind=browser]){padding:18px}.visual-open #notice,.visual-open #caption{bottom:90px}}