:root{--base-font-size: 20px;--primary-brand-color: #d30055;--secondary-brand-color: #1a0dab;--primary-accent-color: #5e35b1;--primary-accent-hover: #4527a0;--light-accent-color: #7e57c2;--background-color: #f0f2f5;--container-background: #ffffff;--text-color: #212529;--subtle-text-color: #6c757d;--border-color: #dee2e6;--box-shadow: 0 .1rem .3rem rgba(0,0,0,.05);--border-radius: .5rem}html{font-size:var(--base-font-size)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background:var(--background-color);color:var(--text-color);margin:0}header{background:linear-gradient(to right,var(--primary-brand-color),var(--secondary-brand-color));color:#fff;padding:1.5rem 1rem;text-align:center}#logo{display:block;margin:0 auto;width:14rem;filter:drop-shadow(0 .1rem .1rem rgba(0,0,0,.2))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{background:var(--container-background);padding:1.5rem;max-width:32rem;margin:0 auto;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}#login-view,#main-view{text-align:center}button{width:auto;display:inline-block;margin-bottom:.5rem;padding:.6rem 1.2rem;border:1px solid transparent;color:#fff;border-radius:.3rem;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.button-gradient{background:linear-gradient(to right,var(--primary-brand-color),var(--secondary-brand-color));color:#fff;border:none}.button-secondary{background-color:var(--container-background);color:var(--subtle-text-color);border:1px solid var(--border-color)}.button-secondary:hover{background-color:#f8f9fa;color:var(--text-color)}#fetch-zappers-button{background:linear-gradient(to right,var(--primary-brand-color),var(--secondary-brand-color))}#login-button{background-color:var(--primary-accent-color)}#login-button:hover{background-color:var(--primary-accent-hover)}button:hover{transform:translateY(-2px);box-shadow:0 .2rem .4rem #0000001a}button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}#share-buttons{display:none;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem}#share-buttons button{background-color:var(--container-background);color:var(--primary-accent-color);border:1px solid var(--primary-accent-color)}#share-buttons button:hover{background-color:var(--primary-accent-color);color:var(--container-background)}#zapper-list-heading{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-brand-color);color:var(--text-color)}#zapper-list{list-style-type:none;padding-left:0;counter-reset:zapper-counter}#zapper-list li{padding:.5rem .25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;counter-increment:zapper-counter;transition:background-color .2s;text-align:left}#zapper-list li:hover{background-color:#f8f9fa}#zapper-list li:nth-child(odd){background-color:#f8f9fa}#zapper-list li:before{content:counter(zapper-counter) ". ";min-width:2rem;font-weight:700;color:var(--subtle-text-color)}.profile-pic{width:2.2rem;height:2.2rem;border-radius:50%;margin-right:.75rem;object-fit:cover;border:2px solid var(--container-background);box-shadow:0 0 0 1px var(--border-color)}.profile-link{text-decoration:none;color:inherit;font-weight:500;flex-grow:1}.sats-amount{font-weight:700;margin-left:.5rem;color:var(--primary-accent-color)}#zapper-list li:last-child{border-bottom:none}.total-sats-summary{margin-top:1rem;padding:.75rem;text-align:right;font-size:1.1rem;font-weight:500;border-top:2px solid var(--border-color);color:var(--text-color)}.total-sats-summary strong{color:var(--primary-brand-color)}#list-footer{margin-top:1rem;text-align:center}#list-footer .list-footer-note{font-size:.8em;color:var(--subtle-text-color);margin:0}#progress-container{width:100%;background-color:#e9ecef;border-radius:.25rem;margin:1rem 0;overflow:hidden}#progress-bar{width:0%;height:1.2rem;background-color:var(--light-accent-color);border-radius:.25rem;text-align:center;line-height:1.2rem;color:#fff;font-size:.8em;transition:width .4s ease;box-sizing:border-box}footer{text-align:center;margin-top:2rem;font-size:.9em;color:var(--subtle-text-color)}footer a{color:var(--primary-accent-color);text-decoration:none}footer a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--container-background);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 .2rem 1rem #0000001a;width:90%;max-width:35rem;position:relative}.modal-close{position:absolute;top:.5rem;right:1rem;font-size:1.5rem;font-weight:700;cursor:pointer;color:var(--subtle-text-color)}.modal-content h3{margin-top:0;color:var(--text-color)}.modal-content p{font-size:.9em;color:var(--subtle-text-color)}#note-editor{width:100%;height:10rem;margin:1rem 0;padding:.5rem;border:1px solid var(--border-color);border-radius:.3rem;font-family:inherit;font-size:.9em;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-actions button{width:auto}#modal-cancel-button{background-color:var(--container-background);color:var(--subtle-text-color);border:1px solid var(--border-color)}#modal-cancel-button:hover{background-color:#f8f9fa;color:var(--text-color)}#modal-publish-button{background-color:var(--primary-accent-color)}#modal-publish-button:hover{background-color:var(--primary-accent-hover)}#relay-status-container{font-size:.8rem;color:var(--subtle-text-color);margin:1rem 0;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#f8f9fa}#relay-status-container h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-color)}#relay-status-list{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.relay-status-item{display:flex;align-items:center}.relay-status-indicator{width:.6rem;height:.6rem;border-radius:50%;margin-right:.5rem;flex-shrink:0}.relay-status-indicator.connected{background-color:#28a745}.relay-status-indicator.error{background-color:#dc3545}.relay-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zap-back-button{width:auto;padding:.1rem .5rem;font-size:.7em;margin-left:.5rem;background-color:var(--primary-accent-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;flex-shrink:0}.zap-back-button:hover:not(:disabled){background-color:var(--primary-accent-hover);transform:translateY(-1px)}.zap-back-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.modal-content label{display:block;margin-top:1rem;margin-bottom:.25rem;font-weight:500;font-size:.9em}.modal-content input[type=text],.modal-content input[type=number],.modal-content textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:.3rem;font-family:inherit;font-size:1em;box-sizing:border-box}#nwc-input{padding:.8rem;font-size:1.1em;flex-grow:1;width:auto}.nwc-input-container{display:flex;gap:.5rem;align-items:center;margin:1rem 0}