:root{--ink: #ffffff;--card: rgba(255, 255, 255, .1);--list: rgba(255, 255, 255, .1);--btn: rgba(255, 255, 255, .2);--btn-ink: #ffffff;--radius-xl: 5px;--radius-2xl: 10px}*{box-sizing:border-box}html{overflow:hidden}html,body{height:100%;margin:0;font-family:noto-sans,system-ui,sans-serif;color:var(--ink)}body{position:relative;overflow:auto;overscroll-behavior:contain;background-color:#5d7ab4;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/img/background.webp) no-repeat center / cover;z-index:-1;pointer-events:none}.frame{min-height:100%;padding:24px;display:grid;place-items:center}.panel{max-width:640px;width:100%;position:relative}h1{font-weight:700;font-size:24px;margin:0}.subhead{font-size:20px;font-weight:500;margin:4px 0 0}p.lead{font-size:16px;font-weight:400;margin:24px 0}.section-title{font-size:18px;font-weight:500;margin:24px 0 12px}.form-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.input-field{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#ffffff26;color:var(--ink);font-size:16px}.input-field::placeholder{color:#ffffff80}.input-field:focus{outline:2px solid rgba(255,255,255,.6)}.btn-primary{height:40px;padding:0 20px;border-radius:999px;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:14px;border:none;cursor:pointer;white-space:nowrap}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-message{width:100%;font-size:13px;color:#faa;margin:4px 0 0}.list{background:var(--list);border-radius:var(--radius-2xl)}.source-item{display:flex;align-items:center;border-radius:18px}.source-name{font-size:16px;font-weight:500;flex:1}.icon-square{width:48px;height:48px;margin:12px;border-radius:var(--radius-xl);overflow:hidden;flex:0 0 auto;background:#000;display:grid;place-items:center}.icon-img{width:48px;height:48px;object-fit:cover}.btn-connect,.btn-disconnect{margin-left:auto;margin-right:12px;padding:0 16px;height:32px;border-radius:999px;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:14px;text-transform:uppercase;border:none;cursor:pointer;white-space:nowrap}.btn-connect:disabled{opacity:.4;cursor:not-allowed}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.overlay-panel{background:#1e1e32f2;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:28px 24px 20px;max-width:400px;width:100%;text-align:center}.message-text{font-size:17px;line-height:1.5;margin:0 0 20px}.message-actions{display:flex;gap:12px;justify-content:center}.message-button{flex:1;max-width:160px;height:40px;border-radius:999px;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:15px;border:none;cursor:pointer}.message-button.destructive{background:#dc3c3cb3}.message-button.destructive:hover{background:#dc3c3ce6}.logo{position:fixed;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:100;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.logo img{width:40px;height:40px;display:block}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1ef7;z-index:9999;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.admin-header h2{margin:0;font-size:20px;font-weight:700}.admin-close{background:none;border:none;color:var(--ink);font-size:28px;cursor:pointer;padding:0 4px;line-height:1}.admin-content{flex:1;overflow-y:auto;padding:20px 24px 40px}.admin-section{margin-bottom:32px}.admin-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin-bottom:12px}.admin-field{margin-bottom:12px}.admin-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.5;margin-bottom:4px}.admin-value{font-size:13px;font-family:monospace;word-break:break-all;background:#ffffff14;padding:8px 10px;border-radius:6px}.admin-provider{background:#ffffff12;border-radius:10px;padding:12px 14px;margin-bottom:10px}.admin-provider-header{display:flex;align-items:center;justify-content:space-between}.admin-provider-name{font-size:15px;font-weight:600}.admin-provider-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.admin-provider-status.active{background:#22c55e33;color:#4ade80}.admin-provider-status.error{background:#ef444433;color:#f87171}.admin-provider-status.refreshing{background:#eab30833;color:#facc15}.admin-provider-status.disconnected{background:#ffffff1a;color:#fff6}.admin-provider-meta{font-size:11px;opacity:.6;margin-top:6px}.admin-provider-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.admin-provider-actions .admin-btn{margin-top:0}.admin-pref-row{display:flex;align-items:center;gap:10px;font-size:14px}.admin-pref-count{font-size:13px;font-weight:700;background:#ffffff1f;padding:2px 8px;border-radius:999px}.admin-pref-list{margin-top:8px;background:#ffffff0d;border-radius:8px;padding:8px 12px;max-height:200px;overflow-y:auto}.admin-pref-item{font-size:13px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}.admin-pref-item:last-child{border-bottom:none}.admin-input-row{display:flex;gap:8px;align-items:center}.admin-input{flex:1;min-width:0;padding:7px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--ink);font-size:13px;font-family:monospace}.admin-input::placeholder{color:#ffffff59}.admin-input:focus{outline:1px solid rgba(255,255,255,.5)}.admin-msg{font-size:12px;opacity:.7;margin-top:6px}.admin-btn{display:inline-block;margin-top:10px;padding:5px 14px;border-radius:999px;background:#ffffff26;color:var(--ink);font-size:12px;font-weight:600;border:none;cursor:pointer}.admin-btn-danger{background:#dc3c3c66}.admin-btn-danger:hover{background:#dc3c3ca6}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--ink)}