.svc-page{background:var(--bg,#0a0a0a);min-height:100vh;color:var(--text-primary,#ededed);text-align:center;padding:2rem;padding-top:calc(2rem + env(safe-area-inset-top,0px));justify-content:center;align-items:center;font-family:inherit;display:flex}.svc-content{flex-direction:column;align-items:center;max-width:460px;display:flex}.svc-icon{color:var(--accent,#646cff);margin-bottom:1rem;font-size:64px}.svc-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.svc-message{color:var(--text-primary,#ededed);margin:0 0 .5rem;font-size:1.05rem}.svc-hint{color:var(--text-secondary,#888);margin:0 0 1.5rem;line-height:1.6}.svc-retry{min-width:160px}
.network-status{z-index:9999;justify-content:center;align-items:center;gap:var(--s-8,.5rem);padding:calc(var(--s-12,.75rem) + env(safe-area-inset-top,0px)) var(--s-16,1rem);background:var(--surface,#111);border-bottom:1px solid var(--border,#2a2a2a);color:var(--text-primary,#ededed);text-align:center;font-size:14px;font-weight:500;animation:.3s network-status-fade;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #0000004d}.network-status--offline .network-status-icon{color:var(--accent,#2563eb)}.network-status--reconnected{color:#fff;background:#22c55e;border-bottom-color:#0000}.network-status-icon{flex-shrink:0;font-size:20px}@keyframes network-status-fade{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.network-status{animation:none}}
.rp-banner{z-index:10000;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));padding-left:calc(1rem + env(safe-area-inset-left,0px));padding-right:calc(1rem + env(safe-area-inset-right,0px));background:var(--surface,#1a1a1a);color:var(--text-primary,#ededed);border-top:1px solid var(--accent,#646cff);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}.rp-text{flex:1;min-width:0;font-size:14px;line-height:1.4}.rp-btn{background:var(--accent,#646cff);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;min-height:44px;padding:.6rem 1rem;font-size:14px;font-weight:600;transition:opacity .15s}.rp-btn:hover{opacity:.9}
.toast-container{top:calc(20px + env(safe-area-inset-top,0px));z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;right:20px}.toast{pointer-events:auto;color:#fff;word-break:break-word;border-radius:8px;align-items:center;gap:8px;max-width:360px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toast-slide-in;display:flex;box-shadow:0 4px 12px #00000040}.toast.error{background:#e74c3c}.toast.success{background:#2ecc71}.toast.info{background:#3498db}.toast-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;padding:0;font-size:18px;line-height:1}.toast-close:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}