:root{color:#ecf3f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101815;font-family:system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #30443a;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:28px;display:flex}.brand{letter-spacing:3px;font-size:23px;font-weight:800}.brand span{color:#a0ecc3}.badge{color:#b7d7c7;border:1px solid #526e5d;border-radius:30px;padding:8px 15px;font-size:12px}main{max-width:1240px;margin:auto;padding:28px}.intro{max-width:750px;margin:24px 0 48px}h1{letter-spacing:-2px;margin:0 0 24px;font-size:clamp(36px,5vw,62px);line-height:1.05}.intro p{color:#b4c5bc;max-width:620px;line-height:1.7}h2{margin-top:0;font-size:20px}h3{margin-top:28px;font-size:16px}small{color:#abc4b4}.grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.card{background:#19241e;border:1px solid #34493d;border-radius:18px;min-width:0;padding:26px}#phoneSmsPreview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}label{margin:14px 0;font-size:14px;display:block}input,select{color:#fff;width:100%;font:inherit;background:#111b15;border:1px solid #52695b;border-radius:7px;margin-top:7px;padding:11px}.check{align-items:center;gap:10px;line-height:1.5;display:flex}.check input{width:18px;margin:0}button{color:#102019;cursor:pointer;background:#b0efc7;border:0;border-radius:8px;margin:5px 5px 5px 0;padding:12px 16px;font-weight:650}.secondary{color:#e7f8ee;background:#2c4034;border:1px solid #4b6556}.danger{color:#ffe7e7;background:#512b2b}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #c5f9d8}.muted{color:#b1c4b7;font-size:13px;line-height:1.6}#display{white-space:pre-wrap;color:#9fffbd;background:#020805;border:1px solid #40634b;border-radius:12px;min-height:288px;margin:18px 0;padding:22px;font:20px/1.6 ui-monospace,monospace}.contact-row{border-top:1px solid #3b5143;padding:20px 0}.contact-row p{color:#b1c4b7;font-size:13px}.large{font-size:19px}#message{background:#2c4034;border-radius:8px;padding:14px}#message:empty{display:none}footer{color:#bccbc2;margin:35px 0;font-size:13px;line-height:1.8}@media (width<=760px){.grid{grid-template-columns:1fr}header{flex-wrap:wrap;gap:12px}main,.card{padding:20px}#display{font-size:16px}}[hidden]{display:none!important}.form-feedback{color:#c6f6d8;padding:10px 0;font-size:14px;line-height:1.5}.form-feedback:empty{display:none}#message{z-index:10;width:calc(100% - 32px);max-width:800px;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0007}:root{--ink:#edf5ef;--subtle:#b7c9bd;--line:#344e40;--accent:#c6f4bd;background:#101b16}body{background:radial-gradient(at 85% 0,#28413270,#0000 45%),#101b16}header{border-bottom-color:var(--line);padding:24px 32px}.brand{letter-spacing:2px;font-size:20px}.brand span{color:var(--accent);font-weight:400}.badge{letter-spacing:1px;background:#162b20}main{padding:32px}.intro{grid-template-columns:1.7fr 1fr;align-items:center;gap:60px;max-width:none;margin:28px 0 38px;display:grid}.intro h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(40px,5.5vw,72px);font-weight:650;line-height:1.08}h1 span{color:var(--accent)}.eyebrow,.intro .eyebrow{letter-spacing:2px;color:#b7d7bf;font-size:10px;font-weight:700;line-height:1.5}.intro-note{background:linear-gradient(145deg,#2b4532,#1b3023);border:1px solid #577459;border-radius:24px;padding:30px;position:relative;overflow:hidden}.intro-note>p:not(.eyebrow){color:var(--ink);margin:18px 0;font-size:25px;line-height:1.4}.intro-note small{line-height:1.7}.orbit{color:var(--accent);font-size:44px;position:absolute;top:22px;right:24px}.text-link{color:var(--accent);text-underline-offset:6px;padding:8px 0;display:inline-block}.session-strip{border:1px solid var(--line);background:#203127;border-radius:16px;grid-template-columns:1fr 1fr 1.4fr;margin-bottom:26px;display:grid}.session-strip>div{min-width:0;padding:18px 24px}.session-strip>div+div{border-left:1px solid var(--line)}.session-strip .eyebrow{margin-bottom:6px;display:block}.session-strip strong{overflow-wrap:anywhere;font-size:15px;font-weight:550;display:block}.real-mode{color:#ffe1a4}.grid{align-items:start;gap:24px}.card{border-color:var(--line);background:#192a20;border-radius:20px;padding:28px;box-shadow:0 12px 40px #00000016}.card h2{letter-spacing:-.4px;border-bottom:1px solid var(--line);padding-bottom:15px;font-weight:600}.card p{line-height:1.65}input,select{background:#112018;border-color:#4c6654;border-radius:10px;min-height:46px}input[type=checkbox]{height:20px;min-height:20px;accent-color:var(--accent);flex-shrink:0}button{background:var(--accent);border-radius:10px;min-height:44px;transition:background .15s,transform .15s}button:not(:disabled):hover{filter:brightness(1.08)}button:not(:disabled):active{transform:translateY(1px)}button.secondary{background:#253d2f}button:disabled{opacity:.55}#display{background:radial-gradient(at top,#102219,#030a06);border-color:#496650;min-height:260px;font-size:18px;box-shadow:inset 0 0 35px #0005}.contact-row{padding:20px 0}.contact-row strong{font-size:18px}.pairing-details{border:1px solid var(--line);background:#112018;border-radius:12px;margin:18px 0;padding:14px}summary{cursor:pointer;min-height:26px;color:var(--accent)}#nativeFeedback,#phoneSmsFeedback,#phoneLocationFeedback{color:#c6f4bd;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);max-width:780px;padding-top:22px}.skip-link{background:var(--accent);color:#102019;z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.text-link:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (width<=760px){header{padding:20px}main{padding:20px 16px}.intro{grid-template-columns:1fr;gap:22px;margin:16px 0 26px}.intro h1{letter-spacing:-2px}.intro-note{display:none}.session-strip{grid-template-columns:1fr 1fr}.session-strip>div{padding:14px 16px}.session-strip>div:last-child{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.card{padding:20px}#display{font-size:16px}}@media (prefers-reduced-motion:reduce){button{transition:none}}.picker-diagnostics{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:12px 14px}.picker-diagnostics p{color:var(--subtle);font-size:13px}.picker-diagnostics a{color:var(--accent);font-size:13px}.native-controller #app{max-width:760px;margin:0 auto;padding:24px 18px 48px}.native-controller h1{margin:0 0 18px;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.15}.native-controller h2{margin:0 0 12px;font-size:1.25rem}.native-controller section{background:#14251b;border:1px solid #405c48;border-radius:16px;margin:22px 0;padding:18px}.native-controller [hidden]{display:none!important}.native-controller p{line-height:1.5}.native-controller label{margin:12px 0}.native-controller label:has(input[type=checkbox]){align-items:flex-start;gap:12px;line-height:1.5;display:flex}.native-controller input[type=checkbox]{flex:0 0 22px;width:22px;height:22px;margin:0;padding:0}.native-controller button{margin:8px 5px 0 0}.native-controller #connection,.native-controller #result{background:#0e1c14;border-radius:8px;padding:12px}.native-controller #message:empty{display:none}.native-controller #message{border:1px solid #f2b47a;border-radius:8px;padding:14px}@media (width<=520px){.native-controller #app{padding:20px 12px 32px}.native-controller section{padding:15px}.native-controller button{width:100%;margin-right:0}}