:root{color-scheme:dark;--scale:1}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#040e1b;color:#edf6ff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{background:radial-gradient(ellipse at 50% 40%,#0d263e 0%,#061421 50%,#040d18 100%)}.preview-header{height:72px;position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #173147}.preview-header>div{display:flex;align-items:center;gap:9px}.preview-header img{height:37px;width:105px;object-fit:contain}.preview-header span{font-size:7px;color:#4dc7e9;letter-spacing:2px;font-weight:600}.preview-header h1{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:3px 0 0}.preview-header>a{display:flex;align-items:center;height:33px;padding:0 13px;border:1px solid #236585;border-radius:8px;background:#10364e;color:#c7f2ff;font-size:10px;text-decoration:none}main{position:absolute;top:83px;bottom:65px;left:0;right:0;display:flex;align-items:center;justify-content:center}.phone-frame{width:calc(406px * var(--scale));height:calc(860px * var(--scale));border-radius:calc(38px * var(--scale));background:#102033;padding:calc(8px * var(--scale));box-shadow:0 0 0 1px #284056,0 24px 70px #0005,0 0 60px #00caff05;flex-shrink:0}.phone-screen{height:calc(844px * var(--scale));width:calc(390px * var(--scale));border-radius:calc(31px * var(--scale));overflow:hidden;background:#041426;position:relative}.phone-screen iframe{display:block;position:absolute;top:0;left:0;width:390px;height:844px;transform:scale(var(--scale));transform-origin:0 0;border:0;background:#041426}footer{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.preview-modes{display:flex;gap:3px;padding:3px;border:1px solid #20394d;background:#071827;border-radius:9px}.preview-modes button{font:10px 'Segoe UI',sans-serif;color:#7295af;background:transparent;border:0;border-radius:6px;padding:7px 13px;cursor:pointer}.preview-modes .active{background:#17415c;color:#d3f4ff}footer>span{font-size:7px;letter-spacing:.5px;color:#53738d}@media(max-width:700px){body{visibility:hidden}}@media(max-height:730px){.preview-header{height:60px}main{top:71px;bottom:65px}.preview-header h1{font-size:15px}}