.referral-page{height:100vh;height:100dvh;background:#000000;color:var(--text);display:flex;flex-direction:column;overflow:hidden}.referral-header{flex:0 0 auto;background:#000000;padding-top:clamp(.5rem,1.5vh,.75rem);flex-shrink:0}body.in-telegram .referral-header{padding-top:clamp(1rem,2.5vh,1.5rem)}.referral-content{padding:1rem 1.5rem calc(2rem + env(safe-area-inset-bottom, 0));overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1;display:flex;flex-direction:column;gap:1.5rem;min-height:0}body.in-telegram .referral-content{padding-bottom:calc(4rem + env(safe-area-inset-bottom, 0))}.referral-loading{flex:1 1;display:flex;align-items:center;justify-content:center}.referral-tier-card{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:1.125rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 8px 24px rgba(79,172,254,.3);position:relative;overflow:hidden}.referral-tier-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.2) 0,transparent 40%);pointer-events:none}.referral-tier-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:1.125rem;font-size:.875rem;font-weight:600;color:#ffffff;margin-bottom:1rem}.referral-tier-percentage{font-size:3rem;font-weight:900;color:#ffffff;line-height:1;margin-bottom:.5rem;text-shadow:0 4px 12px rgba(0,0,0,.2)}.referral-tier-label{font-size:.875rem;color:rgba(255,255,255,.9);font-weight:500}.referral-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.referral-stat-card{background:rgba(255,255,255,.06);border-radius:1.125rem;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.referral-stat-icon{width:2.5rem;height:2.5rem;background:rgba(255,255,255,.1);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--text)}.referral-stat-value{font-size:1.75rem;font-weight:700;color:var(--text);line-height:1}.referral-stat-label{font-size:.875rem;font-weight:600;color:var(--text)}.referral-stat-sublabel{font-size:.75rem;color:var(--text-secondary)}.referral-progress-card{background:rgba(255,255,255,.06);border-radius:1.125rem;padding:1.25rem}.referral-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.referral-progress-count,.referral-progress-label{font-size:.875rem;font-weight:600;color:var(--text)}.referral-progress-bar{height:.5rem;background:rgba(255,255,255,.1);border-radius:1.125rem;overflow:hidden;margin-bottom:.5rem}.referral-progress-fill{height:100%;background:var(--text);border-radius:1.125rem;transition:width .3s ease}.referral-progress-info{font-size:.75rem;color:var(--text-secondary);text-align:center}.referral-link-card{background:rgba(255,255,255,.06);border-radius:1.125rem;padding:1rem}.referral-link-label{font-size:.8125rem;font-weight:600;color:var(--text);margin-bottom:.625rem}.referral-link-box{display:flex;align-items:center;gap:.625rem;background:rgba(255,255,255,.08);border-radius:1.125rem;padding:.75rem}.referral-link-code{flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8125rem;color:var(--text);letter-spacing:.025em;word-break:break-all}.referral-copy-btn{flex-shrink:0;width:2rem;height:2rem;background:rgba(255,255,255,.1);border:none;border-radius:1.125rem;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.referral-copy-btn:hover{background:rgba(255,255,255,.15)}.referral-copy-btn:active{transform:scale(.95)}.referral-copy-btn.copied{background:rgba(255,255,255,.2);color:var(--text)}.referral-copied-message{margin-top:.625rem;text-align:center;font-size:.6875rem;color:var(--text);font-weight:500}.referral-tiers-card{background:rgba(255,255,255,.06);border-radius:1.125rem;padding:1.25rem}.referral-tiers-title{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 1rem}.referral-tiers-list{display:flex;flex-direction:column;gap:.75rem}.referral-tier-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.04);border-radius:1.125rem;border:2px solid transparent;transition:all .2s ease}.referral-tier-item.active{background:rgba(255,255,255,.08);border-color:var(--text)}.referral-tier-item.completed{background:rgba(255,255,255,.08);border-color:var(--text-secondary)}.referral-tier-item-icon{width:2.5rem;height:2.5rem;border-radius:999px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--text);flex-shrink:0}.referral-tier-item.active .referral-tier-item-icon{background:var(--text);color:#000000}.referral-tier-item.completed .referral-tier-item-icon{background:var(--text-secondary);color:#000000}.referral-tier-item-content{flex:1 1;min-width:0}.referral-tier-item-name{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.referral-tier-item-desc{font-size:.75rem;color:var(--text-secondary)}.referral-tier-item-percentage{font-size:1.125rem;font-weight:700;color:var(--text)}.referral-tier-item.active .referral-tier-item-percentage,.referral-tier-item.completed .referral-tier-item-percentage{color:var(--text)}.referral-info-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:1.125rem;padding:1rem}.referral-info-title{font-size:.875rem;font-weight:700;color:var(--text);margin:0 0 .75rem}.referral-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.referral-info-list li{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;padding-left:1rem;position:relative}.referral-info-list li:before{content:"•";position:absolute;left:.25rem;color:var(--text-secondary)}.referral-info-list li strong,.referral-withdraw-button{color:var(--text);font-weight:600}.referral-withdraw-button{width:100%;padding:1rem 1.5rem;background:#1C1C1E;border:none;border-radius:1.125rem;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s ease}.referral-withdraw-button:hover{background:#1C1C1E;transform:translateY(-1px)}.referral-withdraw-button:active:not(:disabled){transform:scale(.98)}.referral-withdraw-button:disabled{opacity:.5;cursor:not-allowed}.referral-withdraw-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998}.referral-withdraw-modal{position:fixed;bottom:0;left:0;right:0;max-height:90vh;background:#0F0F0F;border-radius:1.5rem 1.5rem 0 0;z-index:9999;display:flex;flex-direction:column;overflow:hidden;touch-action:none}.referral-withdraw-modal-header{flex-shrink:0;padding:1rem 1.5rem .75rem;display:flex;align-items:center;justify-content:center;position:relative;background:#0F0F0F}.referral-withdraw-modal-handle{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);width:2.5rem;height:.25rem;background:rgba(255,255,255,.3);border-radius:.125rem}.referral-withdraw-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text);text-align:center}.referral-withdraw-modal-close{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease}.referral-withdraw-modal-close:hover{background:rgba(255,255,255,.1);color:var(--text)}.referral-withdraw-modal-close:active{transform:translateY(-50%) scale(.95)}.referral-withdraw-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom, 0));display:flex;flex-direction:column;gap:1.5rem}.referral-withdraw-info{text-align:center;padding:1.5rem;background:#1C1C1E;border-radius:1.125rem}.referral-withdraw-amount-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.referral-withdraw-amount-value{font-size:2rem;font-weight:700;color:var(--text)}.referral-withdraw-input-section{display:flex;flex-direction:column;gap:.75rem;position:relative}.referral-withdraw-input-label{font-size:.875rem;font-weight:500;color:var(--text);padding-left:.5rem}.referral-withdraw-input{width:100%;padding:1rem 4rem 1rem 1rem;background:#1C1C1E;border:1px solid rgba(255,255,255,.1);border-radius:1.125rem;color:var(--text);font-size:1.125rem;font-weight:600;font-family:inherit;transition:all .2s ease}.referral-withdraw-input:focus{outline:none;border-color:rgba(255,255,255,.2);background:#1C1C1E}.referral-withdraw-input:disabled{opacity:.5;cursor:not-allowed}.referral-withdraw-max-btn{position:absolute;right:.75rem;top:2.75rem;padding:.5rem 1rem;background:rgba(255,255,255,.1);border:none;border-radius:1.125rem;color:var(--text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.referral-withdraw-max-btn:hover{background:rgba(255,255,255,.15)}.referral-withdraw-max-btn:active{transform:scale(.95)}.referral-withdraw-max-btn:disabled{opacity:.5;cursor:not-allowed}.referral-withdraw-note{padding:1rem;background:rgba(255,255,255,.05);border-radius:1.125rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.referral-withdraw-note p{margin:.25rem 0}.referral-withdraw-note p:first-child{margin-top:0}.referral-withdraw-note p:last-child{margin-bottom:0}.referral-withdraw-submit-btn{width:100%;padding:1rem 1.5rem;background:#1C1C1E;border:none;border-radius:1.125rem;color:var(--text);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.referral-withdraw-submit-btn:hover:not(:disabled){background:#1C1C1E}.referral-withdraw-submit-btn:active:not(:disabled){transform:scale(.98)}.referral-withdraw-submit-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .referral-page{background:#FFFFFF!important;color:#1C1C1E!important}[data-theme=light] .referral-header{background:#FFFFFF!important}[data-theme=light] .referral-content{color:#1C1C1E!important}[data-theme=light] .referral-stat-card{background:rgba(0,0,0,.05)!important}[data-theme=light] .referral-stat-icon{background:rgba(0,0,0,.08)!important;color:#1C1C1E!important}[data-theme=light] .referral-stat-icon svg{color:#1C1C1E!important;stroke:#1C1C1E!important}[data-theme=light] .referral-stat-label,[data-theme=light] .referral-stat-value{color:#1C1C1E!important}[data-theme=light] .referral-stat-sublabel{color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-progress-card{background:rgba(0,0,0,.05)!important}[data-theme=light] .referral-progress-count,[data-theme=light] .referral-progress-label{color:#1C1C1E!important}[data-theme=light] .referral-progress-bar{background:rgba(0,0,0,.08)!important}[data-theme=light] .referral-progress-fill{background:#1C1C1E!important}[data-theme=light] .referral-progress-info{color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-link-card{background:rgba(0,0,0,.05)!important}[data-theme=light] .referral-link-label{color:#1C1C1E!important}[data-theme=light] .referral-link-box{background:rgba(0,0,0,.06)!important}[data-theme=light] .referral-link-code{color:#1C1C1E!important}[data-theme=light] .referral-copy-btn{background:rgba(0,0,0,.08)!important;color:#1C1C1E!important}[data-theme=light] .referral-copy-btn:hover{background:rgba(0,0,0,.12)!important}[data-theme=light] .referral-copy-btn.copied{background:rgba(0,122,255,.15)!important;color:#007AFF!important}[data-theme=light] .referral-copy-btn svg{color:inherit!important;stroke:inherit!important}[data-theme=light] .referral-copied-message{color:#007AFF!important}[data-theme=light] .referral-tiers-card{background:rgba(0,0,0,.05)!important}[data-theme=light] .referral-tiers-title{color:#1C1C1E!important}[data-theme=light] .referral-tier-item{background:rgba(0,0,0,.03)!important}[data-theme=light] .referral-tier-item.active{background:rgba(0,0,0,.08)!important;border-color:#1C1C1E!important}[data-theme=light] .referral-tier-item.completed{background:rgba(0,0,0,.08)!important;border-color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-tier-item-icon{background:rgba(0,0,0,.08)!important;color:#1C1C1E!important}[data-theme=light] .referral-tier-item.active .referral-tier-item-icon{background:#1C1C1E!important;color:#FFFFFF!important}[data-theme=light] .referral-tier-item.completed .referral-tier-item-icon{background:rgba(28,28,30,.6)!important;color:#FFFFFF!important}[data-theme=light] .referral-tier-item-name{color:#1C1C1E!important}[data-theme=light] .referral-tier-item-desc{color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-tier-item-percentage{color:#1C1C1E!important}[data-theme=light] .referral-info-card{background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.1)!important}[data-theme=light] .referral-info-title{color:#1C1C1E!important}[data-theme=light] .referral-info-list li,[data-theme=light] .referral-info-list li:before{color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-info-list li strong{color:#1C1C1E!important}[data-theme=light] .referral-withdraw-button{background:rgba(0,0,0,.08)!important;color:#1C1C1E!important}[data-theme=light] .referral-withdraw-button:hover{background:rgba(0,0,0,.12)!important}[data-theme=light] .referral-withdraw-button:disabled{background:rgba(0,0,0,.05)!important;color:rgba(28,28,30,.4)!important}[data-theme=light] .referral-withdraw-modal-overlay{background:rgba(0,0,0,.5)!important}[data-theme=light] .referral-withdraw-modal,[data-theme=light] .referral-withdraw-modal-header{background:#FFFFFF!important}[data-theme=light] .referral-withdraw-modal-handle{background:rgba(0,0,0,.2)!important}[data-theme=light] .referral-withdraw-modal-title{color:#1C1C1E!important}[data-theme=light] .referral-withdraw-modal-close{color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-withdraw-modal-close:hover{background:rgba(0,0,0,.08)!important;color:#1C1C1E!important}[data-theme=light] .referral-withdraw-modal-close svg{color:inherit!important;stroke:inherit!important}[data-theme=light] .referral-withdraw-info{background:rgba(0,0,0,.05)!important}[data-theme=light] .referral-withdraw-amount-label{color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-withdraw-amount-value,[data-theme=light] .referral-withdraw-input-label{color:#1C1C1E!important}[data-theme=light] .referral-withdraw-input{background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.1)!important;color:#1C1C1E!important}[data-theme=light] .referral-withdraw-input:focus{border-color:#007AFF!important;background:rgba(0,0,0,.08)!important}[data-theme=light] .referral-withdraw-max-btn{background:rgba(0,0,0,.08)!important;color:#1C1C1E!important}[data-theme=light] .referral-withdraw-max-btn:hover{background:rgba(0,0,0,.12)!important}[data-theme=light] .referral-withdraw-note{background:rgba(0,0,0,.03)!important;color:rgba(28,28,30,.6)!important}[data-theme=light] .referral-withdraw-submit-btn{background:rgba(0,0,0,.08)!important;color:#1C1C1E!important}[data-theme=light] .referral-withdraw-submit-btn:hover:not(:disabled){background:rgba(0,0,0,.12)!important}[data-theme=light] .referral-withdraw-submit-btn:disabled{background:rgba(0,0,0,.05)!important;color:rgba(28,28,30,.4)!important}