@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #0b0f16;--card: #0f1623;--card-soft: #101a2a;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--accent: #1daae9;--accent-soft: rgba(29, 170, 233, .15);--accent-line: rgba(29, 170, 233, .55);--success: #34d399;--success-soft: rgba(52, 211, 153, .16);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .16);--help: #60a5fa;--help-soft: rgba(96, 165, 250, .14);--shadow: 0 18px 40px rgba(0, 0, 0, .35);--r12: 12px;--r16: 16px;--r20: 20px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Segoe UI,Tahoma,sans-serif;letter-spacing:.2px}a{color:inherit}button,input,select{font-family:inherit}.page{min-height:100%;padding:36px 16px 80px}.wrap{max-width:560px;margin:0 auto}.pageHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:18px}.phSide{justify-self:start;display:flex;align-items:center;gap:8px}.phSide.phRight{justify-self:end}.headerIconBtn{width:32px;height:32px}.refreshBtn{border-color:var(--accent-line);background:#1daae914;box-shadow:0 0 0 1px #1daae924,0 10px 22px #1daae914}.icon.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{width:28px;height:28px;object-fit:contain;border-radius:8px;background:#ffffff0a;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0f}.pageTitle{justify-self:center;font-weight:800;font-size:18px;letter-spacing:.3px}.btnOutline{border:1px solid var(--accent-line);background:#1daae914;color:var(--text);border-radius:999px;padding:8px 14px;font-weight:700;font-size:12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .06s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.pageHeader .btnOutline{justify-self:end}.btnOutline:hover{background:#1daae91f;border-color:#1daae9b3;transform:translateY(-1px)}.btnOutline:active{transform:translateY(1px)}.btnOutline:disabled{opacity:.45;cursor:not-allowed}.btnPrimary{border:1px solid rgba(29,170,233,.7);background:var(--accent);color:#031219;border-radius:999px;padding:10px 16px;font-weight:800;font-size:12px;cursor:pointer;transition:filter .12s ease,transform .06s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btnPrimary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btnPrimary:active{transform:translateY(1px)}.btnPrimary.disabled{opacity:.45;pointer-events:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r20);box-shadow:var(--shadow),inset 0 1px #ffffff0a;overflow:hidden}.cardTop{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.subHead{display:flex;align-items:center;gap:12px;min-width:0}.subBadge{position:relative;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#ffffff0a;color:#ffffffe6}.subBadge:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:#ffffff14}.subBadge .icon{position:relative;z-index:1}.subBadge.ok{border-color:#34d39959;background:#34d3991a}.subBadge.ok:before{background:#34d39933}.subBadge.warn{border-color:#f59e0b59;background:#f59e0b1f}.subBadge.warn:before{background:#f59e0b33}.subBadge.danger{border-color:#ef444459;background:#ef44441f}.subBadge.danger:before{background:#ef444433}.subMeta{min-width:0}.subName{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subHint{margin-top:4px;font-size:12px;color:var(--muted)}.subHint.warn{color:var(--warn)}.subHint.ok{color:var(--success)}.subHint.danger{color:var(--danger)}.chevBtn{border:none;background:transparent;color:#ffffffbf;cursor:pointer;padding:6px 8px}.icon{width:16px;height:16px}.icon.sm{width:14px;height:14px}.icon.chev{transition:transform .15s ease}.icon.chev.up{transform:rotate(180deg)}.subGrid{padding:14px 16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line)}.subCell{border:1px solid var(--line-soft);border-radius:var(--r16);background:#ffffff05;padding:12px}.cellLabel{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.cellValue{margin-top:8px;font-weight:800;font-size:13px}.cellSub{margin-top:4px;font-weight:700;font-size:11px;color:var(--muted)}.cellValue.status{display:inline-flex;align-items:center;gap:6px}.statusPill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--line-soft);background:#ffffff0a;font-weight:700;font-size:11px;letter-spacing:.2px}.statusPill.ok{border-color:#34d39959;background:#34d3991f;color:var(--success)}.statusPill.warn{border-color:#f59e0b59;background:#f59e0b1f;color:var(--warn)}.statusPill.danger{border-color:#ef444459;background:#ef44441f;color:var(--danger)}.cellValue.status.ok{color:var(--success)}.cellValue.status.warn{color:var(--warn)}.cellValue.status.danger{color:var(--danger)}.install{margin-top:20px}.installHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.installActions{display:inline-flex;align-items:center;gap:10px}.installTitle{font-weight:800;font-size:16px}.qrCard{margin-top:14px;margin-bottom:14px;display:grid;grid-template-columns:1fr 160px;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--r20);background:#ffffff05;box-shadow:inset 0 1px #ffffff0a}.qrInfo{display:flex;flex-direction:column;gap:6px}.qrTitle{font-weight:800;font-size:13px}.qrHint{color:var(--muted);font-size:12px;line-height:1.4}.qrActions{margin-top:6px}.qrBox{width:160px;height:160px;border-radius:var(--r16);border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.qrBox img{width:100%;height:100%;object-fit:contain}.qrPlaceholder{color:#0b0f16;font-size:11px;text-align:center;padding:10px}.keysCard{margin-top:14px;border:1px solid var(--line);border-radius:var(--r20);background:#ffffff05;box-shadow:inset 0 1px #ffffff0a;padding:12px}.keysHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.keysTitle{font-weight:800;font-size:14px}.keysHint{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4}.keysBadge{padding:6px 10px;border-radius:999px;border:1px solid var(--line-soft);background:#1daae91f;color:#ffffffeb;font-weight:800;font-size:12px;min-width:34px;text-align:center}.keysError{margin-top:8px;color:var(--danger);font-size:12px}.keysEmpty{margin-top:8px;color:#ffffffb3;font-size:12px}.keysList{margin-top:10px;display:flex;flex-direction:column;gap:8px}.keyRow{border:1px solid var(--line-soft);background:#ffffff05;border-radius:var(--r16);padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.keyLeft{display:flex;align-items:center;gap:10px;min-width:0}.keyDot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #1daae91f;flex:0 0 auto}.keyLabel{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:800;font-size:12px;color:#ffffffeb}.flagEmoji{font-size:14px;line-height:1;flex:0 0 auto;display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif;font-variant-emoji:emoji}.keyLabelText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyActions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.keyMeta{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.keyBadges{display:inline-flex;align-items:center;gap:6px}.keyBadge{padding:2px 8px;border-radius:999px;border:1px solid var(--line-soft);background:#ffffff0a;font-weight:800;font-size:10px;letter-spacing:.2px;color:#ffffffdb;white-space:nowrap}.keyBadge.ok{border-color:#22c55e59;background:#22c55e1f}.keyBadge.warn{border-color:#f59e0b59;background:#f59e0b1f}.keyBadge.err{border-color:#ef444459;background:#ef44441f}.keyBadge.off{border-color:#94a3b859;background:#94a3b81f;color:#ffffffb3}.iconBtn{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:#ffffff05;color:#ffffffe6;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .06s ease}.iconBtn:hover{border-color:var(--accent-line);transform:translateY(-1px)}.iconBtn:active{transform:translateY(1px)}.iconBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.keyQrBox{margin-top:12px;border-top:1px solid var(--line-soft);padding-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.keyQrTitle{font-weight:800;font-size:12px;color:#ffffffd9}.keyQrBox img{width:200px;height:200px;border-radius:var(--r16);border:1px solid var(--line);background:#fff}.keyQrPlaceholder{color:#ffffffb3;font-size:12px}.inactiveNote{margin-top:10px;border:1px dashed rgba(245,158,11,.45);background:#f59e0b1a;padding:10px 12px;border-radius:var(--r16);font-size:12px;color:var(--warn)}.inactiveNote.danger{border-color:#ef444473;background:#ef44441f;color:var(--danger)}.osSelect{position:relative;display:inline-block}.osButton{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:8px 12px;color:#ffffffe6;font-weight:700;font-size:12px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .06s ease}.osButton:hover{transform:translateY(-1px)}.osButton:active{transform:translateY(1px)}.osSelect.open .osButton{border-color:var(--accent-line);background:#1daae914}.osSelect.attention .osButton{border-color:var(--accent-line);background:#1daae90f;box-shadow:0 0 0 1px #1daae92e,0 10px 22px #1daae91f}.osSelect.attention .osChevron{border-color:#1daae947;background:#1daae914}.osSelect .osButton{box-shadow:0 0 0 1px #1daae924,0 10px 22px #1daae914}.osNudge{margin-top:14px;margin-bottom:12px;border:1px solid rgba(29,170,233,.35);background:#1daae914;border-radius:var(--r16);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.osNudgeLeft{display:flex;align-items:center;gap:10px;min-width:0}.osNudgeIcon{width:32px;height:32px;border-radius:999px;border:1px solid rgba(29,170,233,.28);background:#1daae91f;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.osNudgeText{font-size:12px;color:#ffffffe6;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osNudgeActions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.btnText{border:0;background:transparent;padding:8px 10px;border-radius:999px;color:#ffffffb3;font-weight:700;font-size:12px;cursor:pointer;transition:background .12s ease,color .12s ease}.btnText:hover{background:#ffffff0f;color:#ffffffd9}.btnText:active{background:#ffffff14}.osValue{min-width:92px;text-align:left;flex:1}.osChevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line-soft)}.osCaret{opacity:.6;transition:transform .12s ease}.osSelect.open .osCaret{transform:rotate(180deg)}.osMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;max-height:260px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:var(--r16);box-shadow:var(--shadow);z-index:20}.osOption{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#ffffffe0;padding:8px 10px;font-weight:700;font-size:12px;cursor:pointer;text-align:left}.osOption:hover{background:#ffffff0a;border-color:var(--line-soft)}.osOption.selected{background:var(--accent-soft);border-color:var(--accent-line);color:#fffffff5}.osOptionMark{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #1daae91f}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{border:1px solid var(--line);background:#ffffff05;color:#ffffffdb;border-radius:999px;padding:8px 12px;font-weight:700;font-size:12px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .06s ease}.tab:hover{border-color:var(--accent-line);transform:translateY(-1px)}.tab.active{border-color:var(--accent-line);background:#1daae929;color:#fffffff5;box-shadow:0 0 0 1px #1daae92e,0 6px 16px #1daae929}.timeline{background:var(--card);border:1px solid var(--line);border-radius:var(--r20);padding:12px 14px;box-shadow:inset 0 1px #ffffff0a}.tlItem{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px 0}.tlItem:first-child{padding-top:4px}.tlRail{display:flex;flex-direction:column;align-items:center}.tlDot{position:relative;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#ffffff08;color:#ffffffe6}.tlDot:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:#ffffff14}.tlDot .icon{position:relative;z-index:1}.tlDot.accent{border-color:#1daae98c;background:#1daae92e;color:#fffffff2}.tlDot.accent:before{background:#1daae938}.tlLine{width:2px;flex:1;margin-top:10px;background:repeating-linear-gradient(180deg,#ffffff1f 0,#ffffff1f 4px,#fff0 4px,#fff0 9px);border-radius:2px}.tlItem:last-child .tlLine{opacity:0}.tlBody{min-width:0}.tlTitle{font-weight:800;font-size:13px;margin-bottom:6px}.tText{color:var(--muted);font-size:12px;line-height:1.4}.btnRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.stepAction{margin-top:10px}.btnSoft{border:1px solid var(--line);background:#ffffff08;color:#ffffffe6;border-radius:999px;padding:8px 12px;font-weight:700;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:border-color .12s ease,transform .06s ease}.btnSoft:hover{border-color:#ffffff29;transform:translateY(-1px)}.infoStack{margin-top:14px;display:flex;flex-direction:column;gap:12px}.infoCard{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--r20);background:#ffffff05;box-shadow:inset 0 1px #ffffff0a}.infoCard.warn{border-color:#f59e0b59;background:#f59e0b14}.webviewCard{margin-top:10px}.infoRail{position:relative;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#ffffff08;color:#ffffffe6}.infoRail:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:#ffffff14}.infoRail .icon{position:relative;z-index:1}.warnDot{border-color:#f59e0b59;background:#f59e0b26}.warnDot:before{background:#f59e0b33}.helpDot{border-color:#60a5fa59;background:#60a5fa26}.helpDot:before{background:#60a5fa33}.infoTitle{font-weight:800;font-size:13px}.infoText{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4;margin-bottom:10px}.tvBox{margin-top:10px;border:1px solid var(--line);background:#ffffff05;border-radius:var(--r16);padding:10px}.tvText{color:var(--muted);font-size:12px;line-height:1.4}.tvRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.tvRow input{width:200px;max-width:100%;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#ffffffe6;padding:10px 12px;outline:none;font-weight:700;font-size:12px}.tvRow input:focus{border-color:var(--accent-line)}.error{margin-top:12px;border:1px solid rgba(251,113,133,.25);background:#fb718514;padding:10px 12px;border-radius:var(--r16);font-size:12px}.error.subError{display:flex;align-items:center;justify-content:space-between;gap:12px}.error.subError .btnOutline{padding:6px 10px;font-size:11px}.toastOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0f168c;z-index:40;pointer-events:none;animation:toastOverlayFade 1.4s ease forwards}.toast{background:#0f1623f2;border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-weight:700;font-size:13px;box-shadow:var(--shadow);animation:toastPop 1.4s ease forwards}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f16a6;display:flex;align-items:center;justify-content:center;padding:18px;z-index:45}.modalCard{width:min(420px,100%);border:1px solid var(--line);background:#0f1623f5;border-radius:var(--r20);box-shadow:0 25px 70px #0000008c;padding:14px 14px 16px;text-align:center}.modalTitle{font-weight:900;font-size:14px;margin-bottom:6px}.modalText{font-size:12px;color:#ffffffc7;line-height:1.35;margin-bottom:12px}.modalQr{display:flex;align-items:center;justify-content:center}.modalQr img{width:220px;height:220px;border-radius:12px;background:#fff;padding:8px}.footerHint{margin-top:12px;text-align:center;color:#fff6;font-size:11px}.hint{margin-top:8px;color:#ffffff8c;font-size:12px}.sectionDivider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:18px 0}.sectionDivider.compact{margin:12px 0 16px}@keyframes toastOverlayFade{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes toastPop{0%{opacity:0;transform:translateY(8px) scale(.98)}12%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-6px) scale(.98)}}.recStar{margin-left:6px;color:var(--accent);font-size:.9em;display:inline-flex;align-items:center}@media (max-width: 520px){.pageHeader{grid-template-columns:1fr;justify-items:center;gap:10px}.phSide{justify-self:center}.phSide.phRight{display:none}.cardTop{padding:14px}.subGrid{grid-template-columns:1fr}.installHead{flex-direction:column;align-items:flex-start}.qrCard{grid-template-columns:1fr}.qrBox{width:100%;height:220px}.osSelect{width:100%}.osButton{width:100%;justify-content:space-between}.osMenu{left:0;right:0}}