.app{max-width:480px;margin:0 auto;padding-bottom:5rem}.app-header{text-align:center;padding:2rem 0 1.5rem}.app-header h1{font-size:28px;font-weight:600;letter-spacing:-.5px;color:#f0f0f0}.subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.setup-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:12px}.input-label{font-size:13px;color:var(--text-muted)}.url-input{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--text);width:100%;outline:none;transition:border-color .15s}.url-input:focus{border-color:var(--accent)}.url-input::placeholder{color:var(--text-dim)}.btn-connect{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s}.btn-connect:hover{opacity:.85}.node-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:12px;gap:8px}.node-info{display:flex;align-items:center;gap:8px;min-width:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--green)}.dot-amber{background:var(--amber)}.dot-red{background:var(--red)}.node-url{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-badge{font-size:11px;background:#2a2a2a;color:var(--text-muted);padding:2px 8px;border-radius:6px;flex-shrink:0}.btn-disconnect{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:12px;padding:5px 10px;cursor:pointer;flex-shrink:0;transition:border-color .15s}.btn-disconnect:hover{border-color:var(--red);color:var(--red)}.error-banner{background:#2a1515;border:1px solid #5a2020;border-radius:10px;padding:12px 14px;font-size:13px;color:var(--red);margin-bottom:12px}.top-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.top-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:500;color:var(--text)}.refresh-select{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:4px 6px;width:100%;outline:none;margin-top:2px}.shards-list{display:flex;flex-direction:column;gap:10px}.shard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem}.shard-card.shard-synced{border-left:3px solid var(--green)}.shard-card.shard-close{border-left:3px solid var(--amber)}.shard-card.shard-behind{border-left:3px solid var(--red)}.shard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shard-title{font-size:15px;font-weight:500}.badge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500}.badge-synced{background:#4ade801f;color:var(--green)}.badge-close{background:#fbbf241f;color:var(--amber)}.badge-behind{background:#f871711f;color:var(--red)}.shard-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:#ffffff0a;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.stat-full{grid-column:1 / -1}.stat .stat-value{font-size:18px}.color-synced{color:var(--green)}.color-close{color:var(--amber)}.color-behind{color:var(--red)}.footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.last-updated{font-size:12px;color:var(--text-dim)}.btn-refresh{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:13px;padding:6px 14px;cursor:pointer;transition:border-color .15s}.btn-refresh:hover{border-color:var(--accent);color:var(--accent)}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.loading{text-align:center;color:var(--text-muted);font-size:14px;padding:2rem}.guide-hero{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.guide-progress-wrap{display:flex;flex-direction:column;gap:6px}.guide-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.guide-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.guide-progress-label{font-size:12px;color:var(--text-muted)}.guide-top-links{display:flex;gap:12px}.guide-ext-link{color:var(--accent);text-decoration:none;font-size:13px}.guide-ext-link:hover{text-decoration:underline}.guide-section{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;overflow:hidden}.section-header{width:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;text-align:left;gap:8px}.section-title{font-size:14px;font-weight:500;color:var(--text)}.section-chevron{font-size:10px;color:var(--text-dim);flex-shrink:0}.section-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px}.gp{font-size:13px;color:var(--text-muted);line-height:1.55}.gnote{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:8px;padding:10px 12px;color:var(--amber)}.glabel{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.glist{padding-left:18px;display:flex;flex-direction:column;gap:6px}.glist li{font-size:13px;color:var(--text-muted);line-height:1.5}.glist li code{font-size:12px;background:#ffffff14;padding:1px 5px;border-radius:4px;color:var(--text)}.glinks{display:flex;flex-wrap:wrap;gap:10px}.glinks-stack{display:flex;flex-direction:column;gap:10px}.gp code{font-size:12px;background:#ffffff14;padding:1px 5px;border-radius:4px;color:var(--text)}.code-block{position:relative;background:#111;border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-block pre{padding:12px 64px 12px 14px;overflow-x:auto}.code-block code{font-family:SF Mono,Fira Code,Menlo,monospace;font-size:12px;color:#cdd6f4;line-height:1.6;white-space:pre}.copy-btn{position:absolute;top:8px;right:8px;background:#222;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:11px;padding:4px 10px;cursor:pointer;transition:background .15s,color .15s}.copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.guide-step{display:flex;align-items:flex-start;gap:10px;background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .15s}.guide-step input[type=checkbox]{margin-top:2px;flex-shrink:0;accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.guide-step span{font-size:13px;color:var(--text-muted);line-height:1.45}.guide-step.step-done{background:#a78bfa0f;border-color:#a78bfa33}.guide-step.step-done span{text-decoration:line-through;color:var(--text-dim)}.gtable-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.gtable{width:100%;border-collapse:collapse;font-size:12px}.gtable th{background:#ffffff0a;padding:8px 12px;text-align:left;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border)}.gtable td{padding:8px 12px;color:var(--text-muted);border-bottom:1px solid rgba(42,42,42,.5)}.gtable tr:last-child td{border-bottom:none}.about-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:12px}.about-tagline{font-size:15px;color:var(--text);line-height:1.6}.about-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:12px;display:flex;flex-direction:column;gap:12px}.about-section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.about-body{font-size:13px;color:var(--text-muted);line-height:1.6}.about-body code{font-size:12px;background:#ffffff14;padding:1px 5px;border-radius:4px;color:var(--text)}.about-list{display:flex;flex-direction:column;gap:8px;padding-left:18px}.about-list li{font-size:13px;color:var(--text-muted);line-height:1.5}.about-list li code{font-size:12px;background:#ffffff14;padding:1px 5px;border-radius:4px;color:var(--text)}.about-list-ordered{list-style-type:decimal}.about-tip{font-size:12px;color:var(--text-dim);font-style:italic;line-height:1.5}.about-links{display:flex;flex-wrap:wrap;gap:10px}.about-ext-link{font-size:13px;color:var(--accent);text-decoration:none}.about-ext-link:hover{text-decoration:underline}.about-credits-intro{color:var(--text-dim);font-style:italic}.credits-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.credit-card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.credit-card:hover{border-color:var(--accent);background:#a78bfa0f}.credit-name{font-size:14px;font-weight:500;color:var(--text)}.credit-handle{font-size:11px;color:var(--accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-input: #222;--border: #2a2a2a;--text: #f0f0f0;--text-muted: #888;--text-dim: #555;--green: #4ade80;--amber: #fbbf24;--red: #f87171;--accent: #a78bfa}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100dvh;padding:1rem}input,select,button{font-family:inherit}body{padding-bottom:calc(1rem + 60px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:#141414;border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-dim);font-size:11px;transition:color .15s}.nav-tab.nav-active{color:var(--accent)}.nav-icon{font-size:18px;line-height:1}.nav-label{letter-spacing:.3px}