.account-trigger{display:flex;align-items:center;gap:11px;min-height:54px;padding:8px 12px;border-radius:28px;background:#fff;max-width:235px}.account-trigger:after{display:none}.account-trigger>svg{width:18px;height:18px;flex-shrink:0}.account-trigger-text{display:flex;flex-direction:column;text-align:left;min-width:0;line-height:1.3}.account-trigger-text strong{font-size:15px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.account-trigger-text small{font-size:12px;color:var(--muted);margin-top:3px}.account-avatar{display:grid;place-items:center;width:40px;height:40px;border:3px solid white;outline:1px solid #d4e1d8;border-radius:50%;background:#ddecdb;color:#235546;font-size:15px;font-weight:700;flex-shrink:0}.account-dropdown svg,.account-sidebar svg,.account-trigger>svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.account-dropdown{width:324px;max-width:calc(100vw - 36px);top:calc(100% + 12px);padding:12px!important;border-radius:20px;box-shadow:0 14px 45px #16382b24;border:1px solid #d6e2d9;max-height:calc(100dvh - 155px);overflow:auto}.account-person{display:flex;gap:12px;align-items:center;padding:10px 7px 17px;min-width:0}.account-person>div{min-width:0;display:flex;flex-direction:column;gap:4px}.account-person strong{font-size:16px;overflow-wrap:anywhere;line-height:1.35}.account-person span:not(.account-avatar){font-size:13px;color:var(--muted);overflow-wrap:anywhere;line-height:1.4}.account-person .account-avatar{width:45px;height:45px;font-size:17px}.account-dropdown a.account-plan{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;background:#f8efdb;margin-bottom:9px;text-decoration:none;color:var(--ink)}.account-plan.is-active{background:#e7f1e6!important}.account-plan>svg{width:23px;height:23px;flex-shrink:0}.account-plan>svg:last-child{margin-left:auto;width:17px;transform:rotate(-90deg)}.account-plan span{display:flex;flex-direction:column;gap:4px}.account-plan strong{font-size:15px}.account-plan small{font-size:13px;color:var(--muted)}.account-menu-links{display:block;padding:4px;background:#f5f7f4;border-radius:12px}.account-menu-links a,.account-menu-tools a,.account-sidebar nav a,.account-sidebar-tools a,.account-dropdown>a.account-signout{display:flex;align-items:center;gap:12px;padding:12px 10px;min-height:47px;border-radius:9px;font-size:15px;text-decoration:none;color:var(--ink);font-weight:500}.account-menu-links svg,.account-menu-tools svg,.account-sidebar svg,.account-signout svg{width:20px;height:20px;flex-shrink:0;color:#527060}.account-menu-links a small,.account-sidebar nav a small{margin-left:auto;font-size:13px;min-width:23px;text-align:center;color:var(--muted);background:#fff;border-radius:6px;padding:1px 5px}.account-menu-links a:hover,.account-menu-tools a:hover,.account-sidebar a:hover{background:#eaf1e9}.account-menu-tools{padding:7px 0;margin:6px 0;border-bottom:1px solid var(--line)}.account-signout{color:#a13d48!important}.account-signout svg{color:inherit}.account-signout:hover{background:#fff0f1!important}.guest-heading{display:block;font-size:18px;padding:8px}.account-dropdown>p{font-size:15px;margin:0 8px 18px}.account-dropdown>a.primary{display:flex;color:white}.account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:start}.account-sidebar{position:sticky;top:168px;background:#fbfcfa;border:1px solid #d8e2d9;border-radius:20px;padding:17px}.account-sidebar .account-person{padding:6px 3px 12px}.account-status{display:inline-block;font-size:13px;background:#f4eddf;color:#795b25;padding:5px 10px;border-radius:20px;margin:0 0 20px 3px}.account-status.is-active{background:#e4f0e5;color:#24604d}.account-sidebar nav{display:flex;flex-direction:column;gap:5px}.account-sidebar nav a{font-size:15px;padding:12px 9px}.account-sidebar nav a.selected{background:#e0ecdf;color:#20523e;font-weight:600;box-shadow:inset 3px 0 #17665a}.account-sidebar-tools{border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.account-sidebar-tools a{font-size:14px}.account-content{min-width:0}.account-heading{margin-bottom:24px}.account-heading>p{font-size:14px;margin:0 0 8px}.account-heading h1{font-size:34px;margin:0}.account-content>.empty{border:1px solid #d9e5d9;padding:45px 24px;border-radius:18px}.account-content .empty h2{font-size:25px}.account-content .empty p{max-width:470px;margin:16px auto 24px}.account-content>.panel{background:#fbfcf8}.account-content .purchase-row{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;margin:0 0 16px;gap:18px}.account-content .purchase-row img{width:90px;height:105px}.account-content .purchase-row h2{font-size:20px}.account-content .purchase-actions{min-width:145px}.account-content .purchase-actions .button{font-size:14px;padding:10px}.account-content .content-section{margin-top:26px}
.favorite-button{isolation:isolate;transition:background-color .18s,color .18s,box-shadow .18s}.favorite-button:active{transform:scale(.92)}.favorite-button.saved{color:#b91c1c;background:#fff1f0;border-color:#f3b4b0}.favorite-button.saved svg{fill:#e53935;stroke:#b91c1c}.favorite-button svg{transform-origin:center}.favorite-button.favorite-celebrate svg{animation:heart-pop .58s cubic-bezier(.2,.8,.3,1)}.favorite-button.favorite-celebrate:before{content:'';position:absolute;inset:4px;border:2px solid #e53935;border-radius:50%;pointer-events:none;animation:heart-ring .6s ease-out both;z-index:-1}.favorite-button.favorite-celebrate:after{content:'';position:absolute;width:4px;height:4px;background:transparent;border-radius:50%;box-shadow:0 -25px #ef5350,22px -12px #c62828,22px 13px #ef5350,0 25px #c62828,-22px 13px #ef5350,-22px -12px #c62828;pointer-events:none;animation:heart-spark .6s ease-out both}.favorite-button.favorite-remove svg{animation:heart-unfill .2s ease-out}@keyframes heart-pop{0%{transform:scale(.55)}40%{transform:scale(1.3)}65%{transform:scale(.92)}85%{transform:scale(1.07)}100%{transform:scale(1)}}@keyframes heart-ring{0%{transform:scale(.35);opacity:1}85%,100%{transform:scale(1.5);opacity:0}}@keyframes heart-spark{0%,15%{transform:scale(.4);opacity:0}35%{opacity:1}100%{transform:scale(1.1);opacity:0}}@keyframes heart-unfill{50%{transform:scale(.85)}100%{transform:scale(1)}}
@media(max-width:1000px){.account-layout{grid-template-columns:230px minmax(0,1fr);gap:24px}.account-content .purchase-row{flex-wrap:wrap}.account-content .purchase-actions{flex-direction:row;width:100%}.account-content .purchase-actions .button{flex:1}.account-trigger-text strong{max-width:100px}}
@media(max-width:760px){.account-layout{grid-template-columns:1fr;gap:25px}.account-sidebar{position:static;padding:18px}.account-sidebar .account-person{display:none}.account-sidebar .account-status{margin-bottom:14px}.account-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-sidebar nav a{font-size:14px;border:1px solid var(--line);background:white;gap:8px;padding:11px 8px}.account-sidebar nav a small{font-size:12px}.account-sidebar-tools{display:none}.account-heading h1{font-size:29px}.account-trigger{max-width:190px;gap:7px}.account-trigger .account-avatar{width:32px;height:32px;font-size:12px}.account-trigger-text strong{font-size:14px;max-width:90px}.account-trigger-text small{font-size:11px}.account-dropdown{max-height:calc(100dvh - 140px)}.account-content .purchase-row{padding:17px}.account-content .purchase-row h2{font-size:19px}}
@media(max-width:390px){.account-trigger .account-avatar{display:none}.account-trigger{max-width:155px}.account-sidebar nav a{font-size:13px;gap:6px}.account-sidebar svg{width:18px;height:18px}}
.header #account-menu nav{display:block;width:auto;border:0;margin:0}.header #account-menu nav a{display:flex;padding:12px 10px;font-size:15px}
.account-content .purchase-actions{flex:0 0 180px}@media(max-width:1000px){.account-content .purchase-actions{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.favorite-button,.favorite-button svg{animation:none!important;transition:none!important}.favorite-button.favorite-celebrate:before,.favorite-button.favorite-celebrate:after{display:none}.favorite-button:active{transform:none}}
.favorite-button.favorite-celebrate:before,.favorite-button.favorite-celebrate:after{display:none}
.favorite-button.favorite-celebrate svg{animation:heart-pop-strong .7s cubic-bezier(.2,.8,.3,1)}
.favorite-burst{position:absolute;width:44px;height:44px;pointer-events:none;z-index:55}
.favorite-burst:before{content:'';position:absolute;inset:3px;border:2px solid #e53935;border-radius:50%;animation:heart-ring-strong .75s ease-out both}
.favorite-burst:after{content:'';position:absolute;top:20px;left:20px;width:5px;height:5px;border-radius:50%;box-shadow:0 -32px #ef5350,28px -16px #c62828,28px 16px #ef5350,0 32px #c62828,-28px 16px #ef5350,-28px -16px #c62828;animation:heart-spark-strong .75s ease-out both}
@keyframes heart-pop-strong{0%{transform:scale(.5)}38%{transform:scale(1.5)}64%{transform:scale(.9)}83%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes heart-ring-strong{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.3);opacity:0}}
@keyframes heart-spark-strong{0%,10%{transform:scale(.4);opacity:0}30%{opacity:1}100%{transform:scale(1.55);opacity:0}}
@media(prefers-reduced-motion:reduce){.favorite-burst{display:none}.favorite-button.favorite-celebrate svg{animation:none!important}}
