[hidden]{display:none!important}
.friend-referral-page .global-product-card--gift{background:#fff}
.friend-referral-page .global-product-card--gift:hover{background:#f2f8fa}
.friend-line-icon svg,.friend-role-tabs svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.friend-referral-page .detail-hero-copy h1{font-size:clamp(38px,3.7vw,62px);letter-spacing:-.045em}
.friend-referral-page .detail-hero-copy h1 mark{display:block;width:max-content;max-width:100%;background:linear-gradient(transparent 75%,#8edfea 0);color:inherit}
.hero-role-switcher{display:grid;gap:9px;margin:26px 0 24px;max-width:430px}
.hero-role-switcher button{display:flex;align-items:center;gap:11px;border:1px solid #c8e1e8;border-radius:15px;background:#fff;padding:9px 13px;color:var(--navy);font-weight:900;text-align:left;cursor:pointer;transition:.2s ease}
.hero-role-switcher button:hover,.hero-role-switcher button.is-active{border-color:var(--cyan);background:#e6f7fa;box-shadow:0 9px 20px rgba(5,167,201,.12);transform:translateX(6px)}
.hero-role-switcher .friend-line-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#dff4f8;color:#0584a0}
.hero-role-switcher .friend-line-icon svg{width:22px;height:22px}
.friend-role-hero{padding:22px!important}
.friend-role-hero:before{content:none!important}
.friend-role-hero:after{content:none!important}
.friend-photo-hero{position:relative!important;display:block!important;overflow:hidden;min-height:520px!important;border:1px solid #c8e0e7;border-radius:28px;background:#dfeef2;padding:0!important;box-shadow:0 20px 46px rgba(8,54,74,.14)}
.friend-hero-photo{position:absolute;inset:0;margin:0;overflow:hidden;background:#dfeef2;animation:friend-photo-enter .7s ease both}
.friend-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,35,48,.52) 100%);pointer-events:none}
.friend-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.friend-hero-photo figcaption{position:absolute;left:22px;bottom:22px;z-index:2;display:grid;gap:3px;max-width:300px;border:1px solid rgba(255,255,255,.38);border-radius:16px;background:rgba(8,54,74,.88);padding:13px 17px;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.friend-hero-photo figcaption small{color:#8fe3f1;font-size:11px;font-weight:900;letter-spacing:.06em}.friend-hero-photo figcaption b{font-size:17px}
.friend-photo-progress{position:absolute;right:22px;bottom:27px;z-index:3;display:flex;gap:7px}.friend-photo-progress i{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.58);transition:.3s ease}.friend-photo-progress i.is-active{width:28px;background:var(--yellow)}
.friend-hero-panel{display:grid;align-content:center;gap:18px;min-height:440px}
.hero-channel-row{display:flex;align-items:center;justify-content:center;gap:18px}
.channel-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #cbe2e8;border-radius:22px;background:#fff;color:#07839d;box-shadow:0 12px 25px rgba(8,54,74,.08);animation:channel-wave 4.8s ease-in-out infinite}
.channel-icon:nth-child(2){animation-delay:-3.2s}.channel-icon:nth-child(3){animation-delay:-1.6s}
.channel-icon.line{background:#e5f9ec;color:#15985b}.channel-icon.web{background:#e4f5fa;color:#07839d}.channel-icon.mail{background:#fff1cd;color:#a76d00}
.channel-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-recommend-pulse{position:relative;display:grid;justify-items:center;gap:5px;margin:auto;text-align:center}
.hero-recommend-pulse:before,.hero-recommend-pulse:after{content:"";position:absolute;left:50%;top:38px;width:92px;height:92px;border:1px solid rgba(5,167,201,.34);border-radius:50%;transform:translate(-50%,-50%);animation:recommend-ring 2.4s ease-out infinite}
.hero-recommend-pulse:after{animation-delay:1.2s}
.hero-recommend-pulse>span{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--cyan);color:#fff;font-weight:900;box-shadow:0 13px 28px rgba(5,167,201,.24)}
.hero-recommend-pulse b,.hero-recommend-pulse small{position:relative;z-index:1}.hero-recommend-pulse b{margin-top:9px;font-size:17px}.hero-recommend-pulse small{color:var(--text)}
.hero-link-result{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;background:var(--navy);padding:13px;color:#fff;font-size:13px;font-weight:900}.hero-link-result i{color:var(--yellow);font-size:20px;font-style:normal}
.hero-partner-root{display:grid;justify-items:center;gap:4px;margin:auto;border:1px solid #ebcb83;border-radius:18px;background:#fff8e7;padding:15px 28px}.hero-partner-root b{font-size:17px}.hero-partner-root small{color:#9b6600;font-weight:900}
.hero-tier-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hero-tier-list article{display:grid;justify-items:center;gap:4px;border:1px solid #ead39b;border-radius:15px;background:#fff;padding:13px 8px;opacity:.38;animation:tier-focus 6s ease-in-out infinite}.hero-tier-list article:nth-child(2){animation-delay:2s}.hero-tier-list article:nth-child(3){animation-delay:4s}.hero-tier-list span{color:var(--text);font-size:10px}.hero-tier-list b{font-size:12px}.hero-tier-list strong{color:#a66800;font-size:22px}
.hero-staff-page{overflow:hidden;width:min(390px,100%);margin:auto;border:1px solid #c9e2e8;border-radius:22px;background:#fff;box-shadow:0 14px 30px rgba(8,54,74,.1)}.hero-staff-head{display:grid;gap:2px;background:#e8f6f9;padding:15px 18px}.hero-staff-head span{color:#07839d;font-size:11px;font-weight:900}.hero-staff-head b{font-size:16px}.hero-staff-products{display:grid;gap:8px;padding:13px}.hero-staff-products article{display:grid;grid-template-columns:46px 1fr 28px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:8px;opacity:.35;animation:staff-add 5.4s ease-in-out infinite}.hero-staff-products article:nth-child(2){animation-delay:1.8s}.hero-staff-products article:nth-child(3){animation-delay:3.6s}.hero-staff-products article>b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--yellow);font-size:16px}
.friend-role-hero-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.friend-role-hero-head small{color:#9d6a08;font-weight:900;letter-spacing:.08em}
.friend-role-hero-head b{font-size:16px}
.friend-role-cards{display:grid;gap:11px;margin-top:18px}
.friend-role-cards article{display:flex;align-items:center;gap:13px;border:1px solid #cfe3ea;border-radius:17px;background:#fff;padding:13px;box-shadow:0 8px 18px rgba(8,54,74,.06);animation:friend-role-breathe 5.4s ease-in-out infinite}
.friend-role-cards article:nth-child(2){margin-left:22px;animation-delay:-1.8s}
.friend-role-cards article:nth-child(3){margin-left:8px;animation-delay:-3.6s}
.friend-role-cards .friend-line-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:var(--cyan-soft);color:#07839d}
.friend-role-cards article:nth-child(2) .friend-line-icon{background:#fff0c9;color:#a66b00}
.friend-role-cards article:nth-child(3) .friend-line-icon{background:#e8e7ff;color:#565cf3}
.friend-role-cards b,.friend-role-cards small{display:block}
.friend-role-cards b{font-size:15px}
.friend-role-cards small{margin-top:2px;color:var(--text);font-size:11px}
.friend-role-result{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:17px;border-radius:16px;background:var(--navy);padding:14px;color:#fff;font-size:13px}
.friend-role-result span{color:#8fdff0;font-weight:800}.friend-role-result i{color:var(--yellow);font-size:20px;font-style:normal}.friend-role-result b{font-size:15px}
.friend-role-section{background:#fff}
.friend-role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:900px;margin:38px auto 0;border-radius:20px;background:#edf7fa;padding:9px}
.friend-role-tabs button{border:0;border-radius:14px;background:transparent;padding:15px 12px;color:var(--text);font-weight:900;cursor:pointer;transition:.2s ease}
.friend-role-tabs button:hover,.friend-role-tabs button.is-active{background:#fff;color:var(--navy);box-shadow:0 8px 20px rgba(8,54,74,.1)}
.friend-role-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center;min-height:520px;margin-top:22px;border:1px solid var(--line);border-radius:28px;background:#fff;padding:40px;box-shadow:0 18px 46px rgba(8,54,74,.08)}
.friend-role-copy h3{margin:16px 0 11px;font-size:30px;line-height:1.35}.friend-role-copy p{margin:0;color:var(--text);line-height:1.85}.friend-role-tag{display:inline-flex;border-radius:999px;background:var(--yellow-soft);padding:7px 12px;color:#9a6500;font-size:12px;font-weight:900}
.friend-feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.friend-feature-chips span{border:1px solid #c9e3e9;border-radius:999px;background:#f5fbfc;padding:7px 11px;color:#087c94;font-size:12px;font-weight:800}
.private-role-visual{display:grid;grid-template-columns:1fr auto 230px;gap:18px;align-items:center;border-radius:24px;background:#edf8fb;padding:24px}.touchpoint-stack{display:grid;gap:10px}.touchpoint-stack article{border:1px solid #cce4eb;border-radius:15px;background:#fff;padding:13px}.touchpoint-stack b,.touchpoint-stack small{display:block}.touchpoint-stack b{font-size:14px}.touchpoint-stack small{color:var(--text);font-size:11px}.private-role-visual>i{color:var(--cyan);font-size:28px;font-style:normal;font-weight:900}.friend-phone-shot{position:relative;overflow:hidden;height:390px;margin:0;border:8px solid var(--navy);border-radius:28px;background:#fff}.friend-phone-shot img{width:100%;height:100%;object-fit:cover;object-position:center}.friend-phone-shot figcaption{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);border-radius:999px;background:rgba(8,54,74,.9);padding:5px 11px;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}
.affiliate-difference{display:grid;gap:4px;margin-top:22px;border-left:4px solid var(--yellow);background:#fff8e7;padding:13px 15px}.affiliate-difference b{font-size:13px}.affiliate-difference a{color:#9a6500;font-size:12px;font-weight:900}
.partner-network-visual{display:grid;grid-template-columns:.85fr 1.25fr;gap:24px;align-items:center;border-radius:24px;background:#fff8e8;padding:28px}.partner-root{display:grid;justify-items:center;gap:6px;border:1px solid #efcf88;border-radius:22px;background:#fff;padding:24px;text-align:center}.partner-root .friend-line-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--yellow-soft);color:#9a6500}.partner-root b,.partner-root small{display:block}.partner-root small{color:var(--text);font-size:11px}.partner-levels{display:grid;gap:11px;position:relative}.partner-levels:before{content:"";position:absolute;left:-14px;top:28px;bottom:28px;width:2px;background:#e5c678}.partner-levels article{position:relative;display:flex;align-items:center;gap:11px;border:1px solid #ead39b;border-radius:15px;background:#fff;padding:12px}.partner-levels article:before{content:"";position:absolute;left:-14px;width:14px;height:2px;background:#e5c678}.partner-levels span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff0c9;color:#946000;font-size:11px;font-weight:900}.partner-levels b{font-size:13px}.partner-order{grid-column:1/-1;border-radius:15px;background:var(--navy);padding:13px;color:#bfe0e8;text-align:center;font-size:12px}.partner-order b{color:#fff;font-size:15px}
.staff-role-visual{position:relative;overflow:hidden;min-height:430px;border-radius:24px;background:#e8f5f8}.staff-role-visual>img{width:100%;height:430px;object-fit:cover;object-position:center}.staff-recommend-card{position:absolute;right:18px;top:18px;display:grid;gap:4px;width:230px;border-radius:18px;background:rgba(255,255,255,.96);padding:18px;box-shadow:0 16px 32px rgba(8,54,74,.16)}.staff-recommend-card small{color:#00839d;font-weight:800}.staff-recommend-card b{font-size:16px}.staff-recommend-card span{margin-top:7px;border-radius:10px;background:var(--yellow);padding:9px;color:var(--navy);font-size:12px;font-weight:900;text-align:center}.staff-result-chip{position:absolute;left:18px;bottom:18px;border-radius:999px;background:var(--navy);padding:9px 14px;color:#fff;font-size:12px;font-weight:800}
.friend-flow-section{background:#eaf7fa}
.friend-auto-flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:40px 0 0;padding:0;list-style:none}.friend-auto-flow:before{content:"";position:absolute;left:10%;right:10%;top:31px;height:2px;background:#bcdfe7}.friend-auto-flow li{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;border:1px solid #cae3e9;border-radius:18px;background:#fff;padding:18px 12px;color:var(--text);text-align:center;transition:.25s ease}.friend-auto-flow li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dff4f8;color:#07829b;font-size:10px;font-weight:900}.friend-auto-flow b{color:var(--navy);font-size:18px;line-height:1.35}.friend-auto-flow small{font-size:11px;line-height:1.5}.friend-auto-flow li.is-active{border-color:var(--cyan);box-shadow:0 12px 28px rgba(5,167,201,.16);transform:translateY(-6px)}.friend-auto-flow li.is-active>span{background:var(--cyan);color:#fff}
.friend-settings-section{background:#fff}
.friend-settings-dashboard{overflow:hidden;margin-top:42px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.friend-settings-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);background:#f2f7f8;padding:13px 18px}.friend-settings-head i{width:8px;height:8px;border-radius:50%;background:#c6d8df}.friend-settings-head b{margin-left:7px;font-size:13px}.friend-settings-head small{margin-left:auto;color:var(--muted)}.friend-settings-body{display:grid;grid-template-columns:220px 1fr;min-height:380px}.friend-settings-tabs{display:grid;align-content:start;gap:7px;background:var(--navy);padding:18px}.friend-settings-tabs button{border:0;border-radius:11px;background:transparent;padding:12px 14px;color:#bad2db;text-align:left;font-size:13px;font-weight:800;cursor:pointer}.friend-settings-tabs button:hover,.friend-settings-tabs button.is-active{background:#155267;color:#fff}.friend-setting-panel{padding:28px}.setting-panel-title{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px}.setting-panel-title span{color:#07829b;font-size:12px;font-weight:900}.setting-panel-title b{font-size:19px}.setting-card-grid,.reward-card-grid,.setting-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.setting-card-grid article,.reward-card-grid article,.setting-metrics article{border:1px solid var(--line);border-radius:17px;background:#f8fbfc;padding:19px}.setting-card-grid span{display:inline-flex;border-radius:999px;background:#e5f5f8;padding:4px 8px;color:#087d95;font-size:10px;font-weight:900}.setting-card-grid b,.setting-card-grid small,.reward-card-grid b,.reward-card-grid small,.setting-metrics b,.setting-metrics small{display:block}.setting-card-grid b,.reward-card-grid b{margin-top:10px}.setting-card-grid small,.reward-card-grid small,.setting-metrics small{color:var(--text);font-size:11px}.reward-card-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:18px;font-weight:900}.reward-line>span{background:#daf7e7;color:#07944a}.reward-cash>span{background:#fff0c9;color:#9a6500}.reward-credit>span{background:#e8e7ff;color:#565cf3}.buyer-reward-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;border-left:4px solid var(--yellow);border-radius:12px;background:#fff8e7;padding:14px 16px}.buyer-reward-note b{font-size:13px}.buyer-reward-note span{color:var(--text);font-size:12px}.setting-rule-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.setting-rule-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:15px;padding:16px}.setting-rule-list b{font-size:13px}.setting-rule-list span{color:var(--text);font-size:11px}.setting-metrics b{margin-top:4px;font-size:27px}.setting-order-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;border-radius:12px;background:#edf5f7;padding:11px 14px;color:var(--text);font-size:11px}.setting-order-row b{color:var(--navy)}
.private-anywhere-visual{position:relative;display:grid;grid-template-columns:1fr 150px;gap:22px;align-items:center;overflow:hidden;min-height:390px;border-radius:24px;background:#edf8fb;padding:28px}.private-anywhere-visual:before{content:"";position:absolute;right:58px;top:72px;width:190px;height:190px;border:1px dashed #9cd2de;border-radius:50%}.anywhere-channels{display:grid;gap:12px}.anywhere-channels article{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;border:1px solid #c9e2e8;border-radius:17px;background:#fff;padding:12px 14px;box-shadow:0 10px 22px rgba(8,54,74,.06);opacity:.52;animation:channel-card-focus 6s ease-in-out infinite}.anywhere-channels article:nth-child(2){animation-delay:2s}.anywhere-channels article:nth-child(3){animation-delay:4s}.anywhere-channels article>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:14px}.channel-line>span{background:#e3f8eb;color:#149658}.channel-web>span{background:#dff4f8;color:#07839d}.channel-mail>span{background:#fff0c9;color:#9e6800}.anywhere-channels svg,.anywhere-recommend svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.anywhere-channels b{font-size:14px}.anywhere-channels small{color:var(--text);font-size:11px}.anywhere-recommend{position:relative;z-index:2;display:grid;justify-items:center;gap:4px;text-align:center}.anywhere-recommend:before,.anywhere-recommend:after{content:"";position:absolute;left:50%;top:50px;width:118px;height:118px;border:1px solid rgba(5,167,201,.35);border-radius:50%;transform:translate(-50%,-50%);animation:recommend-ring 2.6s ease-out infinite}.anywhere-recommend:after{animation-delay:1.3s}.anywhere-recommend>span{position:relative;z-index:1;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:var(--cyan);color:#fff;box-shadow:0 15px 28px rgba(5,167,201,.24)}.anywhere-recommend b,.anywhere-recommend small{position:relative;z-index:1}.anywhere-recommend b{margin-top:7px}.anywhere-recommend small{color:var(--text);font-size:11px}.anywhere-link{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:14px;background:var(--navy);padding:13px;color:#fff;font-size:13px;font-weight:900}.anywhere-link i{color:var(--yellow);font-size:19px;font-style:normal}
.partner-levels article{display:grid;grid-template-columns:32px 1fr auto;opacity:.38;animation:tier-focus 6s ease-in-out infinite}.partner-levels article:nth-child(2){animation-delay:2s}.partner-levels article:nth-child(3){animation-delay:4s}.partner-levels strong{color:#9d6700;font-size:22px}
.product-thumb{display:block;width:44px;height:44px;border-radius:12px;background-color:#e8f2f5;background-position:center;background-repeat:no-repeat;background-size:28px}.product-one{background-color:#e8eef8;background-image:linear-gradient(135deg,transparent 28%,#7b94b4 29% 70%,transparent 71%),linear-gradient(45deg,transparent 36%,#9fb1c8 37% 63%,transparent 64%)}.product-two{background-color:#f8ecdf;background-image:linear-gradient(90deg,transparent 30%,#b98659 31% 43%,transparent 44% 56%,#b98659 57% 69%,transparent 70%),linear-gradient(#c89c74 0 0);background-size:28px 29px,18px 9px}.product-three{background-color:#e9f3e7;background-image:linear-gradient(135deg,transparent 36%,#799f75 37% 63%,transparent 64%),linear-gradient(45deg,transparent 36%,#799f75 37% 63%,transparent 64%)}
.staff-page-animation{position:relative;display:grid;grid-template-columns:.78fr auto 1.22fr;gap:16px;align-items:center;overflow:hidden;min-height:410px;border-radius:24px;background:#edf8fb;padding:24px}.staff-product-source,.staff-personal-page{overflow:hidden;border:1px solid #c9e1e8;border-radius:20px;background:#fff;box-shadow:0 13px 28px rgba(8,54,74,.08)}.staff-product-source>small{display:block;background:#e8f6f9;padding:13px 15px;color:#07839d;font-weight:900}.staff-product-source article{display:grid;grid-template-columns:44px 1fr 27px;align-items:center;gap:9px;margin:10px;border:1px solid var(--line);border-radius:13px;padding:8px}.staff-product-source article>b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--yellow);font-size:16px;animation:add-button-pop 5.4s ease-in-out infinite}.staff-product-source article:nth-child(3)>b{animation-delay:1.8s}.staff-product-source article:nth-child(4)>b{animation-delay:3.6s}.staff-product-source article span{font-size:11px;font-weight:800}.staff-add-arrow{color:var(--cyan);font-size:30px;font-weight:900}.staff-personal-page header{display:grid;gap:3px;background:var(--navy);padding:15px;color:#fff}.staff-personal-page header small{color:#8fe1f0;font-weight:900}.staff-added-products{display:grid;gap:8px;padding:12px}.staff-added-products article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:7px;opacity:.18;transform:translateX(-14px);animation:staff-product-arrive 5.4s ease-in-out infinite}.staff-added-products article:nth-child(2){animation-delay:1.8s}.staff-added-products article:nth-child(3){animation-delay:3.6s}.staff-added-products article span{font-size:11px;font-weight:800}.staff-added-products em{color:#079454;font-size:10px;font-style:normal;font-weight:900}.staff-personal-page footer{margin:0 12px 12px;border-radius:10px;background:var(--yellow);padding:10px;color:var(--navy);font-size:11px;font-weight:900;text-align:center}.staff-animation-result{grid-column:1/-1;border-radius:13px;background:#fff;padding:11px;color:#087f98;font-size:12px;font-weight:900;text-align:center}
@keyframes friend-role-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes friend-photo-enter{from{opacity:.15;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes channel-wave{0%,20%,100%{transform:translateY(0);box-shadow:0 12px 25px rgba(8,54,74,.08)}10%{transform:translateY(-8px);box-shadow:0 18px 30px rgba(5,167,201,.18)}}
@keyframes recommend-ring{0%{opacity:.8;transform:translate(-50%,-50%) scale(.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}
@keyframes channel-card-focus{0%,25%,100%{opacity:.48;transform:translateX(0)}8%,18%{opacity:1;transform:translateX(8px);box-shadow:0 14px 30px rgba(5,167,201,.16)}}
@keyframes tier-focus{0%,25%,100%{opacity:.38;transform:translateX(0)}8%,18%{opacity:1;transform:translateX(7px);box-shadow:0 12px 24px rgba(180,116,0,.14)}}
@keyframes add-button-pop{0%,26%,100%{transform:scale(1);background:var(--yellow)}8%,18%{transform:scale(1.18);background:var(--cyan);color:#fff}}
@keyframes staff-product-arrive{0%,28%,100%{opacity:.18;transform:translateX(-14px)}9%,20%{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.friend-role-cards article,.friend-auto-flow li,.friend-hero-photo,.channel-icon,.hero-recommend-pulse:before,.hero-recommend-pulse:after,.hero-tier-list article,.anywhere-channels article,.anywhere-recommend:before,.anywhere-recommend:after,.partner-levels article,.staff-product-source article>b,.staff-added-products article,.hero-staff-products article{animation:none;transition:none}.hero-tier-list article,.anywhere-channels article,.partner-levels article,.staff-added-products article,.hero-staff-products article{opacity:1;transform:none}}
@media(max-width:980px){.friend-role-panel{grid-template-columns:1fr}.friend-auto-flow{grid-template-columns:repeat(3,1fr)}.friend-auto-flow:before{display:none}.friend-settings-body{grid-template-columns:1fr}.friend-settings-tabs{display:flex;overflow:auto}.friend-settings-tabs button{min-width:max-content}.staff-role-visual{min-height:380px}.friend-hero-panel{min-height:360px}.staff-page-animation{grid-template-columns:1fr auto 1fr}}
@media(max-width:680px){.friend-referral-page .detail-hero-copy h1{font-size:36px}.hero-role-switcher{max-width:none}.hero-role-switcher button:hover,.hero-role-switcher button.is-active{transform:none}.friend-photo-hero{min-height:390px!important;border-radius:22px}.friend-hero-photo figcaption{left:14px;right:14px;bottom:16px;max-width:none;padding:11px 13px}.friend-photo-progress{right:20px;bottom:88px}.friend-role-cards article:nth-child(2),.friend-role-cards article:nth-child(3){margin-left:0}.friend-role-tabs{grid-template-columns:1fr}.friend-role-panel{min-height:0;padding:22px}.friend-role-copy h3{font-size:24px}.private-role-visual{grid-template-columns:1fr}.private-role-visual>i{transform:rotate(90deg);text-align:center}.friend-phone-shot{width:240px;margin:auto}.private-anywhere-visual{grid-template-columns:1fr;min-height:0;padding:20px}.private-anywhere-visual:before{display:none}.anywhere-recommend{padding:15px 0}.anywhere-link{font-size:11px}.partner-network-visual{grid-template-columns:1fr}.partner-order{grid-column:1}.partner-levels article{grid-template-columns:32px 1fr auto}.staff-role-visual>img{height:390px}.staff-recommend-card{right:12px;top:12px;width:210px}.staff-result-chip{left:12px;right:12px;border-radius:14px;text-align:center}.staff-page-animation{grid-template-columns:1fr;padding:18px}.staff-add-arrow{transform:rotate(90deg);text-align:center}.staff-animation-result{grid-column:1}.hero-channel-row{gap:10px}.channel-icon{width:64px;height:64px}.hero-tier-list{grid-template-columns:1fr}.friend-auto-flow{grid-template-columns:1fr 1fr}.setting-card-grid,.reward-card-grid,.setting-metrics,.setting-rule-list{grid-template-columns:1fr}.setting-panel-title,.buyer-reward-note{align-items:flex-start;flex-direction:column}.setting-order-row{grid-template-columns:1fr 1fr}.setting-order-row span:nth-child(3),.setting-order-row span:nth-child(4){display:none}}

@media(max-width:680px){.friend-referral-page .detail-hero-copy h1{font-size:32px}}