:root{--bg0: #090910;--bg1: #10101e;--bg2: #16162a;--border: 1px solid #1f1f38;--muted: #55556e;--text-main: #e4e4f4;--orange: #f7931a;--teal: #0ccfc4}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg0);color:var(--text-main);font-family:Segoe UI,system-ui,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.app>div{flex:1}.exchange-page-header{text-align:center;padding:2rem 1.5rem 0}.exchange-page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-main)}.exchange-page-sub{margin:0;font-size:.875rem;color:var(--muted)}.main-grid{max-width:62rem;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.right-column{display:flex;flex-direction:column;gap:1.25rem}.header{position:relative;background:var(--bg1);padding:0 2rem;height:3.5rem;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:.75rem}.header-logo-icon{font-size:1.4rem;color:#d4af37}.header-logo-name{font-size:1.1rem;font-weight:700;color:#d4af37;letter-spacing:-.02em}.header-logo-badge{background:var(--bg2);border:var(--border);border-radius:100rem;padding:.2rem .625rem;font-size:.65rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.header-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:.25rem;background:var(--bg0);border-radius:.75rem;padding:.3rem}.nav-btn{width:10rem;padding:.5rem 0;border-radius:.5rem;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.95rem;font-weight:400;text-align:center;transition:all .15s}.nav-btn.active{background:var(--bg2);color:var(--text-main);font-weight:600}.refresh-btn{background:var(--bg2);border:1px solid #2a2a48;border-radius:.5rem;color:var(--muted);font-size:.85rem;padding:.375rem .75rem;cursor:pointer;outline:none;height:2rem;display:flex;align-items:center;justify-content:center;gap:.375rem;text-align:center}.refresh-btn.loading{color:var(--orange);cursor:default}.card{background:var(--bg1);border:var(--border);border-radius:1rem;padding:1.5rem}.label{font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;display:block}.select-style{background:var(--bg2);border:1px solid #2a2a48;border-radius:.5rem;color:var(--text-main);font-size:.85rem;padding:.375rem .625rem;width:4.5rem;cursor:pointer;outline:none;flex-shrink:0;height:2rem;box-sizing:border-box}.exchange-card{display:flex;flex-direction:column}.tab-content{flex:1;display:flex;flex-direction:column}.tabs{display:flex;gap:.25rem;background:var(--bg0);border-radius:.625rem;padding:.25rem;margin-bottom:1.25rem}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;border-radius:.5rem;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:400;transition:all .15s}.tab-btn.active{background:var(--bg2);color:var(--text-main);font-weight:600}.tab-icon-swap{color:var(--orange)}.field{margin-bottom:.875rem}.divider{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.divider-line{flex:1;border-top:var(--border)}.divider-text{color:var(--muted);font-size:.8rem}.amount-row{display:flex;gap:.5rem;align-items:center;background:var(--bg0);border:1px solid #2a2a48;border-radius:.625rem;padding:.75rem 1rem;height:3.5rem}.amount-row input{flex:1;width:0;background:transparent;border:none;outline:none;color:var(--text-main);font-size:1.4rem;font-family:Courier New,monospace;font-weight:700}.amount-row input::-webkit-inner-spin-button,.amount-row input::-webkit-outer-spin-button{-webkit-appearance:none}.receive-amount{flex:1;font-size:1.4rem;font-family:Courier New,monospace;font-weight:700;color:var(--orange)}.rate-info{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);padding:.2rem 0}.rate-info-value{color:var(--text-main)}.rate-info-value.green{color:#4ade80}.tab-middle{flex:1}.swap-btn{width:100%;padding:.875rem;background:var(--orange);border:1px solid transparent;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:all .2s}.swap-btn.done{background:#0f3a20;border:1px solid #4ade80;color:#4ade80}.ln-sats-badge{display:flex;align-items:center;justify-content:center}.ln-invoice-box{background:var(--bg0);border:1px solid #2a2a48;border-radius:.625rem;padding:.75rem;font-family:Courier New,monospace;font-size:.65rem;color:var(--muted);word-break:break-all;margin-bottom:.875rem;line-height:1.5}.ln-invoice-actions{display:flex;align-items:center;justify-content:space-between;margin:-.375rem 0 .875rem}.ln-demo-notice{font-size:.7rem;color:var(--muted)}.ln-copy-btn{background:var(--bg2);border:1px solid #2a2a48;border-radius:.375rem;color:var(--muted);font-size:.85rem;cursor:pointer;flex-shrink:0;width:6rem;height:2.5rem;text-align:center;transition:all .2s}.ln-copy-btn.copied{background:#0f2a30;border-color:var(--teal);color:var(--teal)}.ln-error{font-size:.8rem;color:#e05a5a;margin-bottom:.75rem}.ln-btn{width:100%;padding:.875rem;background:var(--teal);border:none;border-radius:.75rem;color:#000;font-size:1rem;font-weight:700;cursor:pointer}.ln-btn.done{background:#0f2a30;border:1px solid var(--teal);color:var(--teal)}.price-card-footer{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-top:.75rem}.price-card-footer .refresh-btn{width:calc((100% - 1rem) / 3);min-width:unset;gap:.625rem}.price-updated{font-size:.65rem;color:var(--muted)}.prices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.price-pill{background:var(--bg0);border:1px solid #1f1f38;border-radius:.75rem;padding:.625rem .75rem;cursor:pointer;transition:border-color .15s}.price-pill-name{font-size:.65rem;color:var(--muted);margin-bottom:.25rem}.price-pill-symbol{font-size:1.1rem;font-family:Courier New,monospace;font-weight:700;display:flex;align-items:center;padding:.1rem 0}.coin-icon{width:1.5rem;height:1.5rem;border-radius:50%}.price-pill-price{font-family:Courier New,monospace;font-size:.8rem;margin-top:.25rem;color:var(--text-main)}.chart-card{flex:1}.chart-placeholder{height:10rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted)}.decoder-page{max-width:42rem;margin:0 auto;padding:2rem 1.5rem}.decoder-page-header{text-align:center;margin-bottom:1.5rem}.decoder-page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-main)}.decoder-page-sub{margin:0;font-size:.875rem;color:var(--muted)}.decoder-page-card{width:100%}.invoice-textarea{width:100%;background:var(--bg0);border:1px solid #2a2a48;border-radius:.625rem;color:var(--text-main);font-family:Courier New,monospace;font-size:.75rem;line-height:1.5;padding:.75rem 1rem;resize:vertical;outline:none;margin-bottom:.75rem}.decode-btn{padding:.625rem 1.5rem;background:var(--orange);border:none;border-radius:.625rem;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;margin-bottom:1rem}.decode-btn:disabled{opacity:.4;cursor:default}.decoder-error{color:#f87171;font-size:.8rem;margin-bottom:.75rem}.decoded-info{margin-top:.25rem}.decoded-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.8rem;padding:.35rem 0;border-bottom:1px solid #1a1a30}.decoded-key{color:var(--muted);flex-shrink:0}.decoded-value{color:var(--text-main);font-family:Courier New,monospace;text-align:right;word-break:break-all}.track-btn{width:100%;margin-top:1rem;padding:.625rem;background:var(--teal);border:none;border-radius:.625rem;color:#000;font-weight:700;font-size:.85rem;cursor:pointer}.payment-status{margin-top:1rem;padding:.625rem 1rem;border-radius:.625rem;font-size:.85rem;font-weight:600;text-align:center}.payment-status.pending{background:#1a1a10;border:1px solid #55550f;color:#f7c948;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.payment-status.paid{background:#0f3a20;border:1px solid #4ade80;color:#4ade80;animation:fadeInScale .4s ease-out}.footer{text-align:center;background:var(--bg1);padding:1rem;font-size:.7rem;color:var(--muted)}
