.share-button-container{position:relative;display:inline-block}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-weight:500;font-size:.875rem;line-height:1.5;text-decoration:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:none;position:relative;overflow:hidden}.share-button:focus-visible{outline:2px solid var(--color-primary,#4f46e5);outline-offset:2px}.share-button:disabled{opacity:.5;cursor:not-allowed}.share-button--primary{background-color:var(--color-primary,#4f46e5);color:white}.share-button--primary:hover:not(:disabled){background-color:var(--color-primary-dark,#4338ca)}.share-button--primary:active:not(:disabled){background-color:var(--color-primary-darker,#3730a3)}.share-button--secondary{background-color:var(--color-bg-secondary,#f1f5f9);color:var(--color-text-primary,#1e293b);border:1px solid var(--color-border,#e2e8f0)}.share-button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary,#e2e8f0);border-color:var(--color-border-dark,#cbd5e1)}.share-button--ghost{background-color:transparent;color:var(--color-text-secondary,#64748b)}.share-button--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary,#f1f5f9);color:var(--color-text-primary,#1e293b)}.share-button--icon{padding:.5rem;width:2.5rem;height:2.5rem;background-color:transparent;color:var(--color-text-secondary,#64748b)}.share-button--icon:hover:not(:disabled){background-color:var(--color-bg-secondary,#f1f5f9);color:var(--color-text-primary,#1e293b)}.share-button--small{padding:.375rem .75rem;font-size:.75rem;gap:.375rem}.share-button--small.share-button--icon{padding:.375rem;width:2rem;height:2rem}.share-button--large{padding:.75rem 1.5rem;font-size:1rem;gap:.625rem}.share-button--large.share-button--icon{padding:.75rem;width:3rem;height:3rem}.share-button-icon{flex-shrink:0;width:1.25em;height:1.25em;transition:transform .2s ease}.share-button:hover:not(:disabled) .share-button-icon{transform:scale(1.05)}.share-button-icon--success{color:var(--color-success,#22c55e)}.share-button-label{white-space:nowrap}.share-button--success{background-color:var(--color-success-bg,#dcfce7)!important;color:var(--color-success,#15803d)!important;border-color:var(--color-success,#22c55e)!important}.share-button--error{background-color:var(--color-error-bg,#fef2f2)!important;color:var(--color-error,#dc2626)!important;border-color:var(--color-error,#dc2626)!important}.share-button-spinner{display:inline-block;width:1.25em;height:1.25em;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:share-button-spin .8s linear infinite}@keyframes share-button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.share-button--loading{pointer-events:none}.share-button-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:10rem;padding:.375rem;background-color:var(--color-bg-primary,#ffffff);border:1px solid var(--color-border,#e2e8f0);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:50;animation:share-dropdown-enter .15s ease-out}@keyframes share-dropdown-enter{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.share-button-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;color:var(--color-text-primary,#1e293b);background:none;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease;text-align:left}.share-button-dropdown-item:hover{background-color:var(--color-bg-secondary,#f1f5f9)}.share-button-dropdown-item:focus-visible{outline:2px solid var(--color-primary,#4f46e5);outline-offset:-2px}.share-button-dropdown-item svg{flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-secondary,#64748b)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .share-button--secondary{background-color:var(--color-bg-secondary-dark,#1e293b);color:var(--color-text-primary-dark,#f8fafc);border-color:var(--color-border-dark,#334155)}:root:not([data-theme=light]) .share-button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary-dark,#334155);border-color:var(--color-border-darker,#475569)}:root:not([data-theme=light]) .share-button--ghost{color:var(--color-text-secondary-dark,#94a3b8)}:root:not([data-theme=light]) .share-button--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary-dark,#1e293b);color:var(--color-text-primary-dark,#f8fafc)}:root:not([data-theme=light]) .share-button--icon{color:var(--color-text-secondary-dark,#94a3b8)}:root:not([data-theme=light]) .share-button--icon:hover:not(:disabled){background-color:var(--color-bg-secondary-dark,#1e293b);color:var(--color-text-primary-dark,#f8fafc)}:root:not([data-theme=light]) .share-button-dropdown{background-color:var(--color-bg-primary-dark,#0f172a);border-color:var(--color-border-dark,#334155)}:root:not([data-theme=light]) .share-button-dropdown-item{color:var(--color-text-primary-dark,#f8fafc)}:root:not([data-theme=light]) .share-button-dropdown-item:hover{background-color:var(--color-bg-secondary-dark,#1e293b)}:root:not([data-theme=light]) .share-button-dropdown-item svg{color:var(--color-text-secondary-dark,#94a3b8)}}[data-theme=dark] .share-button--secondary{background-color:var(--color-bg-secondary-dark,#1e293b);color:var(--color-text-primary-dark,#f8fafc);border-color:var(--color-border-dark,#334155)}[data-theme=dark] .share-button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary-dark,#334155);border-color:var(--color-border-darker,#475569)}[data-theme=dark] .share-button-dropdown{background-color:var(--color-bg-primary-dark,#0f172a);border-color:var(--color-border-dark,#334155)}[data-theme=dark] .share-button-dropdown-item{color:var(--color-text-primary-dark,#f8fafc)}[data-theme=dark] .share-button-dropdown-item:hover{background-color:var(--color-bg-secondary-dark,#1e293b)}@media (prefers-reduced-motion:reduce){.share-button,.share-button-dropdown,.share-button-icon{transition:none}.share-button-spinner{animation:none;border-color:currentColor;opacity:.5}@keyframes share-dropdown-enter{0%,to{opacity:1;transform:none}}}.share-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:share-modal-fade-in .2s ease-out}@keyframes share-modal-fade-in{0%{opacity:0}to{opacity:1}}.share-modal{position:relative;width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;background:var(--color-surface,#ffffff);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:share-modal-slide-in .3s ease-out}@keyframes share-modal-slide-in{0%{opacity:0;transform:translateY(1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border,#e5e7eb)}.share-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary,#1e293b)}.share-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:.5rem;color:var(--color-text-secondary,#64748b);cursor:pointer;transition:background-color .2s,color .2s}.share-modal-close:hover{background-color:var(--color-hover,#f1f5f9);color:var(--color-text-primary,#1e293b)}.share-modal-close:focus-visible{outline:2px solid var(--color-primary,#4f46e5);outline-offset:2px}.share-modal-preview{padding:1.25rem;background:var(--color-background,#f8fafc)}.share-modal-preview-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.share-modal-preview-header{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.share-modal-preview-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:rgba(255,255,255,.2);border-radius:9999px;font-size:.75rem;font-weight:500;color:white;letter-spacing:.025em}.share-modal-preview-content{padding:1rem;background:rgba(255,255,255,.95);border-radius:.5rem .5rem .75rem .75rem;margin:0 .25rem .25rem}.share-modal-preview-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-text-primary,#1e293b);line-height:1.4}.share-modal-preview-text{margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.share-modal-preview-text,.share-modal-privacy-toggle{font-size:.875rem;color:var(--color-text-secondary,#64748b)}.share-modal-privacy-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;border-bottom:1px solid var(--color-border,#e5e7eb);font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.share-modal-privacy-toggle:hover{background-color:var(--color-hover,#f1f5f9);color:var(--color-text-primary,#1e293b)}.share-modal-privacy-toggle:focus-visible{outline:2px solid var(--color-primary,#4f46e5);outline-offset:-2px}.share-modal-chevron{margin-left:auto;transition:transform .2s ease}.share-modal-chevron--open{transform:rotate(180deg)}.share-modal-privacy-settings{padding:1rem 1.25rem;background:var(--color-background,#f8fafc);border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;flex-direction:column;gap:.75rem;animation:share-modal-expand .2s ease-out}@keyframes share-modal-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.share-modal-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer}.share-modal-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;margin:0;border:2px solid var(--color-border,#d1d5db);border-radius:.25rem;cursor:pointer;accent-color:var(--color-primary,#4f46e5)}.share-modal-checkbox-label{font-size:.875rem;color:var(--color-text-primary,#1e293b);-webkit-user-select:none;-moz-user-select:none;user-select:none}.share-modal-platforms{padding:1.25rem}.share-modal-platforms-title{margin:0 0 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary,#64748b)}.share-modal-platforms-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.share-modal-platform-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;color:var(--color-text-primary,#1e293b);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-modal-platform-button:hover{border-color:var(--platform-color,#4f46e5);background:color-mix(in srgb,var(--platform-color,#4f46e5) 5%,transparent);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.share-modal-platform-button:focus-visible{outline:2px solid var(--platform-color,#4f46e5);outline-offset:2px}.share-modal-platform-button:active{transform:translateY(0)}.share-modal-platform-button svg{width:1.5rem;height:1.5rem;color:var(--platform-color,currentColor)}.share-modal-platform-button span{white-space:nowrap}.share-modal-platform-button--native{grid-column:span 2;flex-direction:row;padding:.875rem 1rem}.share-modal-platform-button--native svg{width:1.25rem;height:1.25rem}.share-modal-platform-button--success{background:var(--color-success-bg,#dcfce7);border-color:var(--color-success,#22c55e);color:var(--color-success,#16a34a)}.share-modal-platform-button--success svg{color:var(--color-success,#22c55e)}@media (prefers-color-scheme:dark){.share-modal{--color-surface:#1e293b;--color-background:#0f172a;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-hover:#334155}.share-modal-preview-content{background:rgba(30,41,59,.95)}.share-modal-preview-title{color:#f1f5f9}.share-modal-preview-text{color:#94a3b8}}@media (max-width:480px){.share-modal{max-width:100%;margin:.5rem;border-radius:.75rem}.share-modal-platforms-grid{grid-template-columns:1fr 1fr;gap:.5rem}.share-modal-platform-button{padding:.875rem .5rem;font-size:.75rem}.share-modal-platform-button svg{width:1.25rem;height:1.25rem}}@media (prefers-reduced-motion:reduce){.share-modal,.share-modal-backdrop,.share-modal-chevron,.share-modal-platform-button,.share-modal-privacy-settings{animation:none;transition:none}}.milestone-share-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;padding:24px;color:#fff;box-shadow:0 10px 40px rgba(79,70,229,.3);max-width:400px;margin:0 auto}.milestone-share-card--animating{animation:milestone-card-entrance .5s cubic-bezier(.34,1.56,.64,1)}@keyframes milestone-card-entrance{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.milestone-share-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .2s ease}.milestone-share-close:hover{background:rgba(255,255,255,.3)}.milestone-share-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.milestone-share-content{text-align:center}.milestone-share-icon-wrapper{position:relative;display:inline-block;margin-bottom:16px}.milestone-share-emoji{font-size:48px;display:block;margin-bottom:8px;animation:milestone-emoji-bounce 1s ease-in-out infinite}@keyframes milestone-emoji-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.milestone-share-icon{width:40px;height:40px;color:rgba(255,255,255,.8)}.milestone-share-title{font-size:1.5rem;font-weight:700;margin:0 0 8px;line-height:1.3}.milestone-share-message{font-size:1rem;opacity:.9;margin:0 0 24px;line-height:1.5}.milestone-share-actions{display:flex;flex-direction:column;gap:12px}.milestone-share-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.milestone-share-button--primary{background:#fff;color:#4f46e5}.milestone-share-button--primary:hover{background:#f0f0ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.milestone-share-button--primary:active{transform:translateY(0)}.milestone-share-button--secondary{background:rgba(255,255,255,.15);color:#fff}.milestone-share-button--secondary:hover{background:rgba(255,255,255,.25)}.milestone-share-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.milestone-share-button-icon{width:20px;height:20px}.milestone-share-confetti{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.milestone-share-confetti-piece{position:absolute;width:10px;height:10px;background:#fff;opacity:0;animation:confetti-fall 2s ease-out forwards}.milestone-share-confetti-piece--1{left:10%;background:#ffd700;animation-delay:0s;border-radius:50%}.milestone-share-confetti-piece--2{left:20%;background:#ff69b4;animation-delay:.1s;border-radius:2px}.milestone-share-confetti-piece--3{left:30%;background:#00ff7f;animation-delay:.2s;border-radius:50%}.milestone-share-confetti-piece--4{left:40%;background:#87ceeb;animation-delay:.15s;border-radius:2px}.milestone-share-confetti-piece--5{left:50%;background:#ffa500;animation-delay:.05s;border-radius:50%}.milestone-share-confetti-piece--6{left:60%;background:#ee82ee;animation-delay:.25s;border-radius:2px}.milestone-share-confetti-piece--7{left:70%;background:#ff6347;animation-delay:.1s;border-radius:50%}.milestone-share-confetti-piece--8{left:80%;background:#40e0d0;animation-delay:.2s;border-radius:2px}.milestone-share-confetti-piece--9{left:15%;background:#ffd700;animation-delay:.3s;border-radius:50%}.milestone-share-confetti-piece--10{left:45%;background:#ff1493;animation-delay:.35s;border-radius:2px}.milestone-share-confetti-piece--11{left:75%;background:#7fff00;animation-delay:.15s;border-radius:50%}.milestone-share-confetti-piece--12{left:90%;background:#ff4500;animation-delay:.25s;border-radius:2px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(400px) rotate(2turn)}}@media (prefers-color-scheme:dark){.milestone-share-card{background:linear-gradient(135deg,#3730a3,#5b21b6);box-shadow:0 10px 40px rgba(55,48,163,.4)}}@media (max-width:480px){.milestone-share-card{padding:20px;margin:0 16px;border-radius:12px}.milestone-share-title{font-size:1.25rem}.milestone-share-message{font-size:.9rem}.milestone-share-button{padding:12px 20px;font-size:.9rem}.milestone-share-emoji{font-size:40px}}@media (prefers-reduced-motion:reduce){.milestone-share-card--animating,.milestone-share-confetti-piece,.milestone-share-emoji{animation:none}.milestone-share-button--primary:hover{transform:none}}