@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#2e2418;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5ebdd;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{color:#2e2418;background:radial-gradient(circle at top,#d9911b2e,#0000 32%),radial-gradient(circle at 18% 16%,#fff8eed1,#0000 22%),linear-gradient(#f6edde 0%,#ebdcc5 100%);min-width:320px;min-height:100vh;margin:0}body.home-page{height:100dvh;overflow:hidden}body:before{content:"";pointer-events:none;background:linear-gradient(#d9911b14,#0000 30%),linear-gradient(90deg,#7d5f3708 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#7d5f3708 1px,#0000 1px) 0 0/32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000003d,#0000 84%);mask-image:linear-gradient(#0000003d,#0000 84%)}a{color:inherit}button,input,textarea{font:inherit}code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}body.home-page #root{height:100%}.page-shell{width:min(840px,100% - 32px);margin:0 auto;padding:28px 0 36px}.home-shell{justify-content:center;align-items:center;height:100dvh;padding:0 0 6vh;display:flex;overflow:hidden}.content-stack{flex-direction:column;gap:16px;display:flex}.invoice-section{margin-top:18px;scroll-margin-top:20px}.invoice-stage-card{width:100%}.invoice-stage-header{flex-direction:column;gap:4px;display:flex}.invoice-stage-header h3{color:#2e2418;letter-spacing:-.03em;margin:0;font-size:1.5rem}.app-layout{align-items:start}.landing-card,.profile-card,.tip-card,.npub-form{background:#fff9eff0;border:1px solid #785c3424;box-shadow:0 18px 44px #664c231f}.landing-card{text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:28px;display:flex}.landing-kicker,.field-label{letter-spacing:.08em;text-transform:uppercase;color:#f0a61a;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;font-weight:500}.landing-card h1{color:#2e2418;letter-spacing:-.04em;max-width:11ch;margin:0;font-size:clamp(2rem,6vw,3.7rem);line-height:.96}.landing-card p{color:#6b5a45;max-width:40ch;margin:0;font-size:.98rem;line-height:1.56}.landing-form{box-shadow:none;background:0 0;border:none;padding:0}.profile-card,.tip-card,.npub-form{border-radius:24px;overflow:hidden}.banner{background-color:#0000;background-image:linear-gradient(#fff8ee08,#7453280f),radial-gradient(circle at 100% 0,#ffb22c2e,#0000 30%),linear-gradient(#f0dfc8 0%,#d9c1a0 100%);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:160px;position:relative}.banner-fallback{background:radial-gradient(circle at 18% 24%,#ffb22c2e,#0000 22%),linear-gradient(#ffffff6b,#0000 45%);position:absolute;inset:0}.profile-body,.tip-card,.npub-form{padding:22px}.identity-row{z-index:1;align-items:flex-start;gap:14px;margin-top:-18px;display:flex;position:relative}.avatar-wrap{background:#fff8ee;border:1px solid #785c341f;border-radius:24px;flex-shrink:0;padding:6px}.identity-copy{flex:1;min-width:0}.avatar,.avatar-fallback{object-fit:cover;color:#4f381d;background:linear-gradient(135deg,#f0d8b2,#d8b281);border-radius:20px;place-items:center;width:84px;height:84px;font-size:2.3rem;font-weight:700;display:grid}.identity-copy h2,.tip-header h3{color:#2e2418;margin:0 0 4px}.identity-copy h2{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.02}.tip-header h3{letter-spacing:-.03em;font-size:1.5rem}.handle,.bio,.tip-header p,.invoice-copy p,.npub-row input::placeholder{color:#6b5a45}.field-textarea::placeholder{color:#6b5a458f}.bio{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.92rem;line-height:1.45;display:-webkit-box;overflow:hidden}.bio-expanded{-webkit-line-clamp:unset;-webkit-box-orient:initial;white-space:pre-wrap;display:block;overflow:visible}.bio-toggle{appearance:none;color:#a06b11;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin:0 0 8px;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.74rem;font-weight:600}.bio-toggle:hover{color:#7b5210}.handle{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.84rem}.profile-summary{flex-direction:column;gap:14px;margin-top:16px;display:flex}.meta-row{flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.meta-badge,.secondary-link{color:#342615;background:#f8ead4;border:1px solid #785c3433;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:7px 11px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.8rem;text-decoration:none;display:inline-flex}.meta-link{color:#3e301d}.meta-link:hover,.meta-button:hover,.secondary-link:hover,.amount-chip:hover,.secondary-button:hover{border-color:#ffb22c6b}.meta-button{font:inherit;cursor:pointer}.meta-button-label,.nip05-label{color:#725c40;font-size:.78rem}.nip05-badge.verified{color:#166534;background:#dcfce7fa;border-color:#16a34a57}.nip05-badge.invalid{color:#b91c1c;background:#fee2e2fa;border-color:#dc262657}.nip05-badge.checking{color:#b45309;background:#fff7d6fa;border-color:#f59e0b52}.nip05-icon{font-weight:700}.nip05-badge.verified .nip05-icon{color:#16a34a}.nip05-badge.invalid .nip05-icon{color:#dc2626}.nip05-badge.checking .nip05-icon{color:#d97706}.tip-card{flex-direction:column;gap:14px;display:flex}.tip-header p{margin:6px 0 0;font-size:.9rem}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.npub-row{gap:12px;display:flex}.npub-row input,.field-input{color:#2e2418;width:100%;font:inherit;background:#fffcf6f5;border:1px solid #785c3424;border-radius:14px;padding:12px 14px}.npub-row input:focus,.field-input:focus{outline-offset:1px;outline:2px solid #ffb22c5c}.npub-row button,.primary-button,.secondary-button,.amount-chip{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:14px;transition:border-color .18s,background .18s,transform .18s,opacity .18s}.npub-row button,.primary-button{color:#2a1d0f;background:#ffd05c;padding:12px 16px;font-weight:700}.npub-row button:hover,.primary-button:hover,.amount-chip:hover,.secondary-button:hover{transform:translateY(-1px)}.npub-row button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.amount-chip{color:#3e301d;background:#fff8ee;border-color:#785c3424;padding:12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.88rem}.amount-chip.active{color:#2a1d0f;background:#ffd05c;border-color:#ffb22c}.field-textarea{resize:vertical;min-height:82px}.note-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.note-toggle.active{border-color:#ffb22c6b}.invoice-card{background:#fff4e4d1;border:1px solid #785c341f;border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.payment-status-row{color:#c98007;align-items:center;gap:10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem;display:inline-flex}.payment-status-dot{background:#ffb22c;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 6px #ffb22c29}.payment-note{color:#6b5a45;margin:0;font-size:.94rem;line-height:1.64}.payment-success-card{background:#ebf9eef5;border:1px solid #4ade8038;border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex}.payment-success-kicker{letter-spacing:.08em;text-transform:uppercase;color:#4ade80;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.payment-success-card h4{color:#234229;letter-spacing:-.03em;margin:0;font-size:1.5rem}.payment-success-card p{color:#4d6a52;margin:0;line-height:1.68}.qr-wrap{background:#fff8ee;border:1px solid #785c341f;border-radius:16px;align-self:center;padding:12px}.invoice-copy code{white-space:pre-wrap;word-break:break-all;color:#c98007;background:#fff9f0f5;border:1px solid #785c341f;border-radius:14px;max-height:120px;margin-top:10px;padding:14px;display:block;overflow:auto}.invoice-actions{flex-wrap:wrap;gap:12px;display:flex}.secondary-button,.secondary-link{color:#3e301d;background:#fff4e4;padding:12px 14px}.invoice-copy-button{justify-content:space-between}.error-box{color:#b42318;background:#fef1eff5;border:1px solid #f8717142;border-radius:14px;width:100%;margin:12px 0 0;padding:14px 16px}@media (width<=640px){.page-shell{padding:8px}.home-shell{height:100dvh;padding-top:0;padding-bottom:6vh;overflow:hidden}.app-layout{width:100%}.landing-card{padding:18px}.landing-card h1{font-size:clamp(1.8rem,9vw,2.4rem)}.profile-body,.tip-card,.npub-form{padding:14px}.content-stack{gap:8px}.banner{min-height:130px}.identity-row{justify-content:center;align-items:flex-start;gap:10px;margin-top:0}.profile-body,.tip-card,.landing-card{text-align:center}.tip-card,.profile-card,.landing-card,.npub-form{border-radius:14px;width:100%}.profile-panel,.tip-panel{flex:none}.avatar,.avatar-fallback{border-radius:14px;width:52px;height:52px;font-size:1.2rem}.avatar-wrap{border-radius:16px;padding:3px}.identity-copy h2{text-align:left;margin-bottom:2px;font-size:1.2rem;line-height:1.08}.bio,.bio-toggle{text-align:left}.handle{text-align:left;font-size:.76rem}.profile-summary{align-items:center;gap:8px;margin-top:10px}.meta-row{justify-content:center;gap:6px}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tip-header{flex-direction:column;align-items:center;display:flex}.tip-header h3{font-size:1.2rem}.npub-row{flex-direction:column}.note-row,.invoice-actions,.payment-status-row{justify-content:center}.note-row{flex-direction:column;gap:6px}.amount-chip,.primary-button,.secondary-button,.secondary-link,.field-input,.npub-row input,.npub-row button{padding-top:10px;padding-bottom:10px}.amount-chip{font-size:.8rem}.field-label,.payment-status-row,.meta-badge,.secondary-link{font-size:.72rem}.bio{-webkit-line-clamp:3;margin-bottom:4px;font-size:.84rem}.bio-toggle{margin-bottom:6px;font-size:.68rem}.field-textarea{min-height:64px}.note-toggle,.primary-button,.secondary-button,.secondary-link{width:100%}.invoice-card{gap:10px;padding:10px}.invoice-section{margin-top:8px}.qr-wrap{padding:8px}.invoice-copy{text-align:left}.invoice-copy code{max-height:76px;padding:12px}}@media (width>=900px){.page-shell{width:min(840px,100% - 48px);padding:24px 0 32px}.app-layout{flex-direction:column;align-items:center;gap:18px;display:flex}.profile-panel,.tip-panel{width:min(100%,760px);height:auto}.invoice-section{justify-content:center;display:flex}.invoice-stage-card{width:min(100%,760px)}}