/* Invite V2: the wallet and bottom navigation belong to the shared app shell. */
.invite-page{padding:0 0 6px;color:#f4f7ff}.invite-page *{box-sizing:border-box}.invite-page [hidden]{display:none!important}.invite-page button,.invite-page a{font:inherit}.invite-page button{cursor:pointer}.invite-page button:disabled{cursor:default}.invite-page button:focus-visible,.invite-page a:focus-visible,.invite-page input:focus-visible{outline:2px solid #a995ff;outline-offset:3px}.invite-page svg{display:block;width:24px;height:24px;flex:none}.invite-page img{display:block;object-fit:contain}.invite-hero{border:1px solid #39405e;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#3a2c4c55,transparent 72%),#152031;padding:20px 18px;position:relative}.invite-hero-main{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.invite-hero h1{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:0;font-weight:800;min-width:0}.invite-art{width:110px;height:90px;flex:none;margin-right:10px}.invite-hero p{font-size:13px;line-height:1.55;color:#aab9d1;margin:0;max-width:310px}.invite-conditions{position:absolute;right:3px;top:1px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#91a0b8;font-size:16px!important;line-height:1}.invite-actions{display:grid;gap:7px;margin:14px 0}.invite-page .invite-primary,.invite-page .invite-secondary{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;min-height:44px;border:0;border-radius:13px;font-weight:800;font-size:15px;text-decoration:none}.invite-page .invite-primary{background:linear-gradient(105deg,#ffc34d,#ffda68 55%,#ffe58a);color:#38260b;box-shadow:inset 0 1px 0 #fff3bd99}.invite-page .invite-secondary{background:#152031;border:1px solid #2d3d54;color:#b7c7de;font-size:13px;font-weight:600;height:44px}.invite-page .invite-primary:disabled,.invite-page .invite-secondary:disabled{opacity:1}.invite-actions svg{width:18px;height:18px}.invite-link-status{font-size:12px;color:#99acc6;margin:0;line-height:1.5}.invite-link-status:empty{display:none}.invite-retry{padding:8px 12px;min-height:44px;border:1px solid #34465f;border-radius:10px;background:#1c2b40;color:#d5def1;font-size:13px!important}.invite-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:12px;border:1px solid #664f4b;border-radius:12px;background:#292029;color:#ffbbab;font-size:12px;line-height:1.5}.invite-error p{margin:0}.invite-earnings{padding:5px 15px;border:1px solid #2b3b52;border-radius:16px;background:#111c2c}.invite-earnings>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;min-height:49px}.invite-earnings>div+div{border-top:1px solid #25344b}.invite-earnings div>span{font-size:12px;color:#99acc6;min-width:0}.invite-earnings strong{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:17px;font-weight:800;max-width:60%;min-width:0;text-align:right;font-variant-numeric:tabular-nums}.invite-earnings strong>span{min-width:0;overflow-wrap:anywhere}.invite-earnings img{width:18px;height:18px;flex:none}.invite-earnings .invite-bonus{color:#c0a4ef}.invite-bonus small{font-size:12px}.invite-referrals{margin-top:20px}.invite-referrals>header{display:flex;align-items:center;justify-content:space-between;margin:0 1px 12px}.invite-referrals h2{font-size:15px;margin:0}.invite-referrals h2 span{display:inline-block;padding:2px 7px;border-radius:6px;background:#222c42;color:#a99dc6;font-size:11px;margin-left:5px;vertical-align:middle}.invite-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;min-height:156px;padding:20px;background:#111b29;border:1px solid #25344b;border-radius:18px}.invite-empty>span{color:#7586a2;background:#1b283c;border-radius:50%;padding:12px;margin-bottom:3px}.invite-empty>b{font-size:14px;color:#c5d1e5}.invite-empty p{font-size:11px;line-height:1.6;margin:0;color:#869ab6;max-width:250px}.invite-friend{display:flex;align-items:center;gap:10px;border:1px solid #2b3b52;background:#111c2c;border-radius:15px;padding:13px 12px;margin-bottom:8px;min-height:66px}.invite-friend-avatar{position:relative;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;font-size:13px;font-weight:800;color:#ded3f4;background:#423355;flex:none;overflow:hidden}.invite-friend-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.invite-friend:nth-child(3n+2) .invite-friend-avatar{background:#224444;color:#b6ddda}.invite-friend:nth-child(3n+3) .invite-friend-avatar{background:#493b30;color:#e7cdb0}.invite-friend-name{flex:1;min-width:0}.invite-friend-name b{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.invite-friend-value{display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:48%;min-width:0;font-weight:700;font-size:14px;color:#b4dbca;font-variant-numeric:tabular-nums;text-align:right}.invite-friend-value>span{min-width:0;overflow-wrap:anywhere}.invite-friend-value img{width:15px;height:15px;flex:none}.invite-friend-value.pending{color:#8395ae;font-size:11px;font-weight:500}.invite-loading{padding:18px;border:1px solid #25344b;border-radius:16px;background:#111b29;color:#99acc6;font-size:13px;line-height:1.5}.invite-loading::before{content:'';display:inline-block;vertical-align:middle;width:12px;height:12px;border:2px solid #3a3455;border-top-color:#b0a0d8;border-radius:50%;margin-right:9px;animation:invite-loading-turn 1s linear infinite}.invite-more{margin-top:12px}.invite-toast{position:fixed;bottom:calc(88px + var(--app-safe-bottom));left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;border:1px solid #436054;background:#1a3029;color:#cfebdb;border-radius:12px;padding:11px 18px;font-size:12px;transition:opacity .18s,transform .18s;z-index:120;max-width:calc(100vw - 24px);text-align:center}.invite-toast.show{opacity:1;transform:translate(-50%,0)}.invite-sheet{position:fixed;inset:auto 0 0;margin:auto auto 0;width:min(100%,430px);max-height:calc(87dvh - var(--app-safe-top));border:1px solid #30435a;border-radius:24px 24px 0 0;background:#111c2c;color:#f4f7ff;padding:0;overflow:hidden}.invite-sheet[open]{display:flex;flex-direction:column;animation:invite-sheet-in 200ms ease-out}.invite-sheet::backdrop{background:#030914bb;backdrop-filter:blur(6px)}.invite-sheet header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #2b3b51;flex:none;gap:12px}.invite-sheet h2{font-size:19px;margin:0}.invite-sheet header button{background:#1d2b40;border:0;width:44px;height:44px;border-radius:10px;font-size:23px;color:#b6c7df;flex:none}.invite-sheet-body{padding:20px 20px max(24px,var(--app-safe-bottom));overflow:auto;font-size:13px;line-height:1.6;color:#a5b7d1;min-height:0}.invite-sheet-body p{margin:0 0 16px}.invite-select-link{display:block;width:100%;font:inherit;border:1px solid #34465c;border-radius:10px;padding:12px;background:#0b1421;color:#cbb5ef;font-size:12px;margin-bottom:18px;resize:vertical;overflow-wrap:anywhere;min-height:86px;user-select:text}.invite-sheet-body .invite-primary{margin-top:14px}.invite-page .invite-conditions:disabled{opacity:.5}
@keyframes invite-loading-turn{to{transform:rotate(360deg)}}@keyframes invite-sheet-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:360px){.invite-hero{padding:18px 15px}.invite-hero h1{font-size:21px}.invite-art{width:68px;height:72px;margin-right:2px}.invite-hero p{font-size:12px}.invite-earnings{padding:5px 12px}.invite-earnings strong{font-size:15px}.invite-friend{padding:12px 10px;gap:8px}}
:where(html[data-motion="reduced"]) .invite-page *{animation:none!important;transition:none!important}
