.clipper-app.referral-design{--side:254px;--home-accent:#93e452;background:#0e0f10;color:#f4f4f5}.clipper-app.referral-design::before{display:none}.clipper-app.referral-design .main{background:#0e0f10;padding:89px 54px 50px}.clipper-app.referral-design .workspace{max-width:1280px}.clipper-app.referral-design .topbar{min-height:30px;margin-bottom:14px;padding:0}.clipper-app.referral-design .topbar h1{font-family:'Inter',sans-serif;font-size:24px;font-weight:650;line-height:30px;letter-spacing:-.65px}.clipper-app.referral-design .sidebar{padding:14px 14px 18px;background:#191a1c;border-right:1px solid #2d2e30}.clipper-app.referral-design .sidebar>.logo{padding:5px 9px 27px}.clipper-app.referral-design .sidebar .lw{font-size:15px}.clipper-app.referral-design .nav a{min-height:44px;padding:11px 14px;font-size:13px;border-radius:9px}.clipper-app.referral-design .nav a.active{background:#29292e;color:#d1b3f6;box-shadow:inset 2px 0 #b391df}.clipper-app.referral-design .top-r{height:62px;background:#191a1c;border-bottom:1px solid #2d2e30;padding:9px 30px;gap:14px}.clipper-app.referral-design .top-r::before{font-size:9px;letter-spacing:.1em}.clipper-app.referral-design :is(.header-help,#accountTrigger){width:38px;min-height:38px;height:38px}.clipper-app.referral-design #accountAvatar{width:30px;height:30px}.clipper-app.referral-design .header-wallet{min-height:38px;padding:8px 18px;font-size:13px;color:#a3e76c}.clipper-app.referral-design .header-wallet svg{width:19px;height:19px}.clipper-app.referral-design{font-family:'CNG Inter','Inter',sans-serif;background:#111213;color:#f2f1f5}.clipper-app.referral-design .main{background:#111213;padding:89px 54px 45px}.clipper-app.referral-design .workspace{max-width:1280px;margin-inline:auto}.clipper-app.referral-design .topbar{min-height:24px;margin-bottom:30px}.clipper-app.referral-design .topbar h1{font:600 18px/24px 'CNG Inter',sans-serif;letter-spacing:-.4px}.clipper-app.referral-design #pageSubtitle{display:none}.clipper-app.referral-design .referral-page{--id-muted:#a8a7af;--id-purple:#bd9ce9;max-width:none;margin:0}.clipper-app.referral-design .identity-page-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 24px}.clipper-app.referral-design .support-kicker{font:650 9px/16px 'CNG Inter',sans-serif;letter-spacing:.12em;color:#b9a8cf;margin:0 0 9px}.clipper-app.referral-design .identity-page-head h2{font:650 clamp(23px,2vw,29px)/1.3 'CNG Inter',sans-serif;letter-spacing:-.9px;margin:0 0 9px}.clipper-app.referral-design .identity-page-head p{font:400 12px/20px 'CNG Inter',sans-serif;color:#a8a7ae;margin:0}.clipper-app.referral-design .referral-emblem{display:grid;place-items:center;width:49px;height:49px;flex:none;border:1px solid #70568c45;border-radius:14px;background:linear-gradient(140deg,#33263f,#211e2a);box-shadow:inset 0 1px 0 #ffffff07;color:#c9adeb}.clipper-app.referral-design .referral-emblem svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.clipper-app.referral-design .referral-page .live-card{background:#1b1c1f;border:1px solid #303136;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff03;padding:22px;transition:border-color .25s,box-shadow .25s}.clipper-app.referral-design .referral-page .live-card:hover{border-color:#44414a;box-shadow:0 6px 20px #0001}.clipper-app.referral-design .referral-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}.clipper-app.referral-design .referral-summary .referral-stat{min-height:132px;padding:18px 21px}.clipper-app.referral-design .referral-stat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:18px;font-weight:500;color:#aeadb5}.clipper-app.referral-design .referral-stat-icon{display:grid;place-items:center;width:28px;height:28px;background:#28252f;border:1px solid #38323f;border-radius:8px;color:#bda0df}.clipper-app.referral-design .referral-stat-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.clipper-app.referral-design .referral-stat>strong{display:block;font:650 clamp(21px,1.8vw,27px)/35px 'CNG Inter',sans-serif;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:#e7e2ef;margin:6px 0 4px;overflow-wrap:anywhere}.clipper-app.referral-design .referral-earned>strong{color:#a4dfb9}.clipper-app.referral-design .referral-earned .referral-stat-icon{color:#a6d7b5;background:#223028;border-color:#344b3d}.clipper-app.referral-design .referral-unpaid>strong{color:#d2beee}.clipper-app.referral-design .referral-stat>p{font:400 10px/17px 'CNG Inter',sans-serif;color:#90929a;margin:0}.clipper-app.referral-design .referral-share-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;margin:0 0 20px}.clipper-app.referral-design .referral-share-grid>.live-card{min-height:238px}.clipper-app.referral-design .referral-page h3{font:600 14px/22px 'CNG Inter',sans-serif;letter-spacing:-.2px;margin:0}.clipper-app.referral-design .commission-card{display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(ellipse at 0 0,#5133631f,transparent 75%),#1b1c1f !important}.clipper-app.referral-design .commission-card .support-kicker{font-size:8px;letter-spacing:.11em;margin:0 0 9px}.clipper-app.referral-design .commission-card>strong{font:650 35px/43px 'CNG Inter',sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#c5a1ee;margin:20px 0 10px;overflow-wrap:anywhere}.clipper-app.referral-design .commission-card>p{font:400 11px/19px 'CNG Inter',sans-serif;color:#a6a5ae;margin:0 0 16px}.clipper-app.referral-design .commission-card>a{display:flex;gap:6px;align-items:center;margin-top:auto;color:#c4a8e5;font:600 10px/18px 'CNG Inter',sans-serif;transition:color .2s}.clipper-app.referral-design .commission-card>a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.clipper-app.referral-design .commission-card>a:hover{color:#ebd5ff}.clipper-app.referral-design .referral-link-card{position:relative;padding-bottom:32px !important}.clipper-app.referral-design .referral-link-card h3{display:flex;align-items:center;gap:8px}.clipper-app.referral-design .referral-link-card h3 svg{width:17px;height:17px;fill:none;stroke:#b89bd9;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.clipper-app.referral-design .referral-link-card>p:not(.referral-copy-status){font:400 11px/18px 'CNG Inter',sans-serif;color:#a6a5ae;margin:8px 0 17px}.clipper-app.referral-design .referral-link-card>label{display:block;font:500 10px/17px 'CNG Inter',sans-serif;color:#aba4b7;margin:17px 0 7px}.clipper-app.referral-design .copy-field{display:flex;align-items:center;gap:10px;min-width:0}.clipper-app.referral-design .copy-field input{height:41px;min-height:41px;padding:10px 12px;font:400 11px/19px 'CNG Inter',sans-serif;background:#232429;border:1px solid #393a42;border-radius:10px;color:#e3dfea;min-width:0;width:100%;transition:border-color .2s,box-shadow .2s,background .2s}.clipper-app.referral-design .copy-field input:hover{border-color:#56515f;background:#28282e}.clipper-app.referral-design .copy-field input:focus{border-color:#b69ad8;outline:0;box-shadow:0 0 0 3px #b69ad817}.clipper-app.referral-design #inviteCode{font-weight:650;letter-spacing:.07em}.clipper-app.referral-design .referral-copy-status{position:absolute;left:22px;right:22px;bottom:8px;min-height:16px;margin:0;color:#a8d9b7;font:400 10px/16px 'CNG Inter',sans-serif}.clipper-app.referral-design .referral-page .btn{display:inline-flex;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden;gap:7px;min-height:39px;border-radius:9px;padding:9px 13px;font:700 11px/19px 'CNG Inter',sans-serif;white-space:nowrap;transition:background .24s,color .24s,border-color .24s,box-shadow .3s,transform .24s cubic-bezier(.2,.8,.2,1)}.clipper-app.referral-design .referral-page .btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex:none}.clipper-app.referral-design .referral-page .btn-primary{background:linear-gradient(135deg,#c4a3f1,#ab87dc);color:#21132f;border:1px solid #d3b8f65c;box-shadow:inset 0 1px 0 #ffffff24}.clipper-app.referral-design .referral-page .btn-ghost{background:#27272e;border:1px solid #3f3b47;color:#ddd2e9;box-shadow:inset 0 1px 0 #ffffff06}.clipper-app.referral-design .referral-page .btn::after{content:'';position:absolute;inset:-50% -25%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff3 50%,transparent 65%);transform:translateX(-130%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.clipper-app.referral-design .referral-page .btn.is-copied{color:#b7efc9;border-color:#5b99704d;background:#263d2e}.clipper-app.referral-design .referral-page .btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:inset 0 2px 5px #0003;transition-duration:.1s}.clipper-app.referral-design .referral-page .btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.clipper-app.referral-design .referral-page .btn:disabled::after{display:none}.clipper-app.referral-design .referral-members{min-height:208px;margin:0 0 20px}.clipper-app.referral-design .referral-members .community-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.clipper-app.referral-design .referral-members h3{font-size:16px;line-height:24px}.clipper-app.referral-design #referralResults{font:400 10px/17px 'CNG Inter',sans-serif;color:#93939c;margin:5px 0 0}.clipper-app.referral-design .referral-search{display:flex;align-items:center;gap:8px;min-width:0;width:205px;margin:0;padding:0 11px;background:#232429;border:1px solid #393a42;border-radius:10px;transition:border-color .2s,box-shadow .2s}.clipper-app.referral-design .referral-search svg{width:14px;height:14px;fill:none;stroke:#9998a3;stroke-width:1.7;flex:none}.clipper-app.referral-design .referral-search input{background:0;border:0;outline:0;box-shadow:none;font:400 11px/19px 'CNG Inter',sans-serif;color:#e7dff0;width:100%;min-width:0;height:37px;padding:9px 0}.clipper-app.referral-design .referral-search:focus-within{border-color:#b69ad8;box-shadow:0 0 0 3px #b69ad817}.clipper-app.referral-design .referral-search:has(input:disabled){opacity:.5}.clipper-app.referral-design .referral-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:105px;text-align:center;padding:12px;color:#aaa6b3}.clipper-app.referral-design .referral-empty>svg{width:24px;height:24px;fill:none;stroke:#a28cbb;stroke-width:1.4;margin-bottom:3px}.clipper-app.referral-design .referral-empty>strong{font:600 12px/19px 'CNG Inter',sans-serif;color:#ccc4d6}.clipper-app.referral-design .referral-empty>p{font:400 11px/18px 'CNG Inter',sans-serif;margin:0;color:#96929f}.clipper-app.referral-design .referral-no-results{padding:26px 12px;text-align:center;font-size:12px;color:#aca2b8}.clipper-app.referral-design .referral-members table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.clipper-app.referral-design .referral-members th{font:500 10px/17px 'CNG Inter',sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#99939f;background:transparent;padding:12px;border-bottom:1px solid #323137}.clipper-app.referral-design .referral-members td{font:400 12px/20px 'CNG Inter',sans-serif;padding:14px 12px;border-bottom:1px solid #2c2b31;color:#b5afbe}.clipper-app.referral-design .referral-members tr{transition:background .2s}.clipper-app.referral-design .referral-members tbody tr:hover{background:#ffffff03}.clipper-app.referral-design .referral-members .rank-person{gap:10px;color:#e3dce9}.clipper-app.referral-design .referral-members .leader-avatar{width:29px;height:29px;font-size:11px;background:#302837;border-color:#483952;color:#d6b8f0}.clipper-app.referral-design .referral-members .review-badge{font:600 10px/16px 'CNG Inter',sans-serif;padding:4px 7px;border-radius:6px}.clipper-app.referral-design .referral-entry{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:28px;padding-block:20px !important}.clipper-app.referral-design .referral-entry p{font:400 11px/19px 'CNG Inter',sans-serif;margin:7px 0 0;color:#a7a0b1;max-width:400px}.clipper-app.referral-design .referral-entry label{font:500 10px/17px 'CNG Inter',sans-serif;color:#beb5c9;margin:0 0 7px}.clipper-app.referral-design .referral-page .identity-info{font:400 11px/18px 'CNG Inter',sans-serif;background:#25202d;border-color:#40344d;color:#c2b1d4;padding:11px;border-radius:9px}.clipper-app.referral-design .dashboard-footer{margin-top:34px}.clipper-app.referral-design :is(.header-wallet,.header-help,#accountTrigger,.dashboard-footer .btn){font-weight:700;transition:transform .24s,box-shadow .24s,background .24s}.clipper-app.referral-design :focus-visible{outline:2px solid #c3a2e9;outline-offset:3px}@media(hover:hover) and (pointer:fine){.clipper-app.referral-design .referral-page .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 19px #a77adb29}.clipper-app.referral-design .referral-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d3b8f7,#bd9de9);border-color:#dfc8fc80}.clipper-app.referral-design .referral-page .btn-ghost:hover:not(:disabled){background:#37303f;border-color:#7d6397;color:#f2e4ff}.clipper-app.referral-design .referral-page .btn:hover:not(:disabled)::after{transform:translateX(130%)}.clipper-app.referral-design :is(.header-wallet,.header-help,#accountTrigger,.dashboard-footer .btn):hover{transform:translateY(-2px);box-shadow:0 5px 18px #a77adb24}}@media(min-width:861px) and (max-width:1250px){.clipper-app.referral-design{--side:218px}.clipper-app.referral-design .main{padding-inline:30px}.clipper-app.referral-design .referral-page .live-card{padding:18px}.clipper-app.referral-design .referral-share-grid{grid-template-columns:1fr 1.65fr}.clipper-app.referral-design .referral-entry{grid-template-columns:1fr;gap:16px}}@media(max-width:860px){.clipper-app.referral-design .main{padding:87px 24px 35px}.clipper-app.referral-design .top-r{left:0;padding-left:64px}.clipper-app.referral-design .referral-summary{gap:12px}.clipper-app.referral-design .referral-summary .referral-stat{padding:16px}.clipper-app.referral-design .referral-stat-heading{font-size:10px;gap:6px}.clipper-app.referral-design .referral-stat>strong{font-size:21px}.clipper-app.referral-design .referral-share-grid{grid-template-columns:1fr 1.6fr;gap:16px}.clipper-app.referral-design .referral-page .live-card{padding:18px}.clipper-app.referral-design .referral-entry{grid-template-columns:1fr;gap:16px}}@media(max-width:620px){.clipper-app.referral-design .main{padding:83px 16px 30px}.clipper-app.referral-design .topbar{margin-bottom:24px}.clipper-app.referral-design .identity-page-head{flex-direction:row;align-items:center}.clipper-app.referral-design .identity-page-head h2{font-size:23px}.clipper-app.referral-design .identity-page-head p{font-size:11px}.clipper-app.referral-design .referral-emblem{display:none}.clipper-app.referral-design .referral-summary{grid-template-columns:1fr;gap:10px}.clipper-app.referral-design .referral-summary .referral-stat{display:grid;grid-template-columns:1fr auto;min-height:100px;align-items:center;padding:15px 17px;gap:5px 12px}.clipper-app.referral-design .referral-stat-heading{grid-column:1;grid-row:1;justify-content:flex-start;font-size:11px}.clipper-app.referral-design .referral-stat-heading>span:first-child{order:1}.clipper-app.referral-design .referral-stat>strong{grid-column:2;grid-row:1/3;font-size:23px;text-align:right;line-height:30px;max-width:180px}.clipper-app.referral-design .referral-stat>p{grid-column:1;font-size:9px}.clipper-app.referral-design .referral-share-grid{grid-template-columns:1fr}.clipper-app.referral-design .referral-share-grid>.live-card{min-height:0}.clipper-app.referral-design .commission-card>strong{margin-top:15px}.clipper-app.referral-design .referral-link-card{min-height:243px !important}.clipper-app.referral-design .referral-members .community-section-head{flex-direction:column;align-items:stretch;gap:14px}.clipper-app.referral-design .referral-search{width:100%}.clipper-app.referral-design .referral-entry{gap:17px}.clipper-app.referral-design .copy-field{gap:8px}.clipper-app.referral-design .referral-page .btn{padding-inline:10px;font-size:10px;gap:5px}.clipper-app.referral-design .referral-members table{min-width:430px}.clipper-app.referral-design .referral-stat-icon{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.clipper-app.referral-design *,.clipper-app.referral-design *::before,.clipper-app.referral-design *::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}.clipper-app.referral-design .referral-page .btn::after{display:none}.clipper-app.referral-design :is(.btn,.header-wallet,.header-help,#accountTrigger):hover,.clipper-app.referral-design .referral-page .btn:active{transform:none !important}}