/* The installed member experience keeps the network as the main destination. */
.live-app-page{margin:0;min-height:100dvh;background:#080e13;color:#dceee8}
.live-app-header{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding:max(12px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));border-bottom:1px solid #8cdae91c;background:#09141bf2}
.live-app-header .live-app-brand{display:inline-flex;align-items:center;gap:11px;min-width:0;text-decoration:none;color:#e7fff4}
.live-app-header .live-app-brand img{width:34px;height:34px;flex-shrink:0}
.live-app-header .live-app-brand strong,.live-app-header .live-app-brand>span{font:500 20px/1.25 var(--font);letter-spacing:-.6px}
.live-app-header .live-app-brand small{display:block;margin-top:3px;font:8px/1.4 var(--font);letter-spacing:1.5px;color:#87b2b2}
.live-app-header nav,.live-app-header .live-app-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.live-app-header button,.live-app-header nav>a,.live-app-header .live-app-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 13px;border:1px solid #91c9c52b;border-radius:8px;background:#10232c;color:#cce7e2;font:11px/1.4 var(--font);text-decoration:none;cursor:pointer}
.live-app-header button:hover,.live-app-header nav>a:hover,.live-app-header .live-app-actions>a:hover{border-color:#8cdae981;background:#19363e;color:#edfff7}
.live-app-header [data-live-install]{color:#071718;background:#80d2c2;border-color:#80d2c2;font-weight:600}
.live-app-header button:disabled{opacity:.5;cursor:default}
.live-app-page button:focus-visible,.live-app-page a:focus-visible,.live-app-page input:focus-visible,.live-scenes-dialog button:focus-visible,.live-scenes-dialog input:focus-visible{outline:2px solid #8ee4d3;outline-offset:3px}
.live-app-page [data-live-app]{max-width:1920px;margin:0 auto;padding:18px 24px 24px}
.live-app-page [data-live-app-status]{margin:0;min-height:25px;padding:5px 24px;color:#92b6ba;font:10px/1.6 var(--font);background:#09141b}
.live-app-page [data-live-app-status]:empty{display:none}
.live-app-page [data-live-app-status].is-error,.live-scenes-status.is-error{color:#ffbcaa}
.live-app-page .hero-network:not(.is-theater){width:100%;margin:0;scroll-margin-top:20px}
.live-app-page .hero-network:not(.is-theater) .graph-intro{padding-top:16px}
.live-app-page .hero-network:not(.is-theater) .graph-space{height:clamp(330px,calc(100dvh - 385px),1100px)}
.live-app-page .hero-network:not(.is-theater) .graph-bottom{padding-top:10px}
.live-app-page .hero-network:not(.is-theater) .graph-sharing{padding-block:10px}
.live-app-page .hero-network:not(.is-theater) .graph-instructions{padding-block:9px}
.live-app-gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:35px;width:min(1220px,calc(100% - 36px));margin:clamp(40px,10vh,110px) auto;padding:clamp(25px,4vw,55px);border:1px solid #83cfc632;border-radius:22px;background:radial-gradient(ellipse at top right,#795cce22,transparent 65%),linear-gradient(140deg,#0c2027,#0a141e);box-shadow:0 25px 90px #0005}
.live-app-gate-copy{min-width:0}
.live-app-gate-image{display:block;width:100%;height:auto;border:1px solid #96d2cf2b;border-radius:14px;box-shadow:0 20px 70px #0005}
.live-app-gate ul{padding-left:19px;margin:23px 0;color:#aed4cc;font:12px/2 var(--font)}
.live-app-gate li{padding-left:3px;margin:4px 0}
.live-app-gate h1{max-width:650px;font:400 clamp(36px,7vw,72px)/1.05 var(--font);letter-spacing:-2px;margin:18px 0 22px}
.live-app-gate p{max-width:600px;color:#a9c4c7;font:14px/1.9 var(--font)}
.live-app-gate .eyebrow{color:#87d9c9;font-size:10px;letter-spacing:2px}
.live-app-gate .live-app-gate-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}
.live-app-gate .live-app-gate-note{font-size:11px;color:#89adb2;margin-top:18px}
.live-app-gate .button{min-height:48px}
.live-scenes-dialog{width:min(620px,calc(100vw - 30px));max-height:calc(100dvh - 32px);padding:25px;border:1px solid #87d9c94d;border-radius:18px;background:#0a1721;color:#dceee8;box-shadow:0 25px 100px #000a;overflow-y:auto;overscroll-behavior:contain}
.live-scenes-dialog::backdrop{background:#02070dcc;backdrop-filter:blur(8px)}
.live-scenes-heading,.live-scenes-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.live-scenes-heading h2{font:400 32px/1.2 var(--font);letter-spacing:-1px;margin:0}
.live-scenes-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;border:1px solid #93c8c629;border-radius:8px;background:#132831;color:#dceee8;font:28px/1 var(--font);cursor:pointer}
.live-scenes-intro,.live-scenes-preferences p{font:12px/1.8 var(--font);color:#98b8bd;margin:12px 0 20px}
.live-scenes-preferences{padding:18px;background:#10242d;border:1px solid #92c8c51f;border-radius:12px;margin:22px 0}
.live-scenes-preferences h3,.live-scenes-list-heading h3{font:500 16px/1.4 var(--font);margin:0;color:#d4eee8}
.live-scenes-preferences p{margin:7px 0 14px}
.live-scenes-preferences .button,.live-scenes-form .button{min-height:44px;font-size:11px}
.live-scenes-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;margin:22px 0 28px}
.live-scenes-form label{grid-column:1/-1;font:11px/1.5 var(--font);color:#adc9ca}
.live-scenes-form input{width:100%;min-width:0;min-height:46px;border:1px solid #53777d;border-radius:8px;padding:11px 12px;background:#061119;color:#e0f0ed;font:12px/1.5 var(--font)}
.live-scenes-form input::placeholder{color:#6d9098}
.live-scenes-counter{font:10px/1.4 var(--font);color:#83a8af;white-space:nowrap}
.live-scenes-list{display:grid;gap:9px;margin-top:13px}
.live-scenes-empty{padding:22px 18px;text-align:center;border:1px dashed #82c3c330;border-radius:10px}
.live-scenes-empty h4{font:500 14px/1.5 var(--font);margin:0 0 6px;color:#accdc9}
.live-scenes-empty p{font:11px/1.8 var(--font);margin:0;color:#7fa5ad}
.live-scene-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;border:1px solid #86bfc021;border-radius:10px;background:#11242d}
.live-scene-copy{min-width:0}
.live-scene-copy h4{font:500 14px/1.4 var(--font);margin:0 0 5px;overflow-wrap:anywhere;color:#d1ece6}
.live-scene-copy p{font:9px/1.5 var(--font);margin:0;color:#86aab1}
.live-scene-actions{display:flex;gap:6px;flex-shrink:0}
.live-scene-actions button,.live-scenes-retry{min-height:44px;padding:9px 12px;border:1px solid #8ccbc33b;border-radius:7px;background:#1b3942;color:#cce9e1;font:11px/1.4 var(--font);cursor:pointer}
.live-scene-actions .live-scene-remove{border-color:#ffb99e23;background:transparent;color:#d2aaa0}
.live-scenes-dialog button:disabled{opacity:.45;cursor:default}
.live-scenes-status{font:11px/1.8 var(--font);color:#9bc9be;margin:18px 0 0}
.live-scenes-status:empty{display:none}
.live-scenes-retry{margin-top:9px}
@media(min-width:1600px){.live-app-page .hero-network:not(.is-theater) .graph-space{height:clamp(520px,calc(100dvh - 350px),1250px)}}
@media(max-width:900px){.live-app-gate{grid-template-columns:1fr;max-width:700px;gap:28px}.live-app-gate-image{max-height:340px;object-fit:cover}.live-app-gate h1{font-size:clamp(36px,8vw,64px)}}
@media(max-width:760px){.live-app-header{gap:12px;padding-inline:max(15px,env(safe-area-inset-left));min-height:68px}.live-app-header .live-app-brand strong,.live-app-header .live-app-brand>span{font-size:18px}.live-app-header .live-app-brand small{font-size:7px;letter-spacing:1px}.live-app-header button,.live-app-header nav>a,.live-app-header .live-app-actions>a{padding:9px 10px;font-size:10px}.live-app-page [data-live-app]{padding:12px 12px max(18px,env(safe-area-inset-bottom))}.live-app-page [data-live-app-status]{padding-inline:16px}.live-app-page .hero-network:not(.is-theater) .graph-space{height:max(330px,calc(100dvh - 430px))}.live-scenes-dialog{padding:20px}.live-scenes-heading h2{font-size:28px}}
@media(max-width:550px){.live-app-header{align-items:flex-start;flex-wrap:wrap}.live-app-header .live-app-brand{min-height:44px}.live-app-header nav,.live-app-header .live-app-actions{width:100%;justify-content:flex-start;gap:6px}.live-app-header button,.live-app-header nav>a,.live-app-header .live-app-actions>a{flex:1;padding-inline:8px}.live-app-page .hero-network:not(.is-theater) .graph-space{height:max(330px,calc(100dvh - 500px))}.live-scenes-form{grid-template-columns:1fr}.live-scenes-form .button{justify-content:center}.live-scene-card{align-items:flex-start;gap:10px;flex-direction:column}.live-scene-actions{width:100%}.live-scene-actions button{flex:1}.live-app-gate h1{letter-spacing:-1.5px}.live-app-gate p{font-size:13px}.live-app-gate .live-app-gate-actions{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.live-app-page *{scroll-behavior:auto}}