.share-accent-body{display:flex;flex-direction:column;align-items:center;gap:16px}.share-accent-body .mode-toggle{display:flex;gap:12px;width:100%;max-width:400px}.share-accent-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-body .mode-card:hover{transform:scale(1.02)}.share-accent-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-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-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-body .mode-card.active-retake .mode-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.share-accent-body .mode-card.active-challenge .mode-icon{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.share-accent-body .mode-icon svg{stroke:#666;transition:stroke .3s ease}.share-accent-body .mode-card.active-retake .mode-icon svg{stroke:#000}.share-accent-body .mode-card.active-challenge .mode-icon svg{stroke:#fff}.share-accent-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-body .mode-card.active-challenge .mode-title,.share-accent-body .mode-card.active-retake .mode-title{color:#fff}.share-accent-body .mode-subtitle{color:hsla(0,0%,100%,.3);font-size:11px;text-align:left;margin-top:4px}.share-accent-body .mode-card.active-challenge .mode-subtitle,.share-accent-body .mode-card.active-retake .mode-subtitle{color:hsla(0,0%,100%,.5)}.share-accent-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-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-body .mode-card.active-challenge .glow-effect{display:block}.share-accent-body .mode-content{position:relative;z-index:1}.share-accent-body .challenge-content{width:100%;max-width:400px;animation:slideUp .4s cubic-bezier(.4,0,.2,1);display:none}.share-accent-body .challenge-content.visible{display:block}.share-accent-body .challenge-card{background:linear-gradient(135deg,#1a1a24,#1f1f2e);border-radius:20px;padding:20px;border:1px solid hsla(0,0%,100%,.06)}.share-accent-body .challenge-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.share-accent-body .challenge-dot{width:8px;height:8px;background:#8b5cf6;border-radius:50%;animation:glow 2s ease-in-out infinite}.share-accent-body .challenge-label{color:hsla(0,0%,100%,.6);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.share-accent-body .dropdown-container{position:relative}.share-accent-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-body .dropdown-trigger:hover{border-color:rgba(139,92,246,.5)}.share-accent-body .dropdown-selected{display:flex;align-items:center;gap:12px}.share-accent-body .dropdown-flag{font-size:24px}.share-accent-body .dropdown-text{text-align:left}.share-accent-body .dropdown-name{color:#fff;font-weight:600;font-size:15px}.share-accent-body .dropdown-desc{color:hsla(0,0%,100%,.4);font-size:12px}.share-accent-body .dropdown-placeholder{color:hsla(0,0%,100%,.4);font-size:15px}.share-accent-body .dropdown-arrow{stroke:hsla(0,0%,100%,.4);transition:transform .3s ease}.share-accent-body .dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.share-accent-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-body .dropdown-menu.open{display:block}.share-accent-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-body .dropdown-item:last-child{border-bottom:none}.share-accent-body .dropdown-item:hover{background:rgba(139,92,246,.1)}.share-accent-body .dropdown-item.selected{background:rgba(139,92,246,.15)}.share-accent-body .dropdown-item-flag{font-size:22px}.share-accent-body .dropdown-item-text{text-align:left;flex:1 1}.share-accent-body .dropdown-item-name{color:#fff;font-weight:500;font-size:14px}.share-accent-body .dropdown-item-desc{color:hsla(0,0%,100%,.35);font-size:11px}.share-accent-body .dropdown-check{stroke:#8b5cf6}.share-accent-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-body .preview-card.visible{display:block}.share-accent-body .preview-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.share-accent-body .preview-flag{font-size:28px}.share-accent-body .preview-title{color:#fff;font-weight:600;font-size:16px}.share-accent-body .preview-subtitle{color:hsla(0,0%,100%,.5);font-size:12px}.share-accent-body .features-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.share-accent-body .feature-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0a0a0f;border-radius:10px}.share-accent-body .feature-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.share-accent-body .feature-icon.purple{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(168,85,247,.2))}.share-accent-body .feature-icon.yellow{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.2))}.share-accent-body .feature-icon.green{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.2))}.share-accent-body .feature-title{color:#fff;font-size:13px;font-weight:500}.share-accent-body .feature-desc{color:hsla(0,0%,100%,.4);font-size:11px}.share-accent-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-body .pro-tip-icon{font-size:14px}.share-accent-body .pro-tip-text{color:hsla(0,0%,100%,.7);font-size:12px;line-height:1.5}.share-accent-body .pro-tip-text strong{color:#fbbf24}.share-accent-body .retake-content{width:100%;max-width:400px;animation:slideUp .4s cubic-bezier(.4,0,.2,1);display:none}.share-accent-body .retake-content.visible{display:block}.share-accent-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-body ::-webkit-scrollbar{width:6px}.share-accent-body ::-webkit-scrollbar-track{background:transparent}.share-accent-body ::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px}.share-accent-body ::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}