.rx-demo{--rx-bg:#101A28;--rx-card:#182838;--rx-text:#EAF0F6;--rx-sub:#9AA8B6;--rx-rim:#36516B;--rx-w1:#18293A;--rx-w2:#10243A;--rx-w3:#302938;--rx-w4:#1bc9e411;width:330px;max-width:100%;margin:auto;font-family:Arial,sans-serif;color:var(--rx-text);text-align:left}.rx-demo-badge{font-size:9px;letter-spacing:.08em;color:#77d8ff;display:flex;justify-content:space-between;margin:0 6px 10px}.rx-demo-badge span{color:var(--rx-sub);letter-spacing:0}.rx-phone{padding:7px;background:#101720;border:1px solid #36516b;border-radius:31px;box-shadow:0 24px 45px #0004}.rx-screen{height:500px;background:var(--rx-bg);border-radius:24px;overflow:hidden;position:relative;isolation:isolate}.rx-wave{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.rx-home{padding:35px 15px 0}.rx-wordmark{width:220px!important;height:56px!important;object-fit:contain;margin:0 auto 12px!important;display:block;border-radius:0!important}.rx-search{display:flex;align-items:center;padding:0 4px 0 10px;border:1px solid #2A4055;border-radius:18px;background:#182838de;height:48px;gap:3px}.rx-search>svg{width:20px;height:20px;color:#0878FF;flex-shrink:0}.rx-search input{font:12px Arial,sans-serif;min-width:0;flex:1;width:0;border:0;outline:0;color:var(--rx-text);background:none;padding:0 3px}.rx-search input::placeholder{color:var(--rx-sub)}.rx-search:focus-within{border-color:#0878FF}.rx-do{width:36px;height:36px;border:0;border-radius:10px;background:linear-gradient(135deg,#0878FF,#079BBC);color:white;font-size:11px;flex-shrink:0}.rx-mic{width:30px;height:44px;background:none;border:0;color:var(--rx-text);padding:6px;flex-shrink:0}.rx-mic svg{width:18px;height:22px}.rx-dials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 3px;margin-top:18px}.rx-dials button{background:none;border:0;padding:0;min-width:0;color:var(--rx-text);font:10px Arial,sans-serif;text-align:center;cursor:pointer}.rx-dials i{font-style:normal;display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--tile);font-size:24px;margin:auto}.rx-dials span{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rx-tip{font-size:10px;line-height:1.6;color:var(--rx-sub);text-align:center;margin-top:25px}.rx-nav{position:absolute;bottom:8px;left:6px;right:6px;height:50px;display:flex;border:1px solid var(--rx-rim);background:var(--rx-card);border-radius:16px}.rx-nav button{flex:1;border:0;background:none;color:var(--rx-text);position:relative;padding:6px 0;cursor:pointer}.rx-nav svg{width:17px;height:17px;display:block;margin:auto}.rx-nav span{font-size:8px;display:block;margin-top:3px}.rx-nav button[data-active]:after{content:'';position:absolute;bottom:3px;left:calc(50% - 9px);width:18px;height:2px;background:linear-gradient(90deg,#0878FF,#00D9FF)}.rx-status{position:absolute;bottom:68px;left:13px;right:13px;color:var(--rx-sub);font-size:10px;line-height:1.4;text-align:center}.rx-page{padding:14px}.rx-url{display:flex;align-items:center;gap:9px;border:1px solid var(--rx-rim);background:var(--rx-card);padding:11px;border-radius:18px;font-size:12px}.rx-url svg{width:16px;height:16px;color:#0878FF}.rx-article{padding:22px 8px}.rx-article small{font-size:9px;letter-spacing:.1em;color:var(--rx-sub)}.rx-article h3{font-size:21px;color:var(--rx-text)!important;margin:8px 0}.rx-article p{font-size:12px;line-height:1.6;color:var(--rx-sub)}.rx-sample-art{height:90px;border-radius:16px;background:linear-gradient(140deg,#0878ff30,#00d9ff35,#ff9a0033);margin:15px 0}.rx-sheet{position:absolute;left:0;right:0;bottom:63px;padding:13px;background:var(--rx-card);border:1px solid var(--rx-rim);border-radius:22px 22px 0 0;z-index:4;max-height:320px;overflow:auto}.rx-sheet-head{display:flex;justify-content:space-between;align-items:center;font-size:14px}.rx-sheet-head button{width:44px;height:44px;border:0;background:none;color:var(--rx-text);font-size:25px}.rx-sheet p{font-size:11px;line-height:1.5;color:var(--rx-sub)}.rx-sheet button.rx-row{display:block;width:100%;text-align:left;padding:12px;border:1px solid var(--rx-rim);border-radius:14px;background:var(--rx-bg);color:var(--rx-text);font-size:12px;margin-top:7px}.rx-caption{color:var(--rx-sub);text-align:center;font-size:10px;line-height:1.6;margin:13px 0 0}.rx-demo button:active{transform:scale(.97)}.rx-demo button:focus-visible{outline:2px solid #00D9FF;outline-offset:2px}.rx-demo [hidden]{display:none!important}
html[data-theme=day] .rx-demo{--rx-bg:#F3FAFF;--rx-card:#fff;--rx-text:#1B2430;--rx-sub:#6B7785;--rx-rim:#C8DFEF;--rx-w1:#E9F6FF;--rx-w2:#DFF4FA;--rx-w3:#FFF0DE;--rx-w4:#ffffff18}html[data-theme=day] .rx-search{background:#ffffffb8;border-color:#DCE8F5}html[data-theme=day] .rx-demo-badge{color:#0878FF}html[data-theme=day] .rx-phone{background:#dce9f1;border-color:#aac4d4}
@media(max-width:700px){.rx-demo{width:330px}.app-reference-stage{max-width:100%}}
@media(prefers-reduced-motion:reduce){.rx-demo button:active{transform:none}}
.rx-dials button[data-rx-site=Add] i{color:var(--rx-sub)!important;border:1px solid var(--rx-rim)}
/* Private alternative: preserve the existing site's phone silhouette and aspect, not a claim of a specific device. */
.rx-demo{width:300px}.rx-phone{position:relative;padding:5px;border-radius:12px;background:linear-gradient(110deg,#c9d5df 0%,#e7edf0 1.2%,#566b7c 2.2%,#1b2b3c 5%,#142131 48%,#293c4d 91%,#c9dce6 95%,#50687b 96.5%,#203346 100%);border-color:#9aaab8;box-shadow:2px 1px 0 #9bafbe,5px 3px 0 #435a6b,7px 5px 0 #101a28,16px 25px 42px #10284245,inset 1px 1px 1px #ffffffbb}.rx-phone:before{content:'';position:absolute;z-index:5;top:16px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#09131d;box-shadow:0 0 0 2px #23344699}.rx-phone:after{content:'';position:absolute;right:-5px;top:115px;width:3px;height:52px;border-radius:3px;background:linear-gradient(90deg,#91a4b8,#203448)}.rx-screen{height:auto;aspect-ratio:288/613;border-radius:7px}.rx-demo-badge{font-size:8px}.rx-home{padding:42px 12px 0}.rx-wordmark{width:200px!important;height:50px!important}.rx-dials i{width:40px;height:40px}.rx-search input{font-size:11px}.rx-search{gap:1px;padding-left:7px}.rx-do{width:32px}.rx-mic{width:26px}.rx-dials button{font-size:9px}.rx-caption{font-size:9px}
@media(max-width:899px){.rx-demo{width:248px}.rx-screen{aspect-ratio:236/508}.rx-home{padding:42px 10px 0}.rx-wordmark{width:180px!important;height:46px!important}.rx-dials i{width:35px;height:35px;font-size:22px}.rx-dials{gap:12px 1px}.rx-search{height:43px}.rx-search>svg{width:15px}.rx-search input{font-size:9px}.rx-do{width:28px;height:32px;font-size:10px}.rx-mic{width:24px;padding:4px}.rx-tip{font-size:9px}.rx-demo-badge{font-size:7px}.rx-nav{height:44px}.rx-status{bottom:60px;font-size:9px}}