:root{--bg: #111112;--surface: #1f1f20;--surface-2: #29292b;--border: #3d3d40;--text: #ffffff;--text-muted: #9b9ba0;--accent: #ffffff;--radius: 12px;--radius-lg: 20px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.pay-page{min-height:100dvh;max-width:420px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg)}.pay-header{padding:calc(13px + env(safe-area-inset-top,0px)) 12px 28px;text-align:center}.pay-header__title{margin:0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:0}.pay-main{flex:1;padding:0 11px 132px;display:flex;flex-direction:column;gap:19px}.security-banner{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;min-height:98px;padding:16px 15px;border:1px solid #2e2e31;border-radius:8px;background:#202021}.security-banner__icon{display:flex;align-items:center;justify-content:center;color:#fff}.security-banner h2{margin:0 0 7px;font-size:17px;line-height:1.2;font-weight:700}.security-banner p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:18px;line-height:1.25;color:var(--text-muted);font-weight:500}.field__hint{margin:0;font-size:13px;color:var(--text-muted)}.amount-box{display:flex;align-items:center;background:var(--surface);border-radius:var(--radius);min-height:57px;padding:13px 14px;gap:12px}.amount-box__input{flex:1;border:none;background:transparent;font-size:21px;font-weight:500;outline:none;min-width:0}.amount-box__input::placeholder{color:#636366}.amount-box__token{font-size:17px;font-weight:700;white-space:nowrap}.select-box{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:none;min-height:57px;border-radius:var(--radius);padding:13px 14px;cursor:pointer}.select-box__left{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600}.select-box__icon{width:30px;height:30px;border-radius:50%;object-fit:cover}.select-box__icon--placeholder{display:inline-block;background:var(--surface-2)}.select-box__chevron{color:var(--text-muted)}.address-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid #48484c;border-radius:var(--radius);min-height:74px;padding:12px 12px 12px 14px}.address-box__text{flex:1;font-size:18px;word-break:break-all;line-height:1.28;color:#e5e5ea}.address-box__copy{flex-shrink:0;border:none;background:transparent;color:var(--text-muted);padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qr-section{display:flex;flex-direction:column;align-items:center;align-items:stretch;gap:16px;margin-top:2px}.qr-section__title{margin:0;font-size:18px;font-weight:700;color:var(--text)}.qr-section__card{background:transparent;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:240px}.qr-section__placeholder{width:200px;height:200px;background:#f2f2f7;border-radius:8px}.qr-section__hint{margin:0;text-align:center;font-size:16px;font-weight:700;color:#9b9ba0}.countdown-card{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;min-height:79px;padding:13px 16px;border:1px solid #343438;border-radius:8px;background:#202021}.countdown-card__icon{display:flex;align-items:center;justify-content:center;color:#fff}.countdown-card__body{min-width:0}.countdown-card__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.countdown-card h2{margin:0;font-size:16px;line-height:1.2;font-weight:700}.countdown-card p{margin:7px 0 0;color:var(--text-muted);font-size:14px;line-height:1.35}.countdown-card__time{display:inline-flex;align-items:center;gap:3px}.countdown-card__time span{display:inline-flex;min-width:28px;height:24px;align-items:center;justify-content:center;border-radius:4px;background:#3a3a3c;color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.countdown-card__time b{color:#fff;font-size:13px}.note-input{width:100%;resize:none;border:none;outline:none;min-height:56px;border-radius:var(--radius);background:var(--surface);padding:16px 14px;font-size:18px;line-height:1.3}.note-input::placeholder{color:#69696f}.pay-footer{position:fixed;left:0;right:0;bottom:0;max-width:420px;margin:0 auto;padding:12px 20px calc(16px + var(--safe-bottom));background:linear-gradient(180deg,transparent 0%,var(--bg) 24%)}.pay-footer__status{margin:0 0 10px;font-size:12px;color:#ffd60a;text-align:center;word-break:break-all}.pay-btn{width:100%;border:none;border-radius:999px;padding:17px;font-size:16px;font-weight:600;background:var(--accent);color:#000;cursor:pointer}.pay-btn:disabled{opacity:1;background:#202021;color:#747479;cursor:not-allowed}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;border:none;z-index:40}.network-sheet{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + var(--safe-bottom));width:min(390px,calc(100% - 32px));margin:0;padding:8px;list-style:none;background:var(--surface-2);border-radius:var(--radius-lg);z-index:50;max-height:50vh;overflow:auto}.network-sheet__item{width:100%;display:flex;align-items:center;gap:10px;padding:14px 12px;border:none;background:transparent;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.network-sheet__item.is-active{background:var(--surface)}.state-box{margin:40px 20px;text-align:center;color:var(--text-muted);font-size:15px}.state-box--error{color:#ff6b6b}.state-box__retry{margin-top:16px;padding:10px 24px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer}