.shot.shot--demo{flex-direction:column;align-items:center;margin:0;display:flex}.shot--demo .shot__frame{background:#1b1d27;border:1px solid #343742;border-radius:32px;width:min(300px,80vw);max-width:100%;padding:5px;position:relative;box-shadow:8px 18px 36px #0002}.shot--demo .shot__screen{aspect-ratio:9/19.5;background:#0e0f13;border-radius:27px;position:relative;overflow:hidden;container-type:inline-size}.app-demo__canvas{--app-bg:#0e0f13;--app-surface:#171922;--app-raised:#23263a;--app-line:#2e3247;--app-text:#ededf2;--app-muted:#8b8fa3;--app-accent:#9b85ff;--app-deep:#2a2350;--app-ok:#4fd1a5;--app-warn:#f5b94e;--app-danger:#f07178;height:100%;color:var(--app-text);background:var(--app-bg);letter-spacing:0;text-align:left;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:4.8cqw;line-height:1.45;display:flex}.app-demo__canvas *{box-sizing:border-box}.app-demo__canvas p{max-width:none;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:0;margin:0}.app-demo__canvas b{font-size:inherit;font-weight:500}.app-demo__canvas small{color:var(--app-muted);font-size:4cqw;line-height:1.5;display:block}.app-demo__status{background:#090a0d;flex-shrink:0;justify-content:space-between;align-items:center;height:10cqw;padding:0 6cqw;font-size:3.6cqw;display:flex;position:relative}.app-demo__status>span:last-child{align-items:center;gap:1.5cqw;display:flex}.app-demo__camera{background:#000;border-radius:50%;width:2.2cqw;height:2.2cqw;position:absolute;top:4cqw;left:calc(50% - 1.1cqw)}.app-demo__battery{border:1px solid #b1b3bd;border-radius:.6cqw;width:5cqw;height:2.6cqw;display:inline-block;position:relative}.app-demo__battery:after{content:"";background:#b1b3bd;position:absolute;inset:.4cqw 1.2cqw .4cqw .5cqw}.app-demo__body{flex:1;min-height:0;padding:5cqw;overflow:hidden}.app-demo__canvas .app-demo__title{margin-bottom:5cqw;font-size:7.2cqw;font-weight:400;line-height:1.2}.app-demo__canvas .app-demo__greeting{color:var(--app-muted);margin-bottom:1.5cqw;font-size:4.7cqw}.app-demo__muted{color:var(--app-muted)}.app-demo__canvas .app-demo__intro{margin:3cqw 0 4cqw;font-size:4.4cqw}.app-demo__card{background:var(--app-surface);border-radius:4cqw;margin-bottom:2.6cqw;padding:3.7cqw}.app-demo__row{justify-content:space-between;align-items:center;gap:3cqw;display:flex}.app-demo__row>div:first-child{flex:1;min-width:0}.app-demo__row b{display:block}.app-demo__row small{margin-top:1cqw}.app-demo__switch{background:#35394a;border:1px solid #666b80;border-radius:9cqw;flex-shrink:0;width:13cqw;height:7.8cqw;position:relative}.app-demo__switch:after{content:"";background:#c7c9d3;border-radius:50%;width:5.6cqw;height:5.6cqw;position:absolute;top:1cqw;left:1cqw}.app-demo__switch--on{background:var(--app-accent);border-color:var(--app-accent)}.app-demo__switch--on:after{background:var(--app-bg);left:auto;right:1cqw}.app-demo__orb{background:var(--app-deep);border-radius:50%;place-items:center;width:40cqw;height:40cqw;margin:2cqw auto 5cqw;display:grid}.app-demo__orb>span{background:var(--app-accent);color:#08090d;border-radius:50%;place-items:center;width:25cqw;height:25cqw;display:grid}.app-demo__orb svg{width:11cqw;height:11cqw}.app-demo__stats{grid-template-columns:1fr 1fr;gap:3cqw;display:grid}.app-demo__stats strong{font-size:7cqw;font-weight:400;display:block}.app-demo__field{border:1px solid var(--app-line);color:var(--app-text);border-radius:1cqw;margin:4cqw 0;padding:4cqw}.app-demo__prompt{color:var(--app-muted);border-radius:4cqw;align-items:center;gap:3cqw;margin:1.5cqw 0 2.5cqw;display:flex}.app-demo__send{color:var(--app-accent);font-size:7cqw}.app-demo__example{background:var(--app-raised);border-radius:3cqw;width:max-content;max-width:100%;margin-top:1.5cqw;padding:2.4cqw 3cqw;font-size:3.9cqw;display:block}.app-demo__tabs{gap:2cqw;margin-bottom:5cqw;display:flex}.app-demo__tabs--compact{gap:1.5cqw;margin-bottom:3.5cqw}.app-demo__chip{color:var(--app-muted);white-space:nowrap;border:1px solid #515462;border-radius:2cqw;padding:1.5cqw 3.3cqw;font-size:4.8cqw}.app-demo__tabs--compact .app-demo__chip{padding:1.4cqw 2.7cqw;font-size:4cqw}.app-demo__chip--selected{border-color:var(--app-deep);background:var(--app-deep);color:var(--app-text)}.app-demo__avatar{width:8.4cqw;height:8.4cqw;color:var(--app-accent);background:var(--app-deep);border-radius:50%;flex-shrink:0;place-items:center;font-size:4.7cqw;display:grid}.app-demo__avatar--whatsapp{color:#b2f1d3;background:#185842}.app-demo__avatar--mail{color:#ffd2cc;background:#493b40}.app-demo__message{align-items:flex-start;gap:2.5cqw;padding:4cqw 3.3cqw;display:flex}.app-demo__message>div{flex:1;min-width:0}.app-demo__message small{margin-top:1.6cqw}.app-demo__message-top{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.app-demo__message-top>span{color:var(--app-muted);white-space:nowrap;font-size:3.2cqw}.app-demo__badge{background:var(--app-deep);color:var(--app-accent);white-space:nowrap;border-radius:2cqw;padding:1.3cqw 2cqw;font-size:3.8cqw}.app-demo__app-title>div{flex:1}.app-demo__app-message{padding-top:4cqw}.app-demo__app-message b{font-size:4.6cqw}.app-demo__hint{margin:4cqw 0 2cqw}.app-demo__activity-status{flex-wrap:wrap;align-items:center;gap:2cqw;margin-top:3cqw;display:flex}.app-demo__activity-status>span{color:var(--app-ok);background:var(--app-raised);border-radius:1.5cqw;padding:.4cqw 1.5cqw;font-size:3.3cqw}.app-demo__activity-status small{margin:0;font-size:3.3cqw}.app-demo__health-row{align-items:center;gap:3cqw;padding:3.5cqw;display:flex}.app-demo__health-row>div{flex:1}.app-demo__health-row small{margin-top:1.5cqw;font-size:3.8cqw}.app-demo__check{background:var(--app-ok);color:#103c2f;border-radius:50%;flex-shrink:0;place-items:center;width:5.2cqw;height:5.2cqw;font-size:4cqw;display:grid}.app-demo__warn{color:var(--app-warn);font-size:5.4cqw}.app-demo__fix{color:var(--app-accent);font-size:4.8cqw}.app-demo__list--health .app-demo__card{margin-bottom:2cqw}.app-demo__key{color:var(--app-muted);min-height:17cqw}.app-demo__setting{margin-top:5cqw;position:relative}.app-demo__setting>span{background:var(--app-bg);color:var(--app-muted);padding:0 1cqw;font-size:3.4cqw;position:absolute;top:-2.4cqw;left:3cqw}.app-demo__setting b{font-size:4.8cqw}.app-demo__save{background:var(--app-accent);color:#090b0f;text-align:center;border-radius:9cqw;margin-top:3cqw;padding:2cqw}.app-demo__canvas .app-demo__data-title{margin-top:8cqw}.app-demo__delete{color:var(--app-danger);text-align:center;border:1px solid #515462;border-radius:9cqw;margin-bottom:3cqw;padding:2cqw;font-size:4.4cqw}.app-demo__nav{background:var(--app-surface);border-top:1px solid #1e2029;flex-shrink:0;justify-content:space-between;padding:2cqw 1.5cqw 2.5cqw;display:flex}.app-demo__nav-item{color:var(--app-muted);flex-direction:column;flex:1;align-items:center;gap:1cqw;display:flex}.app-demo__nav-item>span{border-radius:10cqw;place-items:center;width:14cqw;height:8cqw;display:grid}.app-demo__nav-item svg{width:5cqw;height:5cqw}.app-demo__nav-item small{color:inherit;font-size:3.3cqw}.app-demo__nav-item--active{color:var(--app-accent)}.app-demo__nav-item--active>span{background:var(--app-deep)}.app-demo__gesture{background:#08090d;flex-shrink:0;place-items:center;height:4.5cqw;display:grid}.app-demo__gesture>span{background:#c0c1c6;border-radius:2cqw;width:35cqw;height:.8cqw}.app-demo__caption{color:var(--text-secondary,#555);text-align:center;max-width:28ch;margin-top:11px;font-size:11px;line-height:1.5}.app-demo--privacy .app-demo__card{padding:3cqw}.app-demo--privacy .app-demo__intro{font-size:3.9cqw}.app-demo--health .app-demo__title{margin-bottom:4cqw}.app-demo--health .app-demo__intro{margin-bottom:5cqw}.app-demo--settings .app-demo__tabs{margin-bottom:4cqw}.app-demo--settings .app-demo__title{margin-bottom:6cqw}