.referral-page{--referral-green:#126b55;--referral-ink:#17352a;--referral-muted:#617269;min-height:100dvh;background:#fafcfb;color:var(--referral-ink);font-family:Roboto,Arial,sans-serif;margin:0 auto;width:100%;max-width:600px}.referral-page *,.referral-modal *{box-sizing:border-box}.referral-toolbar{min-height:68px;padding:8px;display:flex;align-items:center;background:#126b55;color:#fff;gap:0;padding-top:max(8px,env(safe-area-inset-top));width:100%}.referral-toolbar>div{min-width:0;margin-right:10px}.referral-toolbar h1{font-size:20px;font-weight:500;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-toolbar p{color:#cfebdb;font-size:11px;line-height:1.4;margin:2px 0 0}.referral-back{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.referral-back svg{width:24px;height:24px}.referral-body{padding:18px 18px max(28px,env(safe-area-inset-bottom));max-width:600px;margin:0 auto}.referral-card{background:#fff;border:1px solid #dfeae4;border-radius:14px;padding:14px;margin:14px 0 0}.referral-card h2{font-size:16px;font-weight:500;line-height:1.35;margin:0;color:#17352a}.referral-wallet{border-radius:20px;padding:16px;background:linear-gradient(90deg,#0c4d3d,#126b55,#37866a);color:#fff;box-shadow:0 2px 5px #17352a12}.referral-wallet>div{display:flex;align-items:center;justify-content:space-between;color:#e4f2eb;font-size:12px}.referral-wallet svg{width:22px;height:22px;flex-shrink:0}.referral-wallet>strong{display:block;line-height:1.25;margin-top:6px;font-size:clamp(20px,7.5vw,30px);font-weight:500;overflow-wrap:anywhere}.referral-wallet>p{font-size:11px;color:#d5eadf;margin:3px 0 0}.referral-button{height:48px;min-width:0;border:0;border-radius:12px;background:#e4f2ea;color:#126b55;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;line-height:1.35;flex-shrink:0;box-shadow:none}.referral-button svg{width:17px;height:17px;flex:0 0 17px}.referral-button.primary{color:#fff;background:#126b55}.referral-button.muted{background:#436357;color:#fff}.referral-button.wallet{margin-top:13px;color:#126b55;background:#fff}.referral-button.wide{display:flex;width:100%;margin-top:12px}.referral-button:disabled,.referral-rules-toggle:disabled{opacity:.5;cursor:default}.referral-page button:focus-visible,.referral-modal button:focus-visible,.referral-input:focus-visible{outline:3px solid #76c2a5;outline-offset:2px}.referral-button:not(:disabled):active,.referral-record:active{transform:translateY(1px)}.referral-invite{padding:16px;margin-top:16px}.referral-label{font-size:12px;color:#617269;display:block;margin:10px 0 4px}.referral-code-row{display:flex;align-items:center;gap:10px;min-width:0}.referral-code-row>strong{font-family:monospace;font-size:clamp(20px,7vw,27px);letter-spacing:.08em;color:#126b55;font-weight:500;flex:1;min-width:0;overflow-wrap:anywhere}.referral-code-row .referral-button svg{width:14px;height:14px;flex-basis:14px}.referral-caption{color:#617269;font-size:11px;line-height:1.55;margin:7px 0 0;overflow-wrap:anywhere}.referral-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.referral-pair .referral-button:first-child{font-size:11px}.referral-rates>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#617269}.referral-rates>div+div{margin-top:10px}.referral-rates b{color:#126b55;font-size:14px;font-weight:500}.referral-rates>div:nth-child(3) b{font-size:13px}.referral-rates>p{margin-top:12px}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.referral-stats span{display:block;font-size:11px;color:#617269}.referral-stats strong{display:block;font-size:23px;font-weight:500;margin-top:4px;line-height:1.35}.referral-stats>div:nth-child(2) strong{font-size:17px;color:#126b55;overflow-wrap:anywhere}.referral-rules{padding:0;overflow:hidden}.referral-rules-toggle{width:100%;min-height:54px;padding:14px;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#17352a;cursor:pointer;font-family:inherit;text-align:left}.referral-rules-toggle b{font-size:13px;font-weight:500}.referral-rules-toggle svg{width:18px;height:18px;transition:transform .15s}.referral-rules-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.referral-rules>p{padding:0 14px 14px;margin:0;color:#617269;font-size:12px;line-height:1.65;white-space:pre-line}.referral-history-title{font-size:15px;font-weight:500;margin:22px 0 10px}.referral-record{width:100%;padding:13px 10px 13px 13px;margin:0 0 8px;background:#fff;border:1px solid #dfeae4;border-radius:14px;color:#17352a;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-family:inherit;min-height:62px}.referral-record-icon{height:34px;width:34px;flex:0 0 34px;background:#e4f2ea;color:#126b55;border-radius:10px;padding:8px}.referral-record-icon svg{height:18px;width:18px;fill:#126b55;stroke:none}.referral-record-words{flex:1;min-width:0}.referral-record-words b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.referral-record-words small{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:#617269}.referral-record>strong{font-size:13px;font-weight:500;color:#126b55;max-width:120px;overflow-wrap:anywhere;text-align:right}.referral-record>strong.pending{color:#9b691e}.referral-record>svg{width:15px;height:15px;flex:0 0 15px;margin-left:-4px}.referral-empty{font-size:12px;line-height:1.5;color:#617269;padding:14px 4px;margin:0}.referral-notice{font-size:12px;line-height:1.5;color:#617269;display:flex;align-items:center;gap:9px;margin:0 0 12px}.referral-notice>span{flex:1;overflow-wrap:anywhere}.referral-notice .referral-button{min-width:66px}.referral-spinner{width:18px;height:18px;flex:0 0 18px;border:2px solid #dfeae4;border-top-color:#126b55;border-radius:50%;animation:referral-spin .8s linear infinite}@keyframes referral-spin{to{transform:rotate(360deg)}}.referral-modal{border:0;border-radius:20px;padding:0;background:#fff;color:#17352a;font-family:Roboto,Arial,sans-serif;width:94vw;max-width:460px;max-height:calc(100dvh - 40px);overflow:hidden}.referral-modal::backdrop{background:#0006}.referral-modal-heading{display:flex;align-items:center;gap:12px;padding:12px 12px 6px 20px}.referral-modal-heading h2{flex:1;min-width:0;margin:0;font-weight:500;font-size:18px;overflow-wrap:anywhere}.referral-modal-close{height:48px;width:48px;border:0;border-radius:50%;background:#eff6f1;color:#126b55;padding:15px;flex:0 0 48px;cursor:pointer}.referral-modal-close svg{width:18px;height:18px}.referral-modal-body{padding:0 20px 20px;overflow:auto;max-height:calc(100dvh - 125px);font-size:13px;line-height:1.55}.referral-modal-body>.referral-caption{font-size:12px}.referral-input{display:block;width:100%;height:56px;border:1px solid #b9d3c6;border-radius:12px;background:#fff;padding:0 14px;color:#17352a;font-size:16px;min-width:0;box-shadow:none}.referral-code-input{font-size:18px;font-family:monospace;letter-spacing:.1em}.referral-modal form .referral-label{font-size:13px;color:#17352a;font-weight:500;margin:18px 0 8px}.referral-form-error{font-size:12px;color:#a33333;margin:6px 0;min-height:0}.referral-details{margin:4px 0}.referral-details>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #edf3ef;padding:10px 0}.referral-details dt{color:#617269;font-size:12px}.referral-details dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.referral-spinner{animation:none}.referral-rules-toggle svg{transition:none}.referral-button:not(:disabled):active,.referral-record:active{transform:none}}@media(max-width:340px){.referral-body{padding-left:14px;padding-right:14px}.referral-invite{padding:14px}.referral-pair{gap:6px}.referral-button{padding:0 7px}.referral-pair .referral-button{font-size:10px;gap:4px}}