.share-accent-body .card-new{background:#13151a;border-radius:22px;padding:20px}.share-accent-body .pill-badge{display:inline-flex;align-items:center;gap:7px;background:#1e2028;border:1px solid #3a3520;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;color:#d4a017;letter-spacing:.06em;margin-bottom:22px}.share-accent-body .dot{width:8px;height:8px;border-radius:50%;background:#d4a017;flex-shrink:0;animation:pulse 1.4s ease-in-out infinite}@keyframes bump-up{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bump-down{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.share-accent-body .bump-up{animation:bump-up .3s cubic-bezier(.22,1,.36,1)}.share-accent-body .bump-down{animation:bump-down .3s cubic-bezier(.22,1,.36,1)}.share-accent-body .headline{color:#fff;font-size:26px;font-weight:800;line-height:1.25;margin:0 0 26px;letter-spacing:-.3px}.share-accent-body .expire{text-align:center;font-size:13px;color:#444a5a;margin-top:12px;margin-bottom:0}.share-accent-body .expire span{color:#7c5ce7}.share-accent-retake-body{display:flex;flex-direction:column;align-items:center;gap:16px}.share-accent-retake-body .mode-toggle{display:flex;gap:12px;width:100%;max-width:400px}.share-accent-retake-body .mode-card{flex:1 1;background:#12121a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.share-accent-retake-body .mode-card:hover{transform:scale(1.02)}.share-accent-retake-body .mode-card.active-retake{background:linear-gradient(135deg,#1a1a24,#252532);border:1px solid rgba(251,191,36,.3);transform:scale(1.02)}.share-accent-retake-body .mode-card.active-challenge{background:linear-gradient(135deg,#1a1a24,#252532);border:1px solid rgba(139,92,246,.4);transform:scale(1.02)}.share-accent-retake-body .mode-icon{width:40px;height:40px;background:#1f1f2e;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.share-accent-retake-body .mode-card.active-retake .mode-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.share-accent-retake-body .mode-card.active-challenge .mode-icon{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.share-accent-retake-body .mode-icon svg{stroke:#666;transition:stroke .3s ease}.share-accent-retake-body .mode-card.active-retake .mode-icon svg{stroke:#000}.share-accent-retake-body .mode-card.active-challenge .mode-icon svg{stroke:#fff}.share-accent-retake-body .mode-title{color:#666;font-size:14px;font-weight:600;text-align:left;transition:color .3s ease;display:flex;align-items:center;gap:6px}.share-accent-retake-body .mode-card.active-challenge .mode-title,.share-accent-retake-body .mode-card.active-retake .mode-title{color:#fff}.share-accent-retake-body .mode-subtitle{color:hsla(0,0%,100%,.3);font-size:11px;text-align:left;margin-top:4px}.share-accent-retake-body .mode-card.active-challenge .mode-subtitle,.share-accent-retake-body .mode-card.active-retake .mode-subtitle{color:hsla(0,0%,100%,.5)}.share-accent-retake-body .new-badge{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.share-accent-retake-body .glow-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 70%);animation:pulse 3s ease-in-out infinite;display:none}.share-accent-retake-body .mode-card.active-challenge .glow-effect{display:block}.share-accent-retake-body .mode-content{position:relative;z-index:1}.share-accent-retake-body .challenge-content{width:100%;max-width:400px;animation:slideUp .4s cubic-bezier(.4,0,.2,1);display:none}.share-accent-retake-body .challenge-content.visible{display:block}.share-accent-retake-body .challenge-card{background:linear-gradient(135deg,#1a1a24,#1f1f2e);border-radius:20px;padding:20px;border:1px solid hsla(0,0%,100%,.06)}.share-accent-retake-body .challenge-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.share-accent-retake-body .challenge-dot{width:8px;height:8px;background:#8b5cf6;border-radius:50%;animation:glow 2s ease-in-out infinite}.share-accent-retake-body .challenge-label{color:hsla(0,0%,100%,.6);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.share-accent-retake-body .dropdown-container{position:relative}.share-accent-retake-body .dropdown-trigger{width:100%;background:#0f0f15;border:1px solid rgba(139,92,246,.3);border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.share-accent-retake-body .dropdown-trigger:hover{border-color:rgba(139,92,246,.5)}.share-accent-retake-body .dropdown-selected{display:flex;align-items:center;gap:12px}.share-accent-retake-body .dropdown-flag{font-size:24px}.share-accent-retake-body .dropdown-text{text-align:left}.share-accent-retake-body .dropdown-name{color:#fff;font-weight:600;font-size:15px}.share-accent-retake-body .dropdown-desc{color:hsla(0,0%,100%,.4);font-size:12px}.share-accent-retake-body .dropdown-placeholder{color:hsla(0,0%,100%,.4);font-size:15px}.share-accent-retake-body .dropdown-arrow{stroke:hsla(0,0%,100%,.4);transition:transform .3s ease}.share-accent-retake-body .dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.share-accent-retake-body .dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f0f15;border:1px solid rgba(139,92,246,.2);border-radius:14px;overflow:hidden;z-index:100;animation:dropdownSlide .2s ease;max-height:280px;overflow-y:auto;display:none}.share-accent-retake-body .dropdown-menu.open{display:block}.share-accent-retake-body .dropdown-item{width:100%;padding:14px 20px;display:flex;align-items:center;gap:12px;background:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.04);cursor:pointer;transition:all .15s ease}.share-accent-retake-body .dropdown-item:last-child{border-bottom:none}.share-accent-retake-body .dropdown-item:hover{background:rgba(139,92,246,.1)}.share-accent-retake-body .dropdown-item.selected{background:rgba(139,92,246,.15)}.share-accent-retake-body .dropdown-item-flag{font-size:22px}.share-accent-retake-body .dropdown-item-text{text-align:left;flex:1 1}.share-accent-retake-body .dropdown-item-name{color:#fff;font-weight:500;font-size:14px}.share-accent-retake-body .dropdown-item-desc{color:hsla(0,0%,100%,.35);font-size:11px}.share-accent-retake-body .dropdown-check{stroke:#8b5cf6}.share-accent-retake-body .preview-card{margin-top:20px;padding:16px;background:rgba(139,92,246,.08);border-radius:12px;border:1px solid rgba(139,92,246,.15);animation:fadeIn .3s ease;display:none}.share-accent-retake-body .preview-card.visible{display:block}.share-accent-retake-body .preview-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.share-accent-retake-body .preview-flag{font-size:28px}.share-accent-retake-body .preview-title{color:#fff;font-weight:600;font-size:16px}.share-accent-retake-body .preview-subtitle{color:hsla(0,0%,100%,.5);font-size:12px}.share-accent-retake-body .features-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.share-accent-retake-body .feature-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0a0a0f;border-radius:10px}.share-accent-retake-body .feature-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.share-accent-retake-body .feature-icon.purple{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(168,85,247,.2))}.share-accent-retake-body .feature-icon.yellow{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.2))}.share-accent-retake-body .feature-icon.green{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.2))}.share-accent-retake-body .feature-title{color:#fff;font-size:13px;font-weight:500}.share-accent-retake-body .feature-desc{color:hsla(0,0%,100%,.4);font-size:11px}.share-accent-retake-body .pro-tip{padding:12px;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(139,92,246,.1));border-radius:8px;border:1px dashed rgba(251,191,36,.3);display:flex;align-items:flex-start;gap:8px}.share-accent-retake-body .pro-tip-icon{font-size:14px}.share-accent-retake-body .pro-tip-text{color:hsla(0,0%,100%,.7);font-size:12px;line-height:1.5}.share-accent-retake-body .pro-tip-text strong{color:#fbbf24}.share-accent-retake-body .retake-content{width:100%;max-width:400px;animation:slideUp .4s cubic-bezier(.4,0,.2,1);display:none}.share-accent-retake-body .retake-content.visible{display:block}.share-accent-retake-body .retake-text{color:hsla(0,0%,100%,.4);font-size:13px;text-align:center;margin-top:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 4px rgba(139,92,246,.5)}50%{box-shadow:0 0 12px rgba(139,92,246,.8)}}.share-accent-retake-body ::-webkit-scrollbar{width:6px}.share-accent-retake-body ::-webkit-scrollbar-track{background:transparent}.share-accent-retake-body ::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px}.share-accent-retake-body ::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}