/* Membership and storage share the island's rose glass, with warmer SVIP accents. */
#li-cloud-panel{cursor:pointer;transition:transform .22s ease,border-color .22s,box-shadow .22s}
#li-cloud-panel:focus-visible{outline:2px solid #d987a7;outline-offset:4px}
.li-cloud-card-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:15px}
.li-cloud-expiry{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0;color:var(--li-ink);font-size:14px;font-variant-numeric:tabular-nums}
.li-cloud-expiry small{color:var(--li-muted);font-size:12px}.li-cloud-card-footer .li-text-button{display:inline-flex;align-items:center;gap:5px;font-size:13px}.li-cloud-card-footer svg{width:16px;height:16px}
.li-membership-current{margin:0 0 17px;color:var(--li-muted);font-size:13px;line-height:1.7}
.li-membership-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0;padding:0;margin:0;min-width:0}
.li-membership-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.li-membership-option{position:relative;display:block;min-width:0;cursor:pointer}
.li-membership-option>input{position:absolute;opacity:0;width:1px;height:1px}
.li-membership-benefits{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:330px;height:100%;border:1px solid #e7bfce;border-radius:22px;padding:22px 18px 17px;color:#805569;background:linear-gradient(145deg,#fffafd,#fae5ee);box-shadow:0 9px 26px #bd728817;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.li-membership-benefits::before{content:'';position:absolute;z-index:-1;width:180px;height:180px;right:-95px;top:40px;border:1px solid #ffffffb0;border-radius:50%;box-shadow:0 0 0 28px #ffffff25,0 0 0 58px #ffffff20;pointer-events:none}
.li-membership-svip{background:linear-gradient(140deg,#fff9f0,#f6e5cf 62%,#f1d8d8);border-color:#dcc3a6;color:#7c5c49;box-shadow:0 9px 26px #a87c4f17}
.li-membership-option>input:checked+.li-membership-benefits{border-color:#ce7099;box-shadow:0 0 0 2px #e6b1c9,0 12px 30px #bd728825}
.li-membership-option>input:checked+.li-membership-svip{border-color:#ba925c;box-shadow:0 0 0 2px #e3c99f,0 12px 30px #b78a5725}
.li-membership-option>input:focus-visible+.li-membership-benefits{outline:2px solid #b9658b;outline-offset:4px}
.li-membership-option>input:disabled+.li-membership-benefits{filter:saturate(.65);cursor:default}
.li-membership-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;letter-spacing:2px;font-weight:600;font-size:19px}
.li-membership-card-top>span:first-child{display:flex;align-items:center;gap:8px}.li-membership-card-top svg{width:21px;height:21px}
.li-membership-check{display:grid;place-items:center;border:1px solid #c990a9;border-radius:50%;width:23px;height:23px;flex:0 0 23px}
.li-membership-check svg{width:14px;height:14px;opacity:0}.li-membership-option>input:checked+.li-membership-benefits .li-membership-check{background:#bd688b;border-color:transparent;color:white}.li-membership-option>input:checked+.li-membership-svip .li-membership-check{background:#a47a48}.li-membership-option>input:checked+.li-membership-benefits .li-membership-check svg{opacity:1}
.li-membership-tagline{font-size:12px;margin-top:9px;opacity:.8;letter-spacing:1px}.li-membership-capacity{font-size:48px;line-height:1.1;font-weight:500;margin-top:22px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.li-membership-capacity small{font-size:17px;letter-spacing:0}
.li-membership-storage-note{font-size:12px;margin-top:8px;opacity:.85}
.li-membership-perks{display:grid;gap:9px;margin:23px 0}.li-membership-perks>span{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.6}.li-membership-perks svg{flex:0 0 15px;width:15px;height:15px;margin-top:2px}
.li-membership-price{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-top:auto;overflow-wrap:anywhere}.li-membership-price strong{font-size:24px;font-weight:500;letter-spacing:-.5px}.li-membership-price small{font-size:12px;opacity:.8}
.li-membership-card-note{font-size:11px;margin-top:10px;opacity:.8}.li-membership-form{gap:18px}
.li-cloud-subtitle{margin:8px 0 0;color:var(--li-muted);font-size:15px;line-height:1.7}
.li-cloud-details{min-width:0}.li-cloud-usage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.li-cloud-usage-head>div>small{display:block;font-size:13px;color:var(--li-muted);margin-bottom:8px}.li-cloud-usage-head strong{font-size:31px;font-weight:500;font-variant-numeric:tabular-nums}.li-cloud-usage-head strong>span{font-size:16px;color:var(--li-muted)}
.li-cloud-usage-meta{display:flex;gap:14px 30px;flex-wrap:wrap;margin-top:17px;color:var(--li-muted);font-size:13px;line-height:1.8}.li-cloud-usage-meta strong{font-weight:400;color:var(--li-ink);margin-left:5px}
.li-cloud-distribution .li-island-panel-head>small{font-size:12px;color:var(--li-muted)}.li-cloud-chart-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.25fr);align-items:center;gap:40px;padding:18px 0 24px}
.li-cloud-donut{position:relative;aspect-ratio:1;width:min(100%,270px);border-radius:50%;margin:auto;box-shadow:0 12px 35px #c17f9a12;transform:rotate(0deg)}
.li-cloud-donut>div{position:absolute;inset:17%;border-radius:50%;background:#fff9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px;box-shadow:0 0 0 5px #ffffff85}.li-cloud-donut small{font-size:11px;color:var(--li-muted);line-height:1.6}.li-cloud-donut strong{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.li-cloud-legend{display:grid;gap:6px}.li-cloud-legend button{display:grid;grid-template-columns:10px minmax(0,1fr) auto 46px;align-items:center;gap:10px;min-height:43px;border:1px solid transparent;border-radius:12px;padding:9px 12px;text-align:left;color:var(--li-ink);background:transparent;font:inherit;font-size:14px}.li-cloud-legend button.active{background:#fae8f0;border-color:#edd0dd}.li-cloud-legend button:focus-visible{outline:2px solid #d987a7;outline-offset:1px}.li-cloud-legend-dot{width:9px;height:9px;border-radius:50%}.li-cloud-legend strong{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.li-cloud-legend small{font-size:11px;text-align:right;color:var(--li-muted);font-variant-numeric:tabular-nums}
.li-cloud-category-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:19px 20px;border-radius:17px;background:#f9ebf377;border:1px solid #f0dce6}.li-cloud-category-info>div:only-child{grid-column:1/-1}.li-cloud-category-info h4{margin:0 0 8px;font-size:17px;font-weight:500}.li-cloud-category-info p{font-size:13px;line-height:1.8;margin:0;color:var(--li-muted)}.li-cloud-parts{display:grid;gap:9px;align-content:center}.li-cloud-parts>span{display:flex;justify-content:space-between;gap:10px;color:var(--li-muted);font-size:12px}.li-cloud-parts strong{font-weight:400;color:var(--li-ink);font-variant-numeric:tabular-nums}.li-cloud-measured{font-size:12px;line-height:1.8;color:var(--li-muted);margin:15px 3px 25px;overflow-wrap:anywhere}
#li-binding-panel.li-binding-connected{background-image:radial-gradient(ellipse at 90% 10%,#f8dce8b0,transparent 55%),linear-gradient(115deg,#fffdfaeb,#fff5f9b8);background-size:auto;border-color:#ffffffed}
.li-binding-connected-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:3px 2px}.li-binding-copy{min-width:0}.li-binding-copy .li-eyebrow{font-size:10px;letter-spacing:2.5px;margin:0 0 12px;color:#bf7c99}
.li-binding-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:11px}.li-binding-title h3{margin:0;font-size:23px}.li-binding-title .li-binding-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px}.li-binding-title .li-binding-badge svg{width:13px;height:13px}
.li-binding-shared{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:12px;color:#b2879a;line-height:1.7}.li-binding-shared svg{width:16px;height:16px;flex-shrink:0}
.li-binding-couple{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 14px}.li-binding-person{display:flex;align-items:center;flex-direction:column;gap:8px;max-width:115px;position:relative;text-align:center}.li-binding-person-avatar{display:grid;place-items:center;position:relative;width:68px;height:68px;border-radius:50%;border:3px solid #fffafc;box-shadow:0 5px 18px #b77d9520;background:#f6e1eb;color:#bf8ba1;overflow:hidden}.li-binding-person-avatar>svg{width:25px;height:25px}.li-binding-person-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.li-binding-person strong{max-width:100%;font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.5}.li-binding-person>small{position:absolute;right:0;top:48px;display:grid;place-items:center;background:#fff7fb;color:#bf7a97;border-radius:12px;padding:2px 7px;font-size:10px;border:1px solid #f1d3e1}.li-binding-heart{display:grid;place-items:center;width:30px;height:30px;margin-top:-24px;color:#df91af;position:relative}.li-binding-heart::before{content:'';position:absolute;top:50%;left:-14px;right:-14px;border-top:1px dashed #e8bdd1;z-index:0}.li-binding-heart svg{position:relative;width:23px;height:23px;background:#fdf0f6;border-radius:50%;padding:2px}
.li-cloud-chevron{display:inline-flex;align-items:center;justify-content:center;transform:rotate(180deg);color:var(--li-muted);margin-left:3px}.li-cloud-chevron svg{width:18px;height:18px}
.li-cloud-tier-badge{display:inline-flex;align-items:center;gap:6px;line-height:1.5;letter-spacing:.3px}.li-cloud-tier-badge>svg{width:15px;height:15px}
:is(.li-cloud-panel,.li-cloud-usage)[data-membership-tier="LV0"]{--cloud-accent:#9b7687;--cloud-meter-start:#e4bfd0;--cloud-meter-end:#c88aa8;background:linear-gradient(120deg,#fffdfbef,#fbf1f6d9);border-color:#f0e2e8}
:is(.li-cloud-panel,.li-cloud-usage)[data-membership-tier="VIP"]{--cloud-accent:#b65480;--cloud-meter-start:#f1a2c2;--cloud-meter-end:#c85d90;background:radial-gradient(ellipse at 92% 8%,#f5c9dfa6,transparent 59%),linear-gradient(115deg,#fffafcec,#fbe4f0dc);border-color:#edbdd4;box-shadow:0 12px 36px #ba6f9517}
:is(.li-cloud-panel,.li-cloud-usage)[data-membership-tier="SVIP"]{--cloud-accent:#957040;--cloud-meter-start:#ebce8e;--cloud-meter-end:#b58b4d;background:radial-gradient(ellipse at 94% 5%,#ecd2a8a6,transparent 60%),linear-gradient(115deg,#fffdf6ef,#f8e6d4e8);border-color:#e5cba6;box-shadow:0 12px 36px #aa83541b}
[data-membership-tier="LV0"] .li-cloud-tier-badge{background:#f2e7ed;color:#967284;border:1px solid #e9d6e0}
[data-membership-tier="VIP"] .li-cloud-tier-badge{background:linear-gradient(120deg,#f2c4da,#f9dce9);color:#a64874;border:1px solid #e8afca;box-shadow:inset 0 1px 0 #ffffff80}
[data-membership-tier="SVIP"] .li-cloud-tier-badge{background:linear-gradient(120deg,#e7cb93,#fae9c6);color:#78572b;border:1px solid #d8b676;box-shadow:inset 0 1px 0 #fff8e7;letter-spacing:.6px}
[data-membership-tier] .li-cloud-meter{background:color-mix(in srgb,var(--cloud-accent) 12%,transparent)}
[data-membership-tier] .li-cloud-meter>span{background:linear-gradient(90deg,var(--cloud-meter-start),var(--cloud-meter-end))}
[data-membership-tier] .li-cloud-chevron,[data-membership-tier] .li-cloud-card-footer .li-text-button{color:var(--cloud-accent)}
@media(hover:hover){#li-cloud-panel:hover{transform:translateY(-4px);border-color:var(--cloud-meter-end,#edc5d6);box-shadow:0 18px 40px #a66c8b26}.li-membership-option>input:not(:disabled)+.li-membership-benefits:hover{transform:translateY(-2px)}.li-cloud-legend button:hover{background:#fbecf3}}
@media(max-width:760px){.li-cloud-chart-layout{grid-template-columns:1fr;gap:23px;padding:15px 0 22px}.li-cloud-donut{width:225px}.li-cloud-legend button{font-size:13px}.li-cloud-category-info{grid-template-columns:1fr;gap:16px}.li-cloud-usage-head strong{font-size:27px}.li-binding-connected-content{grid-template-columns:1fr;gap:20px}.li-binding-couple{justify-content:flex-start;padding:0 5px;gap:20px}.li-binding-title h3{font-size:21px}.li-binding-person-avatar{width:62px;height:62px}.li-binding-copy .li-field-note{font-size:13px}}
@media(max-width:520px){.li-membership-options{grid-template-columns:1fr}.li-membership-benefits{min-height:0;padding:19px 20px}.li-membership-capacity{font-size:42px;margin-top:15px}.li-membership-perks{margin:17px 0;gap:6px}.li-membership-tagline{font-size:13px}.li-membership-price strong{font-size:26px}.li-membership-card-note{font-size:12px}.li-cloud-card-footer{gap:8px}.li-cloud-expiry{font-size:13px}.li-cloud-legend button{grid-template-columns:9px minmax(0,1fr) auto 39px;padding:8px;gap:7px}}
@media(prefers-reduced-motion:reduce){.li-membership-benefits,#li-cloud-panel{transition:none}.li-membership-option>input:not(:disabled)+.li-membership-benefits:hover,#li-cloud-panel:hover{transform:none}}
.li-reduced #li-cloud-panel,.li-reduced .li-membership-benefits{transition:none}.li-reduced #li-cloud-panel:hover,.li-reduced .li-membership-benefits:hover{transform:none}

.li-cloud-order{text-align:center}.li-cloud-order-amount{font-size:30px;font-weight:600;margin:14px 0;color:var(--li-ink)}.li-cloud-order-amount small{font-size:14px;font-weight:400;color:var(--li-muted)}
.li-cloud-payment-code{width:min(100%,320px);margin:20px auto;padding:18px;background:#fff;border:1px solid #f2dce6;border-radius:22px;box-shadow:0 12px 32px #b8769510}.li-cloud-payment-code>p{margin:0 0 10px;color:#6a4b5b;font-size:15px}.li-cloud-qr-frame{display:grid;place-items:center;background:#fff;aspect-ratio:1;width:100%;padding:4px}.li-cloud-qr-frame>img{display:block;width:100%;height:100%;object-fit:contain}.li-cloud-payment-code>small{display:block;color:#9d7e8c;font-size:12px;margin-top:10px}.li-cloud-order-number{font-size:12px;color:var(--li-muted);overflow-wrap:anywhere;margin-top:20px}.li-cloud-order .li-detail-actions{justify-content:center}.li-cloud-order[data-status="paid"] .li-cloud-order-status{color:#27866b}.li-cloud-payment-code[hidden],.li-cloud-qr-frame>img[hidden]{display:none}

.li-membership-options.li-membership-single{grid-template-columns:minmax(0,1fr)}

.li-binding-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:0}.li-binding-unbound-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.li-binding-settings{flex-shrink:0}.li-binding-settings>svg{width:18px;height:18px}
@media(max-width:760px){.li-binding-side{align-items:flex-start;gap:17px}.li-binding-side .li-binding-settings{align-self:flex-end}.li-binding-side .li-binding-couple{margin-top:-6px}}