.state{justify-content:space-between}.state__row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.tile .state__days{letter-spacing:-.02em;color:inherit;margin:0;font-size:clamp(48px,6vw,68px);font-weight:560;line-height:1}.badge{border-radius:var(--shape-full);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant);align-items:center;gap:6px;padding:5px 12px;font-size:13px;line-height:18px;display:inline-flex}.badge--ok{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge--warn{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge .sym{block-size:16px;inline-size:16px;font-size:16px}.meter{border-radius:var(--shape-full);background:var(--md-sys-color-surface-container-highest);block-size:8px;inline-size:100%;margin-block:20px 8px;overflow:hidden}.meter__fill{border-radius:inherit;background:var(--md-sys-color-primary);transform-origin:0;block-size:100%;inline-size:100%;transition:transform .4s cubic-bezier(.2,0,0,1);transform:scaleX(0)}.tile--accent .meter{background:color-mix(in srgb, currentColor 18%, transparent)}.tile--accent .meter__fill{background:currentColor}.linkbox{border-radius:var(--shape-m);background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);justify-items:start;gap:10px;margin-block:16px;padding:14px;display:grid}.linkbox code{inline-size:100%;color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere;font-family:Roboto Mono,ui-monospace,monospace;font-size:13px;line-height:20px}.devices{gap:4px;margin-block:16px 20px;display:grid}.device{border-radius:var(--shape-m);background:var(--md-sys-color-surface-container-highest);align-items:center;gap:14px;padding:12px;display:flex}.device__icon{aspect-ratio:1;border-radius:var(--shape-s);background:var(--md-sys-color-surface-container);inline-size:40px;color:var(--md-sys-color-on-surface-variant);flex:none;place-items:center;display:grid}.device__body{flex:1;min-inline-size:0}.device__name{font-size:15px;line-height:20px;display:block}.device__meta{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px;display:block}@media (width<=560px){.device{flex-wrap:wrap}.device__body{flex-basis:calc(100% - 54px)}}.table-scroll{background:linear-gradient(to left, var(--md-sys-color-surface-container-low), transparent 24px) right / 36px 100% no-repeat, radial-gradient(farthest-side at 100% 50%, #00000038, transparent) right / 12px 100% no-repeat;background-attachment:local,scroll;margin-block-start:8px;overflow-x:auto}table{border-collapse:collapse;inline-size:100%;font-size:14px}th,td{text-align:start;white-space:nowrap;padding:14px 16px}th{color:var(--md-sys-color-on-surface-variant);border-block-end:1px solid var(--md-sys-color-outline-variant);font-size:13px;font-weight:500}td{border-block-end:1px solid var(--md-sys-color-outline-variant)}tbody tr:last-child td{border-block-end:0}.num{font-variant-numeric:tabular-nums}.tile__head{align-items:center;gap:12px;margin-block-end:4px;display:flex}.tile__head h3{margin:0}.tile__head .sym,.muted{color:var(--md-sys-color-on-surface-variant)}.toast{border-radius:var(--shape-s);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);opacity:0;pointer-events:none;z-index:40;padding:14px 20px;font-size:14px;transition:opacity .2s,translate .2s;position:fixed;inset-block-end:24px;inset-inline-start:50%;translate:-50%}.toast[data-show]{opacity:1;translate:-50% -8px}[hidden]{display:none!important}.account-auth{max-width:640px;margin-inline:auto}.auth-card{gap:20px;width:100%;max-width:640px;margin-inline:auto}.auth-tabs{background:var(--md-sys-color-surface-container-high);border-radius:999px;gap:4px;padding:5px;display:flex}.auth-tabs button{font:inherit;cursor:pointer;color:var(--md-sys-color-on-surface-variant);background:0 0;border:0;border-radius:999px;flex:1;padding:14px 10px}.auth-tabs button[aria-pressed=true]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}#account-form{gap:16px;display:grid}.field{gap:8px;font-size:15px;font-weight:550;display:grid}.field input{box-sizing:border-box;width:100%;min-height:58px;font:inherit;border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);border-radius:16px;padding:16px;font-size:16px}.field input:focus{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.tile .field-hint{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:14px;line-height:1.55}.check{align-items:flex-start;gap:12px;margin-block:16px;font-size:14px;line-height:1.5;display:flex}.check input{width:20px;height:20px;accent-color:var(--md-sys-color-primary);flex-shrink:0;margin-top:1px}.account-button{background:var(--md-sys-color-primary);min-height:60px;color:var(--md-sys-color-on-primary);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:16px 26px;font-weight:600}.account-text-button{min-height:48px;color:var(--md-sys-color-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:12px 16px}.account-text-button:hover{background:var(--md-sys-color-surface-container-high)}.account-button:disabled,.auth-tabs button:disabled{opacity:.6;cursor:wait}#auth-message:empty,#copy-status:empty{display:none}#auth-message{color:var(--md-sys-color-error);font-size:15px}.recovery-code{background:var(--md-sys-color-surface-container-high);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:16px;padding:20px;font-size:18px;display:block}.account-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}#account-email{overflow-wrap:anywhere}@media (width<=480px){.auth-card{padding:22px 18px}.auth-tabs button{font-size:14px}}.password-wrap{display:block;position:relative}.password-wrap input{padding-inline-end:64px}.password-eye{inset-inline-end:6px;width:48px;height:48px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px}.password-eye:hover{background:var(--md-sys-color-surface-container-high)}.password-eye:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.account-page .shell{padding-bottom:max(24px, env(safe-area-inset-bottom))}.account-topnav{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-inline:0;padding-block:8px;display:flex}.topnav__tools{gap:4px;display:flex}.topnav__who{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.topnav__tool md-icon,.topnav__back md-icon{--md-icon-size:22px}.account-topnav a{min-height:44px;color:var(--md-sys-color-on-surface);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.account-topnav a md-icon,.topnav__tools .icon-pill md-icon{color:var(--md-sys-color-primary)}.account-topnav a:hover{text-decoration:underline}.account-topnav a{border-radius:999px;padding-inline:16px}.account-topnav a:first-child{margin-inline-start:-16px}.account-topnav a:last-child{margin-inline-end:-16px}.account-topnav a:hover{background:var(--md-sys-color-surface-container-high);text-decoration:none}.sub-meta{margin-block:2px 12px;font-size:14px}.sub-hint{margin-block:6px 10px;font-size:13px}.linkbox--row{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-block:0;padding:6px 6px 6px 14px}.linkbox--row code{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;font-size:12.5px;line-height:18px;overflow:hidden}.icon-btn{background:var(--md-sys-color-primary);block-size:40px;inline-size:40px;color:var(--md-sys-color-on-primary);cursor:pointer;border:0;border-radius:12px;place-items:center;display:grid}.icon-btn:hover{filter:brightness(1.08)}.icon-btn:focus-visible{outline:3px solid var(--md-sys-color-on-surface);outline-offset:2px}.icon-btn .sym{font-size:20px}.renew-switch{gap:12px;margin:6px 0 12px}.renew-switch span{font-size:14px}.renew-switch small{font-size:13px}.account-page .page{max-inline-size:1160px}.account-page main{padding-block-start:20px}.account-page #account-content section{padding-block-end:48px}.account-overview{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:stretch}.account-overview>.tile{grid-column:auto}.account-overview>#picker-host{grid-column:1/-1;padding:28px}.account-heading h1{font-size:clamp(32px,4vw,48px)}.account-heading{align-items:center}#account-message:not(:empty){border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-secondary-container);border-radius:16px;margin-block-end:20px;padding:16px 20px}#account-message:empty{display:none}.account-auth{max-inline-size:560px;margin-inline:auto;padding-block-start:16px}.account-auth .head{text-align:start;margin-block-end:24px}.account-auth .auth-card{inline-size:100%;margin-inline:0}.picker{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:start;gap:32px;display:grid}.picker__options{gap:24px;min-width:0;display:grid}.picker__heading h2{margin:0 0 8px;font-size:24px}.picker__heading p{margin:0}.picker fieldset{border:0;min-inline-size:0;margin:0;padding:0}.picker legend{margin-block-end:12px;padding:0;font-size:15px;font-weight:600}.periods__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.period-option,.device-option{cursor:pointer;min-inline-size:0;position:relative}.period-option input,.device-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.period-option__body{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);border-radius:18px;gap:4px;height:100%;padding:16px 12px;display:grid}.period-option__title{justify-content:space-between;align-items:center;gap:4px;font-size:14px;font-weight:550;display:flex}.period-option__body strong{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(19px,2vw,25px)}.period-option__body small{color:var(--md-sys-color-on-surface-variant);font-size:12px}.period-option__check{visibility:hidden;color:var(--md-sys-color-primary)}.period-option input:checked+span{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)}.period-option input:checked+span .period-option__check{visibility:visible}.period-option input:focus-visible+span,.device-option input:focus-visible+span{outline:3px solid var(--md-sys-color-on-surface);outline-offset:3px}.period-option:hover .period-option__body{border-color:var(--md-sys-color-primary)}.seg{background:var(--md-sys-color-surface-container);border-radius:18px;gap:4px;padding:4px;display:flex}.seg__item{min-block-size:48px;color:var(--md-sys-color-on-surface);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:1 1 0;font-size:17px;font-weight:600;transition:background .14s,color .14s}.seg__item:hover{background:var(--md-sys-color-surface-container-high)}.seg__item[aria-checked=true]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.seg__item:focus-visible{outline:3px solid var(--md-sys-color-on-surface);outline-offset:2px}.picker .picker__hint{margin:12px 0 0;font-size:13px;line-height:1.55}.picker__summary{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-surface-container-high);border-radius:24px;flex-direction:column;padding:24px;display:flex}.picker__eyebrow{color:var(--md-sys-color-on-surface-variant);font-size:13px}.picker__total{letter-spacing:-.04em;margin-block:8px;font-size:40px;line-height:1.15}.picker__summary #picker-description{margin:0 0 20px;font-size:14px}.picker__renew{cursor:pointer;align-items:flex-start;gap:10px;margin-block-end:20px;display:flex}.picker__renew input{accent-color:var(--md-sys-color-primary);flex:none;block-size:20px;inline-size:20px;margin:1px 0 0}.picker__renew span{font-size:14px;line-height:1.4}.picker__renew small{margin-block-start:5px;font-size:12px;line-height:1.5;display:block}.picker__summary #pay{inline-size:100%}.picker__summary .picker__note{text-align:center;margin:12px 0 0;font-size:12px;line-height:1.5}.picker__error:not(:empty){color:var(--md-sys-color-error);margin:12px 0 0;font-size:14px}.picker__error:empty{display:none}.icon-btn{block-size:48px;inline-size:48px}.linkbox--row{grid-template-columns:minmax(0,1fr) auto}.device__name,.device__meta{overflow-wrap:anywhere}.renew-switch{align-items:center;display:flex}.renew-switch md-switch{flex:none}@media (width>=1100px){.account-auth{padding-block-start:40px}.account-auth h1{font-size:44px;line-height:1.08}}@media (width<=899px){.account-overview{grid-template-columns:minmax(0,1fr)}.picker{grid-template-columns:minmax(0,1fr);gap:24px}.picker__summary{padding:24px}.period-option__body strong{font-size:26px}}@media (width<=599px){.account-overview>#picker-host{padding:20px}.account-page #account-content section{padding-block-end:32px}.account-heading{gap:8px}.periods__grid{grid-template-columns:minmax(0,1fr)}.period-option__body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:14px 16px}.period-option__title{grid-row:1/3}.period-option__body strong{text-align:end;font-size:23px}.period-option__body small{text-align:end}.seg__item{min-block-size:44px}.picker__summary{padding:20px}#orders-tile .table-scroll{background:0 0;overflow:visible}#orders-tile table{inline-size:100%;min-inline-size:0}#orders-tile thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}#orders-tile tbody{gap:16px;display:grid}#orders-tile tr{background:var(--md-sys-color-surface);border-radius:16px;padding:14px;display:grid}#orders-tile td{white-space:normal;border:0;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:6px 0;display:grid}#orders-tile td:before{content:attr(data-label);color:var(--md-sys-color-on-surface-variant);font-size:12px}#orders-tile .badge{justify-self:start}}.account-topnav a,.icon-pill{align-items:center;gap:8px;display:inline-flex}.topnav__tools .icon-pill{min-height:44px;color:var(--md-sys-color-on-surface);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px}.topnav__tools .icon-pill:hover{background:var(--md-sys-color-surface-container-high)}.account-who{background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);border-radius:999px;align-items:center;gap:8px;max-inline-size:100%;margin:6px 0 0;padding:8px 14px 8px 10px;font-size:15px;font-weight:560;display:inline-flex}.account-who md-icon{--md-icon-size:22px;color:var(--md-sys-color-primary);flex:none}.account-who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-pill md-icon,.topnav__tool md-icon,.topnav__back md-icon{--md-icon-size:22px}@media (width<=599px){.account-topnav a span,.icon-pill span{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.account-topnav a,.account-topnav a:first-child,.account-topnav a:last-child,.icon-pill,.topnav__tools .icon-pill{block-size:44px;inline-size:44px;background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);min-height:0;color:var(--md-sys-color-on-surface);border-radius:50%;justify-content:center;margin:0;padding:0}.account-topnav a:hover,.icon-pill:hover,.topnav__tools .icon-pill:hover{background:var(--md-sys-color-surface-container-high)}.account-who{font-size:14px}.account-topnav{padding-block:12px 4px}.topnav__tools{gap:8px}}#orders-tile .table-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-block-size:420px;overflow-y:auto}#orders-tile thead th{background:var(--md-sys-color-surface-container-low);z-index:1;position:sticky;top:0}#orders-tile{position:relative}#orders-tile.has-more:after{content:"";border-radius:0 0 var(--shape-l) var(--shape-l);background:linear-gradient(to bottom, transparent, var(--md-sys-color-surface-container-lowest));pointer-events:none;block-size:48px;position:absolute;inset-block-end:1px;inset-inline:1px}@media (width<=599px){#orders-tile .table-scroll{max-block-size:60dvh;overflow-y:auto}#orders-tile thead{position:absolute}}.renew-state{color:var(--md-sys-color-on-surface);align-items:center;gap:8px;margin:4px 0 12px;font-size:14px;display:flex}.renew-state .sym{color:var(--md-sys-color-primary);font-size:20px}.renew-state--off .sym{color:var(--md-sys-color-error)}.btn-quiet{--md-text-button-label-text-color:var(--md-sys-color-on-surface-variant);--md-text-button-hover-label-text-color:var(--md-sys-color-on-surface)}md-dialog{--md-dialog-container-color:var(--md-sys-color-surface-container-lowest);--md-dialog-container-shape:24px;--md-dialog-headline-color:var(--md-sys-color-on-surface);--md-dialog-supporting-text-color:var(--md-sys-color-on-surface-variant)}md-dialog [slot=content]{font-size:15px;line-height:1.5}md-dialog [slot=actions]{gap:8px}.pay-off{background:var(--md-sys-color-surface-container);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pay-off .sym{color:var(--md-sys-color-primary);flex:none;margin-top:2px}.pay-off b{font-weight:600}.inv-friends{gap:4px;margin:4px 0 8px;padding:0;font-size:13px;list-style:none;display:grid}.inv-friends li{border-block-end:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.inv-friends li:last-child{border-block-end:0}.inv-paid{color:var(--md-sys-color-primary);font-weight:500}.inv-note{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.inv-note .sym{color:var(--md-sys-color-primary)}#tg-tile-message:empty,#tg-link-message:empty{display:none}.account-overview>.tg-promo{grid-column:1/-1}.tg-promo{background:color-mix(in srgb, var(--md-sys-color-primary) 9%, var(--md-sys-color-surface-container-lowest));border:2px solid var(--md-sys-color-primary);flex-direction:row;justify-content:space-between;align-items:center;gap:24px;display:flex}.tg-promo__body{text-align:start;flex:auto;min-width:0}.tg-promo .tile__head{flex-wrap:wrap}.tg-promo .tile__head .sym{color:var(--md-sys-color-primary)}.tg-promo p{max-width:62ch;margin-block:8px 0}.tg-promo__badge{color:#1b2a00;white-space:nowrap;background:#c6f23a;border-radius:999px;align-items:center;padding:4px 12px;font-size:15px;font-weight:700;line-height:20px;display:inline-flex}.tg-promo__actions{flex:none;margin:0}.tg-promo__actions md-filled-button{--md-filled-button-container-height:48px}.tg-bonus-done{color:var(--md-sys-color-primary);align-items:center;gap:8px;font-weight:600;display:flex}@media (width<=720px){.tg-promo{flex-direction:column;align-items:stretch;gap:16px}.tg-promo__actions md-filled-button{width:100%}}.wl-gift{cursor:default}.wl-gift .sym{color:var(--md-sys-color-primary);flex:none;font-size:20px}
