.nanopopup.share-recipients-popup{--popup-width:min(486px, 92vw);--popup-min-width:0;--popup-max-width:486px;--popup-padding:48px 0 0;--popup-height:auto;background:#fff;border-radius:28px;box-shadow:0 20px 60px #65112a2e}.nanopopup.share-recipients-popup .close-container{background-color:var(--troubadour-main-5);width:36px;height:36px}.nanopopup.share-recipients-popup .close-container i,.nanopopup.share-recipients-popup .close-container svg{font-size:clamp(13px,2vw,17px)}.nanopopup.share-recipients-popup .popup-content{text-align:left;flex-direction:column;min-height:0;padding:0 28px 28px;display:flex}.nanopopup.share-recipients-popup h2{letter-spacing:.03em;color:var(--troubadour-main);text-transform:none;margin:0 0 4px;font-family:FatFrank,Lato,sans-serif;font-size:clamp(22px,3vw,30px)}.nanopopup.share-recipients-popup .popup-sub{color:var(--family-popup-ink);margin:0 0 16px;font-size:clamp(12px,2vw,16px)}.nanopopup.share-recipients-popup .recipient-list{flex-direction:column;gap:10px;min-height:0;max-height:min(46vh,420px);margin-bottom:14px;display:flex;overflow:hidden auto}.nanopopup.share-recipients-popup .recipient-list::-webkit-scrollbar{width:4px;height:4px}.nanopopup.share-recipients-popup .recipient-list::-webkit-scrollbar-thumb{background-color:#65112a40;border-radius:5px}.nanopopup.share-recipients-popup .recipient-list::-webkit-scrollbar-track{background-color:#0000;border-radius:5px}@supports not selector(::-webkit-scrollbar){.nanopopup.share-recipients-popup .recipient-list{scrollbar-color:#65112a40 transparent;scrollbar-width:thin}}@media (pointer:coarse){.nanopopup.share-recipients-popup .recipient-list::-webkit-scrollbar{width:16px;height:16px}.nanopopup.share-recipients-popup .recipient-list::-webkit-scrollbar-thumb{background-clip:padding-box;border:6px solid #0000;border-radius:11px}.nanopopup.share-recipients-popup .recipient-list::-webkit-scrollbar-track{background-clip:padding-box;border:6px solid #0000;border-radius:11px}}.nanopopup.share-recipients-popup .recipient-group,.nanopopup.share-recipients-popup .share-group{flex-direction:column;gap:8px;display:flex}.nanopopup.share-recipients-popup .share-group+.share-group{border-top:2px solid #65112a26;margin-top:10px;padding-top:12px}.nanopopup.share-recipients-popup .share-group .group-toggle{background:var(--troubadour-main-15);cursor:pointer;border:2px solid #65112a1f;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Sofia Pro,Lato,sans-serif;transition:background .12s,border-color .12s;display:flex}.nanopopup.share-recipients-popup .share-group .group-toggle:hover{background:var(--troubadour-cream-2);border-color:#65112a38}.nanopopup.share-recipients-popup .share-group .group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--family-popup-ink);font-size:clamp(12px,1.5vw,14px);font-weight:700}.nanopopup.share-recipients-popup .share-group .group-count{min-width:22px;height:22px;color:var(--family-popup-ink);background:#fff;border-radius:999px;place-items:center;padding:0 7px;font-size:clamp(12px,1.3vw,13px);font-weight:700;display:grid}.nanopopup.share-recipients-popup .share-group .group-toggle .chev{width:26px;height:26px;color:var(--family-popup-ink);background:#fff;border-radius:999px;place-items:center;margin-left:auto;font-size:clamp(12px,1.3vw,13px);transition:transform .15s;display:grid}.nanopopup.share-recipients-popup .share-group .group-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.nanopopup.share-recipients-popup .share-group .group-list{flex-direction:column;gap:8px;display:flex}.nanopopup.share-recipients-popup .recipient-profiles{flex-wrap:wrap;align-items:center;gap:8px;padding:0 6px 4px 18px;display:flex}.nanopopup.share-recipients-popup .recipient-profiles .profiles-hint{width:100%;color:var(--family-popup-ink);font-size:clamp(13px,1.4vw,14px);font-weight:700}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip{cursor:pointer;background:#fff;border:2.5px solid #65112a26;border-radius:999px;align-items:center;gap:8px;padding:5px 8px 5px 6px;font-family:Sofia Pro,Lato,sans-serif;transition:border-color .12s,background .12s;display:inline-flex}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip:hover{border-color:#65112a59}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip .chip-check{background:#fff;border:2px solid #65112a40;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip.checked{border-color:var(--troubadour-main);background:#f74f4f14}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip.checked .chip-check{background:var(--troubadour-main);border-color:var(--troubadour-main)}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip.checked .chip-check:after{content:"✓";color:#fff;font-size:clamp(12px,1.3vw,13px);line-height:1}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip .contact-avatar{width:28px;height:28px;font-size:clamp(13px,1.4vw,14px)}.nanopopup.share-recipients-popup .recipient-profiles .profile-chip .chip-name{color:var(--troubadour-main-5);font-size:clamp(14px,1.5vw,15px);font-weight:700}.nanopopup.share-recipients-popup .recipient{background:var(--troubadour-main-15);cursor:pointer;text-align:left;border:2.5px solid #0000;border-radius:18px;align-items:center;gap:14px;width:calc(100% - 4px);min-height:64px;padding:10px 14px;font-family:Sofia Pro,Lato,sans-serif;transition:border-color .12s,background .12s,transform .12s;display:flex}.nanopopup.share-recipients-popup .recipient:hover{background:var(--troubadour-yellow-1)}.nanopopup.share-recipients-popup .recipient.checked{border-color:var(--troubadour-main);background:#f74f4f0f;transform:translate(4px)}.nanopopup.share-recipients-popup .recipient.checked .check{background:var(--troubadour-main);border-color:var(--troubadour-main)}.nanopopup.share-recipients-popup .recipient.checked .check:after{content:"✓";color:#fff}.nanopopup.share-recipients-popup .recipient.checked .received-badge{color:var(--troubadour-main-5);background:var(--troubadour-main-10)}.nanopopup.share-recipients-popup .recipient .info{flex:1;min-width:0}.nanopopup.share-recipients-popup .recipient .name{color:var(--troubadour-main-5);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,2vw,20px);font-weight:700;display:block;overflow:hidden}.nanopopup.share-recipients-popup .recipient .mail{color:var(--family-popup-ink);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,1.4vw,14px);display:block;overflow:hidden}.nanopopup.share-recipients-popup .recipient .role{color:var(--family-popup-ink);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,1.5vw,15px);display:block;overflow:hidden}.nanopopup.share-recipients-popup .recipient .received-badge{color:var(--troubadour-green-5);background:var(--troubadour-green-2);border-radius:999px;margin-top:4px;padding:3px 10px;font-size:clamp(12px,1.3vw,13px);font-weight:700;transition:background .12s,color .12s;display:inline-block}.nanopopup.share-recipients-popup .recipient .check{background:#fff;border:2.5px solid #65112a33;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:clamp(12px,2vw,16px);transition:background .12s,border-color .12s;display:grid}.nanopopup.share-recipients-popup .contact-avatar{width:52px;height:52px;color:var(--troubadour-main-5);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:FatFrank,Lato,sans-serif;font-size:clamp(16px,2vw,22px);display:inline-flex}.nanopopup.share-recipients-popup .contact-avatar.tone-0{background:var(--troubadour-yellow-4)}.nanopopup.share-recipients-popup .contact-avatar.tone-1{background:var(--troubadour-pink-3)}.nanopopup.share-recipients-popup .contact-avatar.tone-2{background:var(--troubadour-teal-4)}.nanopopup.share-recipients-popup .contact-avatar.tone-3{background:var(--troubadour-violet-2)}.nanopopup.share-recipients-popup .contact-avatar.tone-4{background:var(--troubadour-mint-1)}.nanopopup.share-recipients-popup .recipients-empty{flex-direction:column;gap:20px;padding:14px 0 4px;display:flex}.nanopopup.share-recipients-popup .recipients-empty p{color:var(--family-popup-ink);text-align:center;margin:0;font-size:clamp(12px,2vw,16px)}.nanopopup.share-recipients-popup .recipients-empty .manage-link{color:var(--family-popup-ink);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:clamp(14px,1.5vw,15px);font-weight:700;text-decoration:none;display:flex}.nanopopup.share-recipients-popup .recipients-empty .manage-link:hover{color:var(--troubadour-main);text-decoration:none}.nanopopup.share-recipients-popup .recipients-empty .add-row{background:var(--troubadour-main);border-radius:999px;align-items:center;gap:12px;padding:10px 18px 10px 10px;text-decoration:none;transition:transform .16s ease-out;display:flex;box-shadow:1px 1px 5px 1px #0003}.nanopopup.share-recipients-popup .recipients-empty .add-row:hover{text-decoration:none;transform:translateY(-2px)}.nanopopup.share-recipients-popup .recipients-empty .add-row .ic{color:#fff;background:#ffffff40;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:clamp(15px,2vw,20px);display:grid}.nanopopup.share-recipients-popup .recipients-empty .add-row .txt{color:#fff;font-size:clamp(15px,1.6vw,16px);font-weight:700}.nanopopup.share-recipients-popup .recipients-empty .add-row .txt .small{opacity:.85;margin-top:2px;font-size:clamp(12px,1.3vw,13px);font-weight:400;display:block}.nanopopup.share-recipients-popup .invite-row{border-top:2px dashed #65112a26;align-items:center;gap:12px;margin-bottom:16px;padding-top:14px;display:flex}.nanopopup.share-recipients-popup .invite-row .info{flex:1}.nanopopup.share-recipients-popup .invite-row .info .q{color:var(--troubadour-main-5);font-size:clamp(12px,2vw,16px);font-weight:700;display:block}.nanopopup.share-recipients-popup .invite-row .info .s{color:var(--family-popup-ink);font-size:clamp(14px,1.5vw,15px);display:block}.nanopopup.share-recipients-popup .invite-row .invite-btn{background:var(--troubadour-main);color:#fff;border-radius:999px;flex:none;padding:10px 20px;font-size:clamp(15px,1.6vw,16px);font-weight:700;text-decoration:none;transition:background .12s;box-shadow:0 6px 16px #f74f4f4d}.nanopopup.share-recipients-popup .invite-row .invite-btn:hover{background:var(--family-popup-ink);text-decoration:none}.nanopopup.share-recipients-popup .popup-footer{border-top:1px solid #65112a1a;flex-direction:column;gap:12px;padding-top:14px;display:flex}.nanopopup.share-recipients-popup .popup-footer .ct{color:var(--family-popup-ink);text-align:center;font-size:clamp(15px,1.6vw,16px)}.nanopopup.share-recipients-popup .popup-footer .acts{flex:none;justify-content:center;gap:10px;display:flex}.nanopopup.share-recipients-popup.manage-shares-popup .recipient.manage-row{cursor:default}.nanopopup.share-recipients-popup.manage-shares-popup .recipient.manage-row:hover{background:var(--troubadour-main-15)}.nanopopup.share-recipients-popup.manage-shares-popup .revoke-btn{color:var(--troubadour-main);border:2px solid var(--troubadour-main);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:8px 16px;font-family:Sofia Pro,Lato,sans-serif;font-size:clamp(13px,1.4vw,14px);font-weight:700;transition:background .12s,color .12s}.nanopopup.share-recipients-popup.manage-shares-popup .revoke-btn:hover{background:var(--troubadour-main);color:#fff}.nanopopup.share-recipients-popup.manage-shares-popup .popup-footer{border-top:none;padding-top:4px}.nanopopup.story-celebration-popup{--popup-width:min(620px, calc(100vw - 48px));--popup-min-width:0;--popup-max-width:620px;--popup-padding:44px 56px 52px;--popup-height:auto;background:var(--troubadour-main-15);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;display:none;overflow:visible;box-shadow:0 10px 30px 10px #65112a33}.nanopopup.story-celebration-popup.display{display:flex}.nanopopup.story-celebration-popup .celebration-close{cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .15s ease-out;display:grid;position:absolute;top:18px;left:18px;box-shadow:1px 1px 5px 1px #0003}.nanopopup.story-celebration-popup .celebration-close:hover{transform:scale(1.08)}.nanopopup.story-celebration-popup .celebration-close:active{transform:scale(.95)}.nanopopup.story-celebration-popup .celebration-close span{background:var(--troubadour-main);border-radius:2px;width:18px;height:3.5px;position:absolute;transform:rotate(45deg)}.nanopopup.story-celebration-popup .celebration-close span:last-child{transform:rotate(-45deg)}.nanopopup.story-celebration-popup .mascot-stage{place-items:center;width:300px;height:260px;display:grid;position:relative}.nanopopup.story-celebration-popup .mascot-stage .sunburst{background:repeating-conic-gradient(var(--troubadour-main-10) 0deg 11deg, transparent 11deg 30deg);border-radius:50%;width:300px;height:300px;animation:22s linear infinite tb-spin;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 68%);mask-image:radial-gradient(circle,#000 20%,#0000 68%)}.nanopopup.story-celebration-popup .mascot-stage .twinkle{position:absolute;transform:rotate(45deg)}.nanopopup.story-celebration-popup .mascot-stage .t1{background:var(--troubadour-yellow-3);width:13px;height:13px;animation:1.7s ease-in-out .6s infinite tb-twinkle;top:26px;left:20px}.nanopopup.story-celebration-popup .mascot-stage .t2{background:var(--troubadour-mint-1);width:9px;height:9px;animation:1.9s ease-in-out 1.1s infinite tb-twinkle;top:74px;right:8px}.nanopopup.story-celebration-popup .mascot-stage .t3{background:var(--troubadour-pink-3);width:11px;height:11px;animation:2.1s ease-in-out 1.5s infinite tb-twinkle;bottom:40px;left:-6px}.nanopopup.story-celebration-popup .mascot-stage .t4{background:var(--troubadour-main);width:8px;height:8px;animation:1.8s ease-in-out .9s infinite tb-twinkle;top:8px;right:60px}.nanopopup.story-celebration-popup .mascot-stage .mascot-bob{animation:2.6s ease-in-out 1s infinite alternate tb-bob}.nanopopup.story-celebration-popup .mascot-stage .mascot-bob img{height:250px;display:block}.nanopopup.story-celebration-popup .headline{letter-spacing:.03em;color:var(--troubadour-main-5);text-transform:none;margin:4px 0 0;font-family:FatFrank,Lato,sans-serif;font-size:clamp(33px,3.5vw,44px);line-height:1}.nanopopup.story-celebration-popup .subhead{color:var(--family-popup-ink);margin:6px 0 0;font-size:clamp(17px,2vw,23px);line-height:31px}.nanopopup.story-celebration-popup .chip-wrap{margin-top:18px;position:relative;transform:rotate(-2deg)}.nanopopup.story-celebration-popup .chip-wrap .chip{background:var(--troubadour-green-2);color:var(--troubadour-green-5);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;max-width:420px;padding:14px 28px;font-size:clamp(15px,2vw,20px);font-weight:700;line-height:1.2;overflow:hidden;box-shadow:1px 1px 5px 1px #0003}.nanopopup.story-celebration-popup .chip-wrap .flag{background:var(--troubadour-pink-3);color:#fff;border-radius:45px;padding:6px 12px;font-size:clamp(12px,1.3vw,13px);font-weight:700;position:absolute;top:-12px;right:-22px;transform:rotate(8deg);box-shadow:1px 1px 5px 1px #0003}.nanopopup.story-celebration-popup .celebration-cta{background:linear-gradient(var(--troubadour-yellow-5) 30%, var(--troubadour-main) 100%);color:#fff;border-radius:62px;margin-top:28px;padding:14px 42px;font-size:clamp(17px,2vw,23px);font-weight:700;line-height:31px;text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:1px 1px 5px 1px #0003}.nanopopup.story-celebration-popup .celebration-cta:hover{color:#fff;text-decoration:none;transform:scale(1.02);box-shadow:2px 3px 8px 2px #0000002e}.nanopopup.story-celebration-popup .celebration-cta:active{transform:scale(.98)}.nanopopup.story-celebration-popup.is-playing{animation:.5s cubic-bezier(.34,1.3,.64,1) both tb-card-in}.nanopopup.story-celebration-popup.is-playing .sunburst{animation:22s linear infinite tb-spin,.8s ease-out .3s both tb-fade-in}.nanopopup.story-celebration-popup.is-playing .mascot-in{animation:.75s cubic-bezier(.34,1.2,.64,1) .15s both tb-mascot-in}.nanopopup.story-celebration-popup.is-playing .headline{animation:.55s cubic-bezier(.34,1.4,.64,1) .4s both tb-pop}.nanopopup.story-celebration-popup.is-playing .subhead{animation:.5s ease-out .6s both tb-rise-in}.nanopopup.story-celebration-popup.is-playing .chip-wrap{animation:.55s cubic-bezier(.34,1.35,.64,1) .75s both tb-chip-in}.nanopopup.story-celebration-popup.is-playing .flag{animation:.4s cubic-bezier(.34,1.4,.64,1) 1.15s both tb-flag-in}.nanopopup.story-celebration-popup.is-playing .celebration-cta{animation:.5s ease-out .95s both tb-rise-in}.nanopopup.story-celebration-popup.is-playing .celebration-close{animation:.4s cubic-bezier(.34,1.4,.64,1) 1.4s both tb-pop}@media (prefers-reduced-motion:reduce){.nanopopup.story-celebration-popup *{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.celebration-confetti{z-index:340;pointer-events:none;width:100vw;height:100vh;display:none;position:fixed;inset:0}.celebration-confetti.display{display:block}@keyframes tb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tb-card-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)translateY(48px)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.04)translateY(-8px)}to{transform:translate(-50%,-50%)scale(1)translateY(0)}}@keyframes tb-mascot-in{0%{opacity:0;transform:translateY(110px)scale(.4)rotate(-12deg)}55%{opacity:1;transform:translateY(-16px)scale(1.1)rotate(4deg)}80%{transform:translateY(6px)scale(.97)rotate(-1deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes tb-bob{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-9px)rotate(1.5deg)}}@keyframes tb-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes tb-rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tb-chip-in{0%{opacity:0;transform:rotate(-16deg)scale(0)}70%{opacity:1;transform:rotate(2deg)scale(1.1)}to{opacity:1;transform:rotate(-2deg)scale(1)}}@keyframes tb-flag-in{0%{opacity:0;transform:rotate(20deg)scale(0)}70%{opacity:1;transform:rotate(4deg)scale(1.2)}to{opacity:1;transform:rotate(8deg)scale(1)}}@keyframes tb-spin{to{transform:rotate(360deg)}}@keyframes tb-twinkle{0%,to{opacity:0;transform:rotate(45deg)scale(0)}50%{opacity:1;transform:rotate(45deg)scale(1)}}