#referrals-panel .dashboard-heading{align-items:center;margin-bottom:28px}#account-app .account-tabs{scrollbar-width:thin;max-width:100%;overflow-x:auto}#referrals-panel h2{font-size:32px;font-weight:400}.referral-layout{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"offer access""invite access""friends access";align-items:start;gap:24px 48px;display:grid}.referral-layout[hidden]{display:none}.referral-offer{grid-area:offer;justify-content:space-between;align-items:center;gap:20px;display:flex}.referral-offer h3{margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.3}.referral-offer p,.referral-access p{color:var(--muted);margin:0;line-height:1.5}.referral-offer img{object-fit:contain;flex-shrink:0}.referral-invitation{flex-wrap:wrap;grid-area:invite;align-items:start;gap:12px;display:flex}.referral-code{border:1px solid var(--line);background:#ffffff80;border-radius:12px;flex:1;align-items:center;gap:14px;min-width:0;min-height:54px;padding:4px 12px 4px 16px;display:flex}.referral-code>span{color:var(--muted);white-space:nowrap;font-size:13px}.referral-code strong{overflow-wrap:anywhere;user-select:all;flex:1;font-size:17px;font-weight:500}.referral-code button{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.referral-code svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;height:20px}.referral-invitation>.button{min-height:54px;font-size:14px;font-weight:600}#referral-share-status{color:var(--muted);flex-basis:100%;margin:0;font-size:13px;line-height:1.5}.referral-access{background:#fffa;border-radius:16px;grid-area:access;gap:18px;padding:24px;display:grid}.referral-access>h3{margin:4px 0;font-size:30px;font-weight:400;line-height:1.2}.referral-quota{border-top:1px solid var(--line);gap:14px;padding-top:18px;display:grid}.referral-quota>div{justify-content:space-between;gap:16px;font-size:14px;display:flex}.referral-quota>div>span:last-child{color:var(--muted)}#referrals-panel progress{background:var(--line);width:100%;height:8px;accent-color:var(--green);border:0;border-radius:4px;display:block;overflow:hidden}#referrals-panel progress::-webkit-progress-bar{background:var(--line);border-radius:4px}#referrals-panel progress::-webkit-progress-value{background:var(--green);border-radius:4px;transition:width .2s ease-out}#referrals-panel progress::-moz-progress-bar{background:var(--green);border-radius:4px}.referral-access .account-text-button{text-align:left;min-height:32px;color:var(--green);justify-self:start;padding:0}.referral-friends{grid-area:friends;min-width:0}.referral-friends>h3{margin:0 0 20px;font-size:18px;font-weight:700}.referral-friend{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,1fr) minmax(160px,252px) 110px;align-items:center;gap:20px;padding:20px 0;font-size:15px;display:grid}.referral-friend-name{overflow-wrap:anywhere;min-width:0}.referral-friend-name small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.referral-friend-progress{color:var(--muted);gap:8px;font-size:13px;display:grid}.referral-friend-status{color:var(--muted);text-align:right;font-size:13px}.referral-friend-status.earned{color:var(--green);font-weight:600}.referral-empty{text-align:center;background:#fffa;border-radius:16px;padding:30px 20px}.referral-empty[hidden]{display:none}.referral-empty svg{width:38px;height:38px;stroke:var(--green);stroke-width:1.7px;fill:none;margin:auto auto 14px}.referral-empty h4{margin:0 0 14px;font-size:17px;font-weight:600}.referral-empty p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.referral-dialog{background:var(--paper,#f7f7ed);color:var(--ink);border:0;border-radius:24px;width:min(342px,100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto;box-shadow:0 16px 80px #0002}.referral-dialog::backdrop{background:#1a191859}.referral-dialog>h3{margin:0 0 20px;font-size:20px;font-weight:700;line-height:1.4}.referral-dialog>div{margin-bottom:20px}.referral-dialog h4{margin:0 0 6px;font-size:15px;font-weight:600}.referral-dialog p{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.referral-dialog>.button{width:100%;min-height:52px;margin-top:20px;font-size:15px;font-weight:600}.referral-reward{text-align:center}.referral-dialog-close{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#263c2d0a;border:0;border-radius:50%;margin-left:auto;font-size:24px;display:block}.referral-reward>img{object-fit:contain;width:100%;height:160px;margin:18px 0;display:block}.referral-reward>h3{margin-bottom:18px;font-size:23px}.referral-symbols{width:0;height:0;position:absolute;overflow:hidden}@media (width<=900px){.referral-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.referral-offer h3{font-size:28px}.referral-offer img{width:100px;height:100px}.referral-invitation>.button{width:100%}.referral-friend{grid-template-columns:minmax(0,1fr) 110px;gap:8px 20px}.referral-friend-progress{grid-column:1}.referral-friend-status{grid-area:1/2/3}}@media (width<=680px){#referrals-panel .dashboard-heading{margin-bottom:24px}#referrals-panel h2{font-size:26px}#referrals-panel .dashboard-heading>button:not(.referral-help){display:none}.referral-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"offer""invite""access""friends";gap:24px}.referral-offer h3{font-size:27px}.referral-offer{gap:12px}.referral-offer p{font-size:15px}.referral-offer img{width:84px;height:100px}.referral-access{padding:20px}.referral-code{flex-basis:100%}.referral-friend{grid-template-columns:minmax(0,1fr) 100px}}@media (prefers-reduced-motion:reduce){#referrals-panel progress::-webkit-progress-value{transition:none}}.referral-help{border:1px solid var(--line);min-width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;display:grid}.referral-help:hover{background:var(--line)}.referral-help:focus-visible{outline:2px solid var(--green);outline-offset:3px}.referral-loading-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.referral-layout:not([data-loaded]) .referral-access,.referral-layout:not([data-loaded]) .referral-friends{visibility:hidden}.referral-layout:not([data-loaded]) .referral-code strong{color:#0000;background:var(--line);border-radius:4px;min-width:10ch}.referral-layout[data-loaded] .referral-friend{transition:background-color .15s}@media (prefers-reduced-motion:reduce){.referral-layout[data-loaded] .referral-friend{transition:none}}#account-app{padding-top:28px}#account-app .account-top{padding-bottom:18px}#account-app .account-top h1{font-size:30px}#account-app .account-toolbar{padding-block:18px}#account-app .account-toolbar strong{font-size:15px}#account-app .account-toolbar #account-email-display{font-size:12px}#account-app .account-small-button,#account-app .account-toolbar .account-text-button{min-height:44px;font-size:12px}#account-app .dashboard-layout{padding-top:20px;display:block}#account-app .account-sidebar{border:0;padding:0;display:block}#account-app .account-tabs{border-bottom:1px solid var(--line);flex-direction:row;gap:24px;margin:0 0 26px}#account-app .account-tabs button{border-bottom:2px solid #0000;border-radius:0;flex:none;min-height:48px;padding:8px 0;font-size:14px}#account-app .account-tabs button[aria-pressed=true]{border-color:var(--green);color:var(--ink);background:0 0}#account-app .access-summary{justify-content:space-between;align-items:center;gap:28px;margin-bottom:26px;display:flex}#account-app .access-summary h2{letter-spacing:-.05em;margin:10px 0;font-size:52px;font-weight:400;line-height:1.1}#account-app #plan-state{letter-spacing:.07em;font-size:10px}#account-app #plan-expiry{font-size:16px;line-height:1.6}#account-app .access-detail{color:var(--muted);max-width:640px;margin-top:8px;font-size:12px;line-height:1.7}#account-app .access-summary .button{flex-shrink:0;min-height:48px;padding:18px 24px;font-size:14px}#account-app .access-summary .button[aria-disabled=true]{opacity:.5;cursor:wait}#account-app .usage-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}#account-app .usage-heading h3{font-size:18px;font-weight:400}#account-app #access-updated{color:var(--muted);font-size:11px}#account-app .usage-list{border-block:1px solid var(--line);grid-template-columns:1fr 1fr .8fr;gap:30px;margin:0;padding-block:20px;display:grid}#account-app .usage-list>div{min-width:0}#account-app .usage-list dt{color:var(--muted);margin-bottom:12px;font-size:13px}#account-app .usage-list dd{margin:0}#account-app .usage-list strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:32px;font-weight:400;line-height:1.1;display:block}#account-app .usage-list strong[data-exhausted=true]{color:#9a4d30}#account-app .usage-list p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6}#account-app .usage-list meter{background:#e0e7d5;border:0;border-radius:8px;width:100%;height:6px;margin-top:12px;display:block}#account-app .usage-list meter::-webkit-meter-bar{background:#e0e7d5;border:0}#account-app .usage-list meter::-webkit-meter-optimum-value{background:var(--green);border-radius:8px}#account-app .usage-list meter::-moz-meter-bar{background:var(--green)}#account-app .billing-columns{grid-template-columns:1fr;gap:28px;max-width:720px;margin-top:38px}#account-app #renewal{scroll-margin-top:24px}#account-app #renewal:focus{outline:none}#account-app .billing-columns h3{margin-bottom:10px;font-size:24px;font-weight:400}#account-app #checkout-form{margin-top:20px}#account-app #checkout-form label{font-size:14px}#account-app #checkout-offer{min-height:50px;font-size:16px}#account-app #checkout-form .check{align-items:flex-start;line-height:1.7;font-size:12px!important}#account-app #checkout-submit{min-height:50px;font-size:14px}#account-app #payment-status{margin-top:14px;font-size:13px}#account-app .account-payment-history{border:0;gap:12px;padding:0;display:grid}#account-app .payment-row strong{font-size:14px}#account-app .payment-row p,#account-app .payment-row small{font-size:12px}#account-app .payment-actions a,#account-app .payment-actions button{align-items:center;min-height:44px;font-size:12px;display:inline-flex}#account-app .account-metrics dt{font-size:12px}#account-app .chart-heading p,#account-app .account-chart p,#account-app #activity-bars strong,#account-app #activity-bars>li{font-size:11px}#account-app button,#account-app a,#account-app summary{transition:background-color .18s,color .18s,opacity .18s}#account-app #billing-panel,#account-app #overview-panel{animation:.2s both account-panel-in}@keyframes account-panel-in{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){#account-app{padding-top:22px}#account-app .account-top{padding-bottom:14px}#account-app .account-top h1{font-size:26px}#account-app .account-toolbar{gap:12px;padding-block:12px}#account-app .account-toolbar>div{flex-direction:row;gap:10px}#account-app .account-toolbar strong{font-size:13px}#account-app .account-toolbar #account-email-display{font-size:11px}#account-app .account-small-button{padding:7px;font-size:11px}#account-app .account-small-button .icon{display:none}#account-app .account-toolbar .account-text-button{font-size:11px}#account-app .dashboard-layout{padding-top:8px}#account-app .account-tabs{gap:26px;margin-bottom:22px}#account-app .account-tabs button{font-size:13px}#account-app .access-summary{margin-bottom:24px;display:block}#account-app .access-summary h2{margin-block:8px;font-size:40px}#account-app #plan-expiry{font-size:14px}#account-app .access-summary .button{justify-content:space-between;width:100%;margin-top:18px;padding:14px 18px;font-size:14px;display:flex}#account-app .usage-list{grid-template-columns:1fr;gap:0;padding-block:0}#account-app .usage-list>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:14px;padding-block:15px;display:grid}#account-app .usage-list>div+div{border-top:1px solid var(--line)}#account-app .usage-list dt{margin:0;font-size:13px;line-height:1.5}#account-app .usage-list dd{text-align:right;max-width:170px}#account-app .usage-list strong{font-size:25px}#account-app .usage-list p{font-size:11px}#account-app .usage-list meter{width:100%}#account-app .usage-heading h3{font-size:17px}#account-app #access-updated{font-size:10px}#account-app .billing-columns{margin-top:30px}#account-app .account-metrics{gap:8px}#account-app .account-metrics dt{font-size:11px}#account-app .account-metrics dd{font-size:27px}}@media (prefers-reduced-motion:reduce){#account-app *,#account-app #billing-panel,#account-app #overview-panel{transition:none;animation:none}}#account-app #subscription-management{border-block:1px solid var(--line);padding-block:20px}#account-app .subscription-summary{font-size:18px;line-height:1.6}#account-app .subscription-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:24px;display:flex}#account-app #subscription-settings{flex:240px;min-width:0}#account-app #subscription-change-form{gap:16px;padding-top:16px;display:grid}#account-app #subscription-change-form label:not(.check){gap:8px;display:grid}#account-app #subscription-change-form select{width:100%;min-height:48px;font:inherit;background:var(--paper);color:inherit;border:1px solid var(--line);border-radius:8px;padding:10px}#account-app .account-action,#account-app #subscription-settings>summary,#account-app #payment-history-details>summary,#account-app .billing-support .support-trigger{border:1px solid var(--green);min-height:52px;font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;display:flex}#account-app #subscription-settings>summary{background:var(--green);color:var(--paper);padding-right:48px}#account-app #subscription-settings>summary:after,#account-app #payment-history-details>summary:after{color:inherit;font-size:22px;top:50%;right:18px;transform:translateY(-50%)}#account-app .account-action-secondary{color:var(--ink);border-color:var(--line);background:0 0;flex:240px;justify-content:center}#account-app #subscription-settings>summary:hover{background:var(--ink)}#account-app .account-action-secondary:hover,#account-app #payment-history-details>summary:hover,#account-app .billing-support .support-trigger:hover{background:color-mix(in srgb, var(--green) 10%, var(--paper));border-color:var(--green)}#account-app #subscription-settings[open]>summary{background:var(--ink)}#account-app #subscription-change-form{padding:20px 0 0}#account-app #subscription-change-form .check{align-items:flex-start;line-height:1.6;font-size:14px!important}#account-app #subscription-change-form .check input{flex-shrink:0;width:20px;height:20px}#account-app .account-action:disabled{opacity:.5;cursor:wait}#account-app #subscription-management .access-detail{font-size:14px}#account-app #subscription-message:empty{display:none}#account-app #subscription-message:not(:empty){margin-top:16px}#account-app #payment-history-details>summary{background:var(--paper);border-color:var(--line);justify-content:flex-start;padding-right:48px}#account-app #payment-history-details>summary .icon{flex-shrink:0;width:20px;height:20px}#account-app #payment-history-details[open]>summary{background:color-mix(in srgb, var(--green) 10%, var(--paper));border-color:var(--green)}#account-app #payment-history-status:not(:empty){margin:16px 0;font-size:14px;line-height:1.6}#account-app .billing-support{display:block}#account-app .billing-support .support-trigger{border-color:var(--line);width:100%;color:var(--ink);background:0 0}#account-app .billing-support [data-support-status]{margin-top:12px;font-size:14px;line-height:1.6}#account-app .account-payment-history .payment-explainer{color:var(--muted);margin-top:4px;font-size:13px}@media (width<=600px){#account-app .subscription-actions{flex-direction:column}#account-app #subscription-settings,#account-app #subscription-cancel{flex:auto;width:100%}}#account-app #subscription-change-quote,#account-app #subscription-message{overflow-wrap:anywhere;font-size:14px;line-height:1.6}#account-app #subscription-save{width:100%;min-height:48px}