@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@font-face{font-family:Nothing;src:url(/nothing-font.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000000;--white: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg: var(--black);--bg-card: var(--gray-900);--bg-card-hover: var(--gray-800);--text: var(--white);--text-secondary: var(--gray-400);--text-muted: var(--gray-500);--border: var(--gray-800);--border-light: var(--gray-700);--success: #22C55E;--danger: #EF4444;--ok: #22C55E;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Nothing", var(--font);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 9999px}html{font-size:16px;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100%;-webkit-font-smoothing:antialiased}a{color:var(--text);text-decoration:underline;text-underline-offset:2px}a:hover{text-decoration:none}.appShell{min-height:100vh;position:relative}.fogLayer,.watermark{display:none}.container{max-width:440px;margin:0 auto;padding:var(--sp-4);min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0 var(--sp-5)}.topLeft{display:flex;align-items:center;gap:var(--sp-2)}.backBtn{display:inline-flex;align-items:center;gap:var(--sp-2);background:transparent;border:1px solid var(--border);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-3);color:var(--text-secondary);font-family:var(--font);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .15s ease}.backBtn:hover{background:var(--bg-card);color:var(--text)}.pill{display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-full);padding:2px}.pillBtn{border:none;background:transparent;color:var(--text-muted);font-family:var(--font);font-size:var(--text-xs);font-weight:500;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);cursor:pointer;transition:all .15s ease}.pillBtn[data-active=true]{color:var(--black);background:var(--white)}.pillBtn:hover:not([data-active=true]){color:var(--text-secondary)}.h0{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--text);margin:0}.title{font-size:var(--text-lg);font-weight:600;color:var(--text);margin:0 0 var(--sp-1)}.text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.small{font-size:var(--text-xs);color:var(--text-muted)}.kicker{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.mono{font-family:SF Mono,monospace;font-size:var(--text-xs);color:var(--text-secondary)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.row{display:flex;gap:var(--sp-3);align-items:center}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.deviceLimitText{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;margin:0}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg)}.panel--green,.panel--blue,.panel--gray{border-color:var(--border)}.panelInner{padding:var(--sp-5)}.btn{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:var(--sp-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);color:var(--text);font-family:var(--font);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;outline:none}.btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-light)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btnPrimary{background:var(--white);border:none;color:var(--black);font-weight:600}.btnPrimary:hover:not(:disabled){background:var(--gray-200)}.btnSecondary{background:transparent;border:1px solid var(--border-light)}.btnSecondary:hover:not(:disabled){background:var(--bg-card)}.btnTertiary{background:transparent;border:none;color:var(--text-muted)}.btnTertiary:hover:not(:disabled){color:var(--text);background:transparent}.btnLoading{opacity:.6;pointer-events:none}.choice{position:relative;display:flex;gap:var(--sp-4);align-items:center;padding:var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .15s ease}.choice:hover{border-color:var(--border-light)}.choice[data-active=true]{border-color:var(--white);background:var(--bg-card-hover)}.choiceCheck{width:22px;height:22px;border:2px solid var(--border-light);border-radius:var(--r-full);display:grid;place-items:center;flex-shrink:0;transition:all .15s ease}.choice[data-active=true] .choiceCheck{background:var(--white);border-color:var(--white)}.choice[data-active=true] .choiceCheck:after{content:"✓";color:var(--black);font-size:12px;font-weight:700}.choiceTitle{font-size:var(--text-base);font-weight:600;color:var(--text);margin:0}.choiceSubtitle{margin:var(--sp-1) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.choicePrice{font-size:var(--text-lg);font-weight:700;color:var(--text)}.payScreen,.payAccordion{display:flex;flex-direction:column;gap:var(--sp-3)}.payStep{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden;transition:border-color .2s ease}.payStep--active{border-color:var(--border-light)}.payStep__header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--sp-4);cursor:pointer;gap:var(--sp-3);-webkit-tap-highlight-color:transparent}.payStep__left{display:flex;align-items:center;gap:10px}.payStep__number{width:24px;height:24px;border-radius:50%;background:var(--gray-800);color:var(--gray-500);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0;transition:all .2s ease}.payStep--active .payStep__number{background:var(--white);color:var(--black)}.payStep--done .payStep__number{background:var(--success);color:var(--white)}.payStep__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:color .2s ease}.payStep--active .payStep__label,.payStep--done .payStep__label{color:var(--text)}.payStep__summary{font-size:13px;color:var(--text-secondary);margin-left:auto;white-space:nowrap}.payStep__chevron{color:var(--gray-600);transition:transform .2s ease;flex-shrink:0}.payStep--active .payStep__chevron{transform:rotate(180deg);color:var(--gray-400)}.payStep__content{max-height:0;overflow:hidden;transition:max-height .3s ease}.payStep--active .payStep__content{max-height:800px}.payStep__contentInner{padding:0 var(--sp-4) var(--sp-4)}.payCalc{background:var(--gray-800);border-radius:var(--r-sm);border:1px solid var(--gray-700);overflow:hidden;margin-bottom:var(--sp-4)}.payCalc__header{padding:14px 14px 10px}.payCalc__title{font-size:13px;font-weight:600;color:var(--text)}.payCalc__subtitle{font-size:11px;color:var(--text-muted);margin-top:2px}.payCalc__kpi{display:flex;gap:1px;margin:0 14px var(--sp-3)}.payCalc__kpiItem{flex:1;background:var(--gray-900);padding:10px var(--sp-3);text-align:center}.payCalc__kpiItem:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.payCalc__kpiItem:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.payCalc__kpiLabel{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.payCalc__kpiValue{font-size:var(--text-base);font-weight:600;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:2px}.payCalc__kpiArrow{color:var(--gray-500)}.payCalc__totalBar{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) 14px;border-top:1px solid var(--gray-700)}.payCalc__totalLabel{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.payCalc__totalValue{font-size:20px;font-weight:700}.payCalc__breakdown{padding:var(--sp-3) 14px;border-top:1px solid var(--gray-700)}.payCalc__explain{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;margin-bottom:var(--sp-2)}.payCalc__line{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0}.payCalc__lineLabel{font-size:13px;color:var(--text-secondary)}.payCalc__lineValue{font-size:13px;font-weight:500;color:var(--text)}.payCalc__lineValue--credit{color:var(--success)}.payCalc__lineSub{font-size:11px;color:var(--text-muted);padding:0 0 4px}.payCalc__line--total{border-top:1px solid var(--gray-700);margin-top:6px;padding-top:10px}.payCalc__line--total .payCalc__lineLabel{font-weight:600;color:var(--text)}.payCalc__line--total .payCalc__lineValue{font-size:18px;font-weight:700}.payCalc__toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:none;border-top:1px solid var(--gray-700);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;background:none;width:100%;font-family:var(--font)}.payCalc__toggle:hover{color:var(--text-secondary)}.payCalc__toggleChevron{transition:transform .2s ease}.payCalc__toggleChevron--open{transform:rotate(180deg)}.payStepper{display:flex;flex-direction:column;gap:var(--sp-2)}.payStepper--centered{align-items:center}.payStepper--centered .payStepperHint{text-align:center}.payStepperCount{font-size:var(--text-lg);font-weight:700;color:var(--text);min-width:28px;text-align:center}.payStepperCount--lg{font-size:1.5rem;min-width:36px}.payStepperHintWrap{display:flex;flex-direction:column;gap:var(--sp-2)}.payStepperHintRow{display:flex;align-items:center;gap:var(--sp-2)}.payStepperHint{font-size:var(--text-xs);color:var(--text-muted)}.payStepperInfoBtn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--r-full);background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .15s ease}.payStepperInfoBtn:active{color:var(--text)}.payStepperInfoText{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.payStepperControls{display:flex;align-items:center;gap:16px}.payStepperBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-light);border-radius:var(--r-full);background:transparent;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.payStepperBtn:hover:not(:disabled){border-color:var(--gray-500);background:var(--bg-card-hover)}.payStepperBtn:active:not(:disabled){transform:scale(.92)}.payStepperBtn:disabled{opacity:.2;cursor:not-allowed}.payStepperBtn--lg{width:40px;height:40px}.payPlans{display:flex;flex-direction:column;gap:10px;padding-top:10px}.payPlan{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.payPlan:active{transform:scale(.98)}.payPlan--active{border-color:var(--white);background:#ffffff0f;box-shadow:0 0 0 1px #ffffff1f}.payPlan--current.payPlan--active{border-color:var(--warning, #f59e0b);background:#f59e0b0f;box-shadow:0 0 0 1px #f59e0b2e}.payPlan--best.payPlan--active{border-color:var(--success);background:#22c55e0f;box-shadow:0 0 0 1px #22c55e2e}.payPlanTag{position:absolute;top:-9px;left:14px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--black);background:var(--success);padding:2px 10px;border-radius:var(--r-full);line-height:1.4}.payPlan__left{display:flex;flex-direction:column;gap:1px;min-width:0}.payPlan__duration{font-size:var(--text-sm);font-weight:600;color:var(--text)}.payPlan__perMonth{font-size:var(--text-xs);color:var(--text-muted)}.payPlan__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.payPlan__discount{font-size:10px;font-weight:700;color:var(--success)}.payPlan__price{font-size:var(--text-sm);font-weight:700;color:var(--text)}.payPlanCheck{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center;transition:color .2s ease,transform .2s ease}.payPlan--active .payPlanCheck{color:var(--white);transform:scale(1.1)}.payPlan--best.payPlan--active .payPlanCheck{color:var(--success)}.payNote{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:0;line-height:1.5}.payNote strong{color:var(--text);font-weight:600}.payNote--danger{color:var(--danger);font-weight:500}.autoRenewToggle{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-2);margin-bottom:var(--sp-2);cursor:pointer;-webkit-tap-highlight-color:transparent}.autoRenewToggleText{flex:1;min-width:0}.autoRenewToggleLabel{font-size:var(--text-sm);font-weight:500;color:var(--text);display:block}.autoRenewToggleDesc{font-size:var(--text-xs);color:var(--text-muted);display:block;margin-top:2px;line-height:1.3}.payPlan--skeleton{pointer-events:none;min-height:44px;padding:10px 14px}.skeletonLine{background:var(--gray-700);border-radius:var(--r-sm);animation:pulse 2s ease-in-out infinite}.payPlan--updating{opacity:.5;pointer-events:none;transition:opacity .15s ease}.payDocsDisclaimer{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;margin:12px 0 0;text-align:center}.toggle{width:48px;height:28px;border-radius:14px;background:var(--border);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggleOn{background:var(--success)}.toggleKnob{width:22px;height:22px;border-radius:11px;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s}.toggleOn .toggleKnob{transform:translate(20px)}.statusBadge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.statusBadge--active{background:#22c55e26;color:var(--success)}.statusBadge--active:before{content:"";width:6px;height:6px;background:var(--success);border-radius:var(--r-full);animation:pulse 2s ease-in-out infinite}.statusBadge--inactive{background:var(--gray-800);color:var(--text-muted)}.statusBadge--expired{background:#ef444426;color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.dataRow{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.dataRow:last-child{border-bottom:none}.dataRow:not(:has(+.dataRow)){border-bottom:none}.dataLabel{font-size:var(--text-sm);color:var(--text-secondary)}.dataValue{font-size:var(--text-sm);font-weight:600;color:var(--text)}.dataRow--compact{padding:var(--sp-3) 0}.dataRowArrow{color:var(--text-muted);font-size:var(--text-lg);margin-left:var(--sp-2)}.toggleLink{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;padding:6px 12px;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}.toggleLink__chevron{transition:transform .2s ease}.toggleLink__chevron--open{transform:rotate(180deg)}.sectionHeader{display:flex;justify-content:space-between;align-items:center}.sectionTitle{font-size:var(--text-lg);font-weight:600;color:var(--text);margin:0}.sectionCount{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-card-hover);padding:2px 8px;border-radius:var(--r-full)}.deviceSlots{display:flex;gap:6px;align-items:center}.deviceSlot{width:8px;height:8px;border-radius:var(--r-full);background:var(--gray-700);transition:background .2s ease}.deviceSlot--filled{background:var(--success)}.hero{padding:var(--sp-2) 0}.heroPanel{overflow:hidden}.heroLogo{width:80px;height:80px;margin:0 auto var(--sp-4);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.heroLogo img{width:100%;height:100%;object-fit:cover}.navGrid{display:flex;flex-direction:column;gap:var(--sp-2)}.navCard{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .15s ease}.navCard:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.navCard--primary{background:var(--white);border-color:var(--white)}.navCard--primary:hover{background:var(--gray-200);border-color:var(--gray-200)}.navCard--primary .navCardIcon{background:var(--black);border-color:var(--black)}.navCard--primary .navCardLabel{color:var(--black);font-weight:600}.navCardIcon{width:40px;height:40px;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--r-sm);display:grid;place-items:center;font-size:18px;flex-shrink:0}.navCardLabel{font-size:var(--text-sm);font-weight:500;color:var(--text);flex:1}.navCardArrow{color:var(--text-muted);font-size:var(--text-lg)}.deviceCard{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md)}.deviceCard--active{border-color:var(--success)}.deviceIcon{width:44px;height:44px;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--r-sm);display:grid;place-items:center;font-size:20px;flex-shrink:0}.deviceInfo{flex:1;min-width:0}.deviceName{font-size:var(--text-sm);font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deviceMeta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.deviceStatus{flex-shrink:0}.actionRow{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .15s ease}.actionRow:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.actionRow:active{transform:scale(.98)}.actionRowIcon{width:36px;height:36px;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--r-sm);display:grid;place-items:center;font-size:16px;flex-shrink:0}.actionRowContent{flex:1;min-width:0}.actionRowLabel{font-size:var(--text-sm);font-weight:500;color:var(--text);margin:0}.actionRowDesc{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.actionRowArrow{color:var(--text-muted);font-size:var(--text-lg);flex-shrink:0}.actionRow--highlight .actionRowLabel:after{content:"";display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-left:8px;vertical-align:middle;animation:pulse 2s ease-in-out infinite}.currentDeviceBadge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--success);margin-top:2px}.currentDeviceBadge:before{content:"";width:6px;height:6px;background:var(--success);border-radius:var(--r-full)}.qrOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:80;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qrCard{background:var(--white);border-radius:var(--r-lg);padding:var(--sp-6);text-align:center;max-width:300px;width:calc(100% - var(--sp-8));animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qrCard canvas,.qrCard svg{display:block;margin:0 auto var(--sp-4)}.qrCard .qrHint{font-size:var(--text-sm);font-weight:500;color:var(--black);margin:0 0 var(--sp-2)}.qrCard .qrExpiry{font-size:var(--text-xs);color:var(--gray-500);margin:0}.emptyState{text-align:center;padding:var(--sp-8) var(--sp-4)}.emptyIcon{width:64px;height:64px;margin:0 auto var(--sp-4);background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--r-md);display:grid;place-items:center;font-size:28px}.emptyTitle{font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.emptyText{font-size:var(--text-sm);color:var(--text-muted);max-width:240px;margin:0 auto}.bottomSheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.bottomSheet{width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--sp-6) var(--sp-5) var(--sp-8);animation:slideUp .2s ease}.bottomSheet-title{font-size:var(--text-lg);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.bottomSheet-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--sp-5)}.bottomSheet-actions{display:flex;flex-direction:column;gap:var(--sp-3)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.paywall{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-8) var(--sp-4)}.paywallIcon{width:72px;height:72px;margin-bottom:var(--sp-5);background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--r-md);display:grid;place-items:center;font-size:32px}.paywallTitle{font-size:var(--text-lg);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.paywallText{font-size:var(--text-sm);color:var(--text-muted);max-width:280px;margin-bottom:var(--sp-6)}.footer{margin-top:var(--sp-8);padding:var(--sp-4) 0;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{color:var(--text)}.toastWrap{position:fixed;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);display:flex;justify-content:center;pointer-events:none;z-index:100}.toast{pointer-events:auto;max-width:360px;width:100%;background:var(--white);border-radius:var(--r-md);padding:var(--sp-4);color:var(--black);font-size:var(--text-sm);font-weight:500;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast[data-tone=ok]{background:var(--success);color:var(--white)}.toast[data-tone=danger]{background:var(--danger);color:var(--white)}.loaderOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;z-index:60}.spinner{width:32px;height:32px;border-radius:var(--r-full);border:2px solid var(--gray-700);border-top-color:var(--white);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-spinner{width:48px;height:48px;border-radius:var(--r-full);border:3px solid var(--gray-700);border-top-color:var(--white);animation:spin .8s linear infinite}.success-icon{width:64px;height:64px;background:var(--success);border-radius:var(--r-full);display:grid;place-items:center;font-size:28px;font-weight:700;color:var(--white)}.error-icon{width:64px;height:64px;background:var(--danger);border-radius:var(--r-full);display:grid;place-items:center;font-size:28px;font-weight:700;color:var(--white)}.input{width:100%;padding:var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font);font-size:var(--text-sm);transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--white)}.input::placeholder{color:var(--text-muted)}.textarea{min-height:120px;resize:vertical}.icon-button{background:transparent;border:none;padding:var(--sp-2);border-radius:var(--r-md);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.icon-button:hover{color:var(--danger, #ef4444);background:#ef44441a}.icon-button:disabled{opacity:.5;cursor:not-allowed}.referralLinkBox{display:flex;align-items:center;padding:var(--sp-3);background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--r-md);font-family:SF Mono,monospace;font-size:var(--text-xs);word-break:break-all;color:var(--text-secondary);line-height:1.5}.referralActions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.referralActions>*{flex:1}.monthHeader{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:var(--sp-1) 0;margin-bottom:var(--sp-2)}.paymentRow{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.paymentRow:last-child{border-bottom:none}.paymentRow__date{font-size:var(--text-base);font-weight:500;color:var(--text)}.paymentRow__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.paymentRow__right{text-align:right;flex-shrink:0;margin-left:var(--sp-3)}.paymentAmount{font-size:var(--text-lg);font-weight:600;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}.paymentAmount__perMonth{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.paymentStatus{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:4px;justify-content:flex-end}.paymentStatus--pending:before{content:"";width:5px;height:5px;background:var(--text-muted);border-radius:var(--r-full);animation:pulse 2s ease-in-out infinite}.paymentPanel .panelInner{padding:var(--sp-3) var(--sp-4)}.paymentEmpty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) 0}.paymentEmpty__icon{color:var(--text-muted);opacity:.4}.paymentEmpty__title{font-size:var(--text-base);font-weight:500;color:var(--text-secondary)}.paymentEmpty__desc{font-size:var(--text-xs);color:var(--text-muted);text-align:center;max-width:240px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeSlideIn .3s ease-out both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--white);outline-offset:2px}.statusHeader{display:flex;align-items:center;gap:14px}.statusHeader__iconWrap{width:44px;height:44px;border-radius:var(--r-md);background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text)}.statusHeader__title{font-size:var(--text-xl);font-weight:600;color:var(--text);line-height:1.3}.statusHeader__subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px;line-height:1.3}.statusSection{display:flex;align-items:flex-start;gap:12px}.statusSection__icon{width:36px;height:36px;border-radius:var(--r-sm);background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.statusSection__icon--accent{background:#ffffff1a;color:var(--white)}.statusSection__icon--success{background:#22c55e1f;color:var(--success)}.statusSection__content{flex:1;min-width:0}.statusSection__title{font-size:var(--text-lg);font-weight:600;color:var(--text);line-height:1.3}.statusSection__desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px;line-height:1.4}.statusSection__label{display:block;font-size:var(--text-xs);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.statusInfoGrid{display:flex;flex-direction:column;gap:0;background:#ffffff08;border-radius:var(--r-md);overflow:hidden}.statusInfoGrid__item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.statusInfoGrid__item+.statusInfoGrid__item{border-top:1px solid rgba(255,255,255,.06)}.statusInfoGrid__label{font-size:var(--text-xs);color:var(--text-secondary)}.statusInfoGrid__value{font-size:var(--text-sm);font-weight:500;color:var(--text)}.autoRenewPriceCard{margin-top:16px;padding:16px;background:#ffffff0d;border-radius:var(--r-md);min-height:72px;display:flex;flex-direction:column;justify-content:center}.autoRenewPriceCard__loading{height:20px;width:60%;background:#ffffff14;border-radius:var(--r-sm);animation:shimmer 1.2s ease-in-out infinite alternate}@keyframes shimmer{0%{opacity:.4}to{opacity:.8}}.autoRenewPriceCard__main{display:flex;align-items:baseline;gap:10px}.autoRenewPriceCard__amount{font-size:var(--text-2xl);font-weight:700;color:var(--text);letter-spacing:-.02em}.autoRenewPriceCard__discount{font-size:var(--text-xs);font-weight:600;color:var(--success);background:#22c55e26;padding:2px 8px;border-radius:var(--r-full);white-space:nowrap}.autoRenewPriceCard__breakdown{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:flex;flex-direction:column;gap:8px}.autoRenewPriceCard__row{display:flex;justify-content:space-between;align-items:center}.autoRenewPriceCard__rowLabel{font-size:var(--text-xs);color:var(--text-muted)}.autoRenewPriceCard__rowValue{font-size:var(--text-sm);font-weight:500;color:var(--text)}.autoRenewPriceCard__hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:12px;text-align:center;line-height:1.4}.durationPicker{display:flex;gap:8px;background:#ffffff0a;border-radius:var(--r-md);padding:4px}.durationPicker__item{flex:1;padding:10px 0;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.durationPicker__item--active{background:var(--white);color:var(--black);box-shadow:0 1px 4px #0000004d}.durationPicker__item--disabled{opacity:.3;cursor:default}.failureBanner{display:flex;flex-direction:column;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--r-lg);padding:var(--sp-5)}.failureBanner__iconWrap{width:32px;height:32px;border-radius:var(--r-sm);background:#ef444426;display:flex;align-items:center;justify-content:center;color:var(--danger);margin-bottom:10px}.failureBanner__text{font-size:var(--text-sm);color:var(--danger);line-height:1.4}.deviceUpgrade__banner{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:10px 14px}.deviceUpgrade__bannerLabel{color:var(--text);font-size:14px;font-weight:600}.deviceUpgrade__bannerSub{color:var(--text-secondary);font-size:11px}.deviceUpgrade__bannerDays{color:var(--text);font-size:22px;font-weight:700}.deviceUpgrade__priceCard{background:#ffffff0d;border-radius:8px;padding:14px}.deviceUpgrade__priceRow{display:flex;justify-content:space-between;align-items:center;font-size:14px}.deviceUpgrade__priceValue{font-weight:600}.deviceUpgrade__renewalPrice{color:var(--success);font-weight:600}.deviceUpgrade__detailsToggle{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:12px;cursor:pointer;margin-top:4px;margin-bottom:6px}.deviceUpgrade__detailsCard{background:#00000026;border-radius:6px;padding:10px 12px;margin-bottom:10px}.deviceUpgrade__detailRow{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.deviceUpgrade__detailRow:last-child{margin-bottom:0}.deviceUpgrade__divider{border-top:1px solid var(--border);margin:8px 0}.deviceUpgrade__hint{color:var(--text-muted);font-size:11px;text-align:center;margin-top:8px}.deviceUpgradeSheet{display:flex;flex-direction:column;gap:16px}.deviceUpgradeSheet__hero{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px}.deviceUpgradeSheet__amount{font-size:36px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.deviceUpgradeSheet__amountLabel{font-size:12px;color:var(--text-secondary);margin-top:2px}.deviceUpgradeSheet__details{background:#ffffff0a;border-radius:10px;overflow:hidden}.deviceUpgradeSheet__row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.deviceUpgradeSheet__row+.deviceUpgradeSheet__row{border-top:1px solid rgba(255,255,255,.06)}.deviceUpgradeSheet__rowLabel{font-size:14px;color:var(--text-secondary)}.deviceUpgradeSheet__rowValue{font-size:15px;font-weight:500;color:var(--text)}.deviceUpgradeSheet__rowValue--devices{display:flex;align-items:center}.deviceUpgradeSheet__dimmed{color:var(--text-secondary)}.deviceUpgradeSheet__highlighted{color:var(--text);font-weight:600}.deviceUpgradeSheet__cardHint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-muted)}@media (max-width: 360px){.container{padding:var(--sp-3)}.panelInner{padding:var(--sp-4)}}