html.host-body,html.host-body body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none;font-family:var(--xq-font-sans);background:var(--xq-color-canvas)}html.host-body body{position:fixed}.host-body>iframe{width:100%;height:100%;border:0;display:block}#toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--xq-spacing-md));left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:var(--xq-spacing-xs);pointer-events:none;max-width:calc(100vw - var(--xq-spacing-md) * 2)}.toast{pointer-events:auto;width:max-content;max-width:min(280px,calc(100vw - var(--xq-spacing-md) * 2));box-sizing:border-box;background:var(--xq-color-surface-1);color:var(--xq-color-ink-main);padding:var(--xq-spacing-xxs) var(--xq-spacing-sm);border-radius:var(--xq-rounded-full);border:1px solid var(--xq-color-hairline);box-shadow:0 2px 8px rgba(26,26,26,.08);display:flex;flex-direction:row;align-items:center;gap:6px}.toast.leaving{opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s}.toast .icon{flex-shrink:0;width:14px;height:14px;line-height:14px;text-align:center;font-size:var(--xq-font-size-body-sm);color:var(--xq-color-info)}.toast .text{flex:1;min-width:0;font-size:var(--xq-font-size-body-sm);line-height:var(--xq-line-height-snug);color:var(--xq-color-ink-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast .action{flex-shrink:0;border:0;background:0 0;color:var(--xq-color-info);font-size:var(--xq-font-size-body-sm);padding:0 2px;cursor:pointer;white-space:nowrap}.toast .action:hover{color:var(--xq-color-primary)}.toast .close{flex-shrink:0;width:20px;height:20px;border:0;background:0 0;color:var(--xq-color-ink-muted);border-radius:var(--xq-rounded-full);font-size:var(--xq-font-size-body);line-height:20px;cursor:pointer;padding:0}.toast .close:hover{color:var(--xq-color-ink);background:var(--xq-color-surface-2)}.toast.toast--message{max-width:min(240px,calc(100vw - var(--xq-spacing-md) * 2));padding:6px 12px}.toast.toast--notification{max-width:min(300px,calc(100vw - var(--xq-spacing-md) * 2));border-radius:var(--xq-rounded-md);padding:var(--xq-spacing-xs) var(--xq-spacing-sm);align-items:flex-start}.toast.toast--notification .text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.toast.info .icon{color:var(--xq-color-info)}.toast.success .icon{color:var(--xq-color-success)}.toast.warning .icon{color:var(--xq-color-warning)}.toast.error .icon{color:var(--xq-color-danger)}#np{position:fixed;left:0;top:0;height:3px;width:0;background:var(--xq-color-primary);z-index:10000;opacity:0;transition:width .25s,opacity .2s}.host-qr-overlay{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0) var(--xq-spacing-md) env(safe-area-inset-bottom,0);box-sizing:border-box}.host-qr-overlay.hidden{display:none!important}.host-qr-panel{width:min(420px,100%);background:var(--xq-color-surface-1);border-radius:var(--xq-rounded-md);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.24)}.host-qr-head{display:flex;align-items:center;justify-content:space-between;padding:var(--xq-spacing-sm) var(--xq-spacing-md);border-bottom:1px solid var(--xq-color-hairline)}.host-qr-title{font-size:var(--xq-font-size-body);font-weight:600;color:var(--xq-color-ink-main)}.host-qr-close{width:32px;height:32px;border:0;border-radius:var(--xq-rounded-full);background:var(--xq-color-surface-2);color:var(--xq-color-ink-muted);font-size:20px;line-height:1;cursor:pointer}.host-qr-hint{margin:var(--xq-spacing-xs) var(--xq-spacing-md) 0;font-size:var(--xq-font-size-caption);color:var(--xq-color-ink-muted);text-align:center}.host-qr-reader-wrap{margin:var(--xq-spacing-sm) var(--xq-spacing-md) var(--xq-spacing-md);border-radius:var(--xq-rounded-sm);overflow:hidden;background:#000;min-height:280px}#host-qr-reader{width:100%;min-height:280px;line-height:0}#host-qr-reader video{width:100%!important;max-width:100%!important;min-height:260px!important;object-fit:cover;display:block!important}#host-qr-reader>div{width:100%!important;max-width:100%!important}.host-qr-actions{margin-top:12px;text-align:center}.host-qr-shutter{display:inline-block;min-width:140px;padding:10px 20px;border:none;border-radius:999px;background:var(--xq-primary,#c0392b);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.host-qr-shutter:disabled{opacity:.55;cursor:not-allowed}.host-qr-shutter.hidden{display:none}