@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:"Inter", "Helvetica Neue", Helvetica, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius-control:var(--radius-control)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.hidden{display:none}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}}:root{color-scheme:dark;--control-h:32px;--radius-control:1rem;--radius-inner:10px;--radius-outer:18px;--gap-tight:6px;--gap-group:12px;--pad-card:16px 18px;--header-h:56px;--motion-fast:.16s;--motion-normal:.28s;--ease-out:cubic-bezier(.22, 1, .36, 1);--panel-ink:#f4f3f0;--panel-ink-muted:#a1a1aa;--panel-canvas-bg:#0c0c12;--panel-page-bg:#0c0c12;--panel-surface-bg:#15161d;--panel-inset-bg:#12131a;--panel-field-bg:#14141c8c;--panel-overlay:#01001394;--panel-border-color:#ffffff1a;--panel-border-color-hover:#ffffff29;--panel-border-color-muted:#ffffff14;--panel-border-color-soft:#ffffff1f;--panel-border-color-emphasis:#ffffff2e;--panel-divider-color:#ffffff12;--panel-skeleton-base:#f4f3f00b;--panel-skeleton-mid:#f4f3f014;--panel-skeleton-highlight:#f4f3f021;--panel-radius-shell:var(--radius-outer);--panel-chrome-pad:.5rem;--panel-card-pad:.875rem;--panel-radius-inner:var(--radius-inner);--panel-nested-pad:.5rem;--panel-radius-deep:max(6px, calc(var(--panel-radius-inner) - var(--panel-nested-pad)));--panel-radius-field:var(--radius-control);--panel-radius-modal:var(--radius-outer);--panel-modal-pad:.875rem;--panel-radius-modal-inner:calc(var(--panel-radius-modal) - var(--panel-modal-pad));--panel-grid-gap:var(--gap-group);--panel-tone-emerald:#34d399;--panel-tone-sky:#60a5fa;--panel-tone-violet:#a78bfa;--panel-tone-amber:#fcd34d;--panel-tone-red:#f87171;--panel-tone-emerald-badge-border:#34d3994d;--panel-tone-emerald-badge-bg:#10b98126;--panel-tone-emerald-badge-text:#6ee7b7;--panel-tone-amber-badge-border:#fbbf2440;--panel-tone-amber-badge-bg:#f59e0b1a;--panel-tone-amber-badge-text:#fde68a;--panel-tone-red-badge-border:#f8717140;--panel-tone-red-badge-bg:#ef44441a;--panel-tone-red-badge-text:#fecaca;--panel-tone-emerald-surface-border:#34d39933;--panel-tone-emerald-surface-bg:#10b9810a;--panel-tone-amber-surface-border:#fbbf2440;--panel-tone-amber-surface-bg:#f59e0b0f;--btn-primary-bg:#10b9811f;--btn-primary-bg-hover:#10b98133;--btn-primary-border:#34d3993d;--btn-primary-border-hover:#6ee7b757;--btn-primary-text:#a7f3d0;--btn-primary-text-hover:#ccfbf1;--btn-primary-shadow:0 4px 18px #00000052, inset 0 1px 0 #ffffff0d;--btn-primary-shadow-hover:0 6px 22px #00000061, inset 0 1px 0 #ffffff12;--btn-primary-gradient:linear-gradient(165deg, #34d39924 0%, #10b98112 52%, #064e3b24 100%);--btn-primary-gradient-hover:linear-gradient(165deg, #34d39933 0%, #10b9811c 52%, #064e3b33 100%);--btn-primary-solid-bg:#064e3b6b;--btn-primary-solid-bg-hover:#065f4685;--btn-ghost-text:#a1a1aa;--btn-ghost-text-hover:#e4e4e7;--btn-danger-bg:#ef444433;--btn-danger-bg-hover:#ef444447;--btn-danger-border:#f8717140;--btn-danger-border-hover:#f8717159;--btn-danger-text:#fecaca;--lk-shadow-elevated:inset 0 1px 0 #ffffff0e, 0 20px 50px -16px #0000008c;--lk-shadow-nested:inset 0 1px 0 #ffffff0a;--lk-shadow-card:0 8px 32px #00000040;--lk-focus-ring:0 0 0 3px #10b9812e;--lk-focus-border:#34d39973;--lk-glow-emerald:#10b9811a;--lk-glow-emerald-soft:#10b9810f;--bg:var(--panel-canvas-bg);--bg-card:var(--panel-surface-bg);--bg-inset:var(--panel-inset-bg);--text:var(--panel-ink);--text-hint:var(--panel-ink-muted);--accent:var(--panel-tone-emerald);--accent-hover:#6ee7b7;--on-accent:var(--btn-primary-text);--danger:var(--panel-tone-red);--danger-hover:#ef4444;--danger-border:var(--panel-tone-red-badge-border);--danger-bg:var(--panel-tone-red-badge-bg);--danger-text:var(--panel-tone-red-badge-text);--gap-grid:var(--panel-grid-gap);--shell-radius:var(--panel-radius-shell);--radius:var(--panel-radius-inner);--radius-field:var(--panel-radius-field);--header-action-size:var(--control-h);--header-action-radius:var(--radius-control);--header-action-icon:16px;--control-h-touch:40px}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;color:currentColor;opacity:.98;direction:ltr;font-family:Material Symbols Outlined;font-size:1em;font-style:normal;font-weight:400;line-height:1;display:inline-flex}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,Helvetica Neue,Helvetica,sans-serif;background-color:var(--bg);color:var(--text);margin:0;padding:0;min-height:100vh;min-height:calc(100vh - env(safe-area-inset-bottom,0px));-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}body:has(.app){background:var(--panel-canvas-bg);position:relative}body:has(.app):before,body:has(.app):after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(100px);opacity:.45}body:has(.app):before{width:420px;height:420px;background:radial-gradient(circle,var(--lk-glow-emerald) 0%,transparent 70%);top:-140px;left:-100px}body:has(.app):after{width:320px;height:320px;background:radial-gradient(circle,var(--lk-glow-emerald-soft) 0%,transparent 70%);bottom:-80px;right:-60px}body:has(.app) .app{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:640px;margin:0 auto;padding:12px 16px 16px}.app-header{display:grid;grid-template-columns:var(--header-action-size) minmax(0,1fr) var(--header-action-size);align-items:center;margin-bottom:var(--gap-group);gap:var(--gap-tight)}.app-header>:first-child{justify-self:start;align-self:center;width:var(--header-action-size);min-width:var(--header-action-size);height:var(--header-action-size);box-sizing:border-box}.app-header-spacer{display:block;pointer-events:none;flex-shrink:0}.app-header .back-link{justify-self:start}.app-header .page-title,.app-header h2.page-title{justify-self:center;margin:0;text-align:center;font-size:.9375rem;font-weight:700;min-width:0;max-width:100%;overflow:visible;white-space:normal;line-height:1.25;word-wrap:break-word}.app-header .logout-btn{justify-self:end}.back-link{display:inline-flex;align-items:center;justify-content:center;gap:0;font-size:13px;font-weight:500;color:var(--accent);width:var(--header-action-size);height:var(--header-action-size);padding:0;flex-shrink:0;border-radius:var(--header-action-radius);background:#ffffff14;border:1px solid rgba(255,255,255,.18);transition:background .2s,border-color .2s,color .2s,transform .05s;text-decoration:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;cursor:pointer}.back-link .material-symbols-outlined{font-size:var(--header-action-icon);line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.back-link:hover{background:#ffffff24;border-color:#ffffff52;color:var(--text);text-decoration:none}.back-link:active{transform:scale(.98)}.logout-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--header-action-size);height:var(--header-action-size);padding:0;border-radius:var(--header-action-radius);cursor:pointer;font-family:inherit;flex-shrink:0;box-sizing:border-box;background:#c62828;border:1px solid rgba(255,120,120,.45);color:#fff;transition:background .2s,border-color .2s,box-shadow .2s,transform .05s;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #c6282847}.logout-btn:hover{background:#8e0000;border-color:#ffa0a08c;box-shadow:0 3px 10px #8e000061}.logout-btn:active{transform:scale(.96)}.logout-btn:focus-visible{outline:2px solid rgba(255,200,200,.95);outline-offset:2px}.logout-btn .material-symbols-outlined{font-size:var(--header-action-icon);opacity:1}h2{text-align:center;margin-bottom:var(--gap-group);font-size:1.25rem;font-weight:700}.page-title-fade{-webkit-mask-image:none;mask-image:none}.btn-primary,.btn-primary-solid{min-height:var(--control-h);padding:0 14px;font-size:.8125rem;font-weight:600;border:1px solid var(--btn-primary-border);border-radius:var(--panel-radius-field);display:inline-flex;align-items:center;justify-content:center;background:var(--btn-primary-solid-bg);color:var(--btn-primary-text);cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;box-shadow:var(--btn-primary-shadow);text-align:center}.btn-primary:hover,.btn-primary-solid:hover{background:var(--btn-primary-solid-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);box-shadow:var(--btn-primary-shadow-hover)}.btn-primary:active,.btn-primary-solid:active{transform:scale(.97)}.btn-primary:disabled,.btn-primary-solid:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:0 14px;background:transparent;color:var(--btn-ghost-text-hover);border:1px solid var(--panel-border-color);border-radius:var(--panel-radius-field);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .05s;box-shadow:none;-webkit-tap-highlight-color:transparent}.btn-secondary:hover{background:#ffffff08;border-color:var(--panel-border-color-hover);color:var(--text);text-decoration:none}.btn-secondary:active{transform:scale(.98)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-danger{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:0 14px;background:var(--btn-danger-bg);color:var(--btn-danger-text);border:1px solid var(--btn-danger-border);border-radius:var(--panel-radius-field);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .05s;box-shadow:none;-webkit-tap-highlight-color:transparent}.btn-danger:hover{background:var(--btn-danger-bg-hover);border-color:var(--btn-danger-border-hover)}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{opacity:.45;cursor:not-allowed;transform:none}.dashboard{max-width:640px;margin:auto;position:relative;padding:var(--pad-card);border-radius:var(--shell-radius);border:1px solid var(--panel-border-color);background:var(--panel-surface-bg);overflow:hidden;box-shadow:var(--lk-shadow-elevated)}.dashboard-inside-contour{border:none!important;padding:0!important;background:transparent!important;box-shadow:none!important}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-grid)}.stat-card{background-color:var(--bg-inset);padding:10px 12px;border-radius:var(--radius);border:1px solid var(--panel-border-color);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s,border-color .2s,transform .15s ease,box-shadow .15s ease;box-shadow:var(--lk-shadow-nested)}.stat-card:hover{background:var(--bg-card);border-color:var(--panel-border-color-hover)}.stat-card:active{transform:scale(.97)}.stat-info{display:flex;flex-direction:column;gap:6px}.stat-card .label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-hint);opacity:1}.stat-card .value{font-size:clamp(19px,4.2vw,24px);font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.1;min-width:50px}.stat-action{font-size:20px;color:var(--accent);font-weight:700;opacity:.9}.stat-card.highlight{background:var(--bg-card);border:1px solid var(--panel-border-color-emphasis);position:relative;overflow:hidden;min-height:48px}.stat-card--skeleton{cursor:default;pointer-events:none}.stat-card--skeleton:hover,.stat-card--skeleton:active{background:var(--bg-card);transform:none}.stat-skeleton-label{width:52px;height:9px;border-radius:4px}.stat-skeleton-value{width:76px;height:22px;border-radius:6px;margin-top:2px}.page-title--skeleton{display:flex;align-items:center;justify-content:center;min-height:1.2em}.page-title-skeleton{display:block;width:min(180px,55vw);height:18px;border-radius:6px}.device-list-skeleton{display:flex;flex-direction:column;gap:10px;margin-top:12px}.manage-device-item--skeleton{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-inner);background:#ffffff0a;border:1px solid var(--panel-border-color)}.device-skeleton-icon{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-inner);flex-shrink:0}.device-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.device-skeleton-line{height:8px;border-radius:4px;width:100%}.device-skeleton-line--lg{width:62%;height:10px}.device-skeleton-line--sm{width:40%}.stat-card.full-width{grid-column:span 2}.stat-card.vpn-actions{display:flex;flex-direction:row;gap:var(--gap-group);padding:12px;cursor:default;background-color:var(--bg-card)}.stat-card.vpn-actions:hover,.stat-card.vpn-actions:active{background:var(--bg-card);transform:none;box-shadow:none}.action-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-tight);padding:10px 12px;border:none;border-radius:var(--radius-inner);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;text-decoration:none;font-family:inherit;min-height:48px}.action-button:hover{text-decoration:none}.action-button:active{transform:scale(.98)}.action-button.primary{background:var(--btn-primary-gradient);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow)}.action-button.primary:hover{background:var(--btn-primary-gradient-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);box-shadow:var(--btn-primary-shadow-hover)}.action-button.primary .action-icon{color:#6ee7b7e6}.action-button.secondary{background:transparent;color:var(--btn-ghost-text-hover);border:1px solid var(--panel-border-color)}.action-button.secondary:hover{background:#ffffff08;border-color:var(--panel-border-color-hover);box-shadow:none}.action-button.free-trial{color:#fde68a;border:1px solid rgba(251,191,36,.28);background:#f59e0b14;box-shadow:none;animation:none}.action-button.free-trial:before{display:none}.action-button.free-trial:hover{color:#fef3c7;border-color:#fcd34d66;background:#f59e0b1f;box-shadow:none}.action-button.free-trial .action-icon{color:#fbbf24;font-variation-settings:"FILL" 0;opacity:.95}.action-button.free-trial:hover .action-icon{color:#fcd34d}.action-icon{font-size:18px;line-height:1;opacity:.95}.action-text{font-size:.8125rem;font-weight:600;text-align:center;line-height:1.25;letter-spacing:.01em}.info-card{display:flex;flex-direction:column;gap:var(--gap-group);cursor:default!important;background-color:var(--bg-card);box-shadow:0 2px 5px #0003}.info-card:hover{background:var(--bg-card)!important}.info-card:active{transform:none!important}.info-card.servers-card{gap:10px}.info-card.info-links-card .info-links{margin:0}.info-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-hint);text-align:center}.servers-status-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap-tight);padding:6px;background:#0003;border-radius:var(--radius-inner);border:1px solid var(--panel-border-color-muted);max-width:100%}.server-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-control);font-size:13px;font-weight:500;transition:background .2s ease,transform .15s ease;background:#ffffff0a}.server-item.online{color:var(--accent)}.server-item.offline{color:var(--danger)}.server-item.server-item-error{color:#ffb4a8;border:1px solid rgba(255,120,100,.35);background:#ff503c14}.server-item.server-item-error .server-dot{animation:none;opacity:.85}.server-item:hover{background:#ffffff14}.server-name{font-weight:600}.server-ping{font-weight:400;opacity:.85;font-size:12px;margin-left:4px}.server-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:server-dot-pulse 2s ease-in-out infinite;flex-shrink:0}.server-item.offline .server-dot{animation:none;opacity:.7}@keyframes server-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.info-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.info-link{display:flex;flex-direction:column;align-items:center;gap:var(--gap-tight);padding:8px 6px;min-width:72px;color:var(--text);border-radius:var(--radius-inner);transition:background .2s ease,transform .15s ease;background:#ffffff08;border:1px solid var(--panel-border-color-muted);text-decoration:none}.info-link:hover{background:#ffffff12;text-decoration:none;border-color:var(--panel-border-color-hover)}.info-link:active{transform:scale(.97)}.info-link-icon{font-size:18px;line-height:1}.info-link-text{font-size:12px;font-weight:500;text-align:center;opacity:.95}.vpn-list{display:flex;flex-direction:column;gap:8px}.vpn-card{background-color:var(--bg-card);padding:12px;border-radius:var(--radius);border:1px solid var(--panel-border-color);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;box-shadow:0 2px 8px #0003;display:flex;justify-content:space-between;align-items:center}.vpn-card:hover{background:#1a1a26e6;border-color:var(--panel-border-color-hover)}.vpn-card:active{transform:scale(.98);box-shadow:0 1px 4px #00000040}.vpn-info{flex:1}.vpn-name{font-size:.9375rem;font-weight:600;margin-bottom:2px;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.vpn-trial-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.25;color:var(--panel-tone-amber-badge-text);background:var(--panel-tone-amber-badge-bg);border:1px solid var(--panel-tone-amber-badge-border);vertical-align:middle}.vpn-card--trial{border-color:#fbbf2438}.vpn-meta{font-size:13px;color:var(--text-hint);display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.vpn-meta>span{display:inline-flex;align-items:center;gap:4px;line-height:1.35}.vpn-meta .material-symbols-outlined{font-size:16px;line-height:1}.vpn-arrow{font-size:18px;color:var(--accent);font-weight:700;opacity:.9}.vpn-detail{animation:slideIn .3s ease}.vpn-detail .detail-actions{margin-bottom:2px}.detail-header{background-color:var(--bg-card);padding:var(--pad-card);border-radius:var(--radius);margin-bottom:var(--gap-group);border:1px solid var(--panel-border-color);box-shadow:0 2px 8px #0003}.detail-kicker{font-size:12px;font-weight:700;color:var(--text-hint);margin-bottom:6px;letter-spacing:.02em}.detail-title{font-size:1.05rem;font-weight:700;word-break:break-word;line-height:1.3}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-grid);margin-bottom:16px}.detail-item{background-color:var(--bg-card);padding:10px 12px;border-radius:var(--radius-inner);border:1px solid var(--panel-border-color);box-shadow:0 1px 4px #00000026;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:0}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-hint);margin-bottom:6px}.detail-value{font-size:clamp(1.1rem,3.5vw,1.35rem);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.15}.detail-value.warn{color:var(--danger)}.metric-block{display:flex;flex-direction:column;gap:6px}.metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-hint)}.metric-value{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.1}.metric-value--warn{color:var(--danger)}.field-format-hint{display:block;margin-top:6px;font-size:11px;color:#ffffff47;text-align:right;letter-spacing:.02em}.stepper-input::placeholder,.balance-input-shell input::placeholder{color:#ffffff29;font-weight:500}.submit-btn-skeleton{display:block;width:100%;height:var(--control-h);border-radius:var(--radius-control);margin-top:4px}.balance-current--skeleton{pointer-events:none}.balance-skeleton-label{width:120px;height:10px;border-radius:4px}.balance-skeleton-amount{width:150px;height:36px;border-radius:8px;margin-top:10px}.balance-metric .metric-value{font-size:36px}.detail-skeleton-label{width:72px;height:10px;border-radius:4px;margin-bottom:8px}.detail-skeleton-value{width:48px;height:24px;border-radius:6px}.detail-skeleton-value--wide{width:120px}.rent-form-skeleton{display:flex;flex-direction:column;gap:14px}.rent-skeleton-tabs{height:var(--control-h);border-radius:var(--radius-control)}.rent-skeleton-title{width:40%;height:12px;border-radius:4px;margin-bottom:12px}.rent-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}.rent-skeleton-grid--4{grid-template-columns:repeat(4,1fr)}.rent-skeleton-pill{height:56px;border-radius:var(--radius-inner)}.rent-skeleton-total-label{width:72px;height:10px;margin:0 auto 10px;border-radius:4px}.rent-skeleton-total-value{width:120px;height:28px;margin:0 auto;border-radius:6px}.trial-card--skeleton{pointer-events:none}.trial-skeleton-title{width:90%;height:22px;border-radius:6px;margin-bottom:16px}.trial-metrics-skeleton{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-grid);margin-bottom:16px}.trial-skeleton-metric{height:48px;border-radius:var(--radius-inner)}.trial-skeleton-btn{height:var(--control-h);border-radius:var(--radius-control)}.rent-total-metric{align-items:center;text-align:center}.rent-total-metric .metric-value{font-size:1.35rem}.detail-subscription{background:#ffffff0a;border:1px solid var(--panel-border-color);border-radius:var(--radius-inner);padding:var(--pad-card);margin-bottom:0}.detail-subscription-apps{display:flex;flex-direction:column;gap:0;margin-bottom:var(--gap-group)}.detail-subscription-divider{height:1px;margin:14px 2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 12%,rgba(255,255,255,.14) 88%,transparent)}.detail-subscription--happ{border-color:#34d39938;background:#10b9810a}.detail-subscription--incy{border-color:#60a5fa47;background:#60a5fa0d}.detail-subscription--incy .detail-subscription-label{color:#bfdbfe}.detail-subscription--happ .detail-subscription-label{color:var(--panel-tone-emerald-badge-text)}.detail-subscription-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-group);margin-bottom:var(--gap-group)}.detail-subscription-heading{display:flex;flex-direction:column;min-width:0}.detail-subscription-header .detail-subscription-label{min-width:0;margin-bottom:5px}.detail-subscription-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text);margin-bottom:0}.detail-subscription-label .material-symbols-outlined{font-size:16px;line-height:1}.detail-subscription-qr-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);padding:0;border:none;border-radius:var(--radius-control);background:#ffffff14;color:var(--text);cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.detail-subscription-qr-toggle:hover{background:#ffffff1a}.detail-subscription-qr-toggle .material-symbols-outlined{font-size:18px;line-height:1}.detail-subscription-hint{font-size:12px;color:var(--text-hint)}.detail-trial-hint{margin:0 0 4px;padding:10px 12px;border-radius:var(--radius-inner);border:1px solid var(--panel-border-color);background:#ffffff08;line-height:1.45;color:#ffffff9e}.detail-subscription-row{display:flex;gap:10px;margin-bottom:12px}.detail-subscription-input{flex:1;min-height:var(--control-h);padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--panel-border-color-soft);background:#ffffff0f;color:var(--text);font-size:.8125rem;font-family:inherit;box-sizing:border-box}.detail-subscription-buttons{display:flex;gap:10px}.detail-subscription-btn{flex:1;min-height:var(--control-h);padding:0 14px;border:none;border-radius:var(--radius-control);font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,opacity .2s;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center}.detail-subscription-btn--primary{background:var(--btn-primary-solid-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow)}.detail-subscription-btn--primary:hover{background:var(--btn-primary-solid-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);opacity:1}.detail-subscription-btn--secondary{background:transparent;color:var(--btn-ghost-text-hover);border:1px solid var(--panel-border-color);box-shadow:none}.detail-subscription-btn--secondary:hover{background:#ffffff08;border-color:var(--panel-border-color-hover)}.detail-actions{display:flex;flex-direction:column;gap:10px}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-tight);min-height:var(--control-h);padding:0 14px;border:none;border-radius:var(--radius-control);font-size:.8125rem;font-weight:600;cursor:pointer;text-align:center;transition:transform .15s,opacity .15s,box-shadow .15s ease,background-color .15s ease;box-shadow:none;text-decoration:none;background-clip:padding-box;-webkit-background-clip:padding-box;font-family:inherit}.action-btn .material-symbols-outlined{font-size:16px;line-height:1}.action-btn:hover{text-decoration:none}.action-btn:active{transform:scale(.97)}.btn-action-primary{background:var(--btn-primary-solid-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow)}.btn-action-primary:hover{background:var(--btn-primary-solid-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);box-shadow:var(--btn-primary-shadow-hover)}.btn-action-secondary{background:transparent;color:var(--btn-ghost-text-hover);border:1px solid var(--panel-border-color);box-shadow:none}.btn-action-secondary:hover{background:#ffffff08;border-color:var(--panel-border-color-hover);box-shadow:none}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.empty-state{text-align:center;padding:28px 16px;color:var(--text-hint)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:1rem;margin-bottom:6px}.empty-state-hint{font-size:14px;opacity:.7}.skeleton{display:inline-block;height:16px;width:60px;background:linear-gradient(90deg,var(--panel-skeleton-base) 25%,var(--panel-skeleton-mid) 50%,var(--panel-skeleton-base) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.3s infinite;color:transparent}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-feed-wrap{padding:16px;margin-bottom:12px;background:var(--bg-card);border:1px solid var(--panel-border-color);border-radius:var(--radius)}.skeleton-feed{max-width:28rem;width:100%}.skeleton-feed-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-feed-avatar{width:48px;height:48px;border-radius:9999px;flex-shrink:0}.skeleton-feed-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.skeleton-feed-line{height:12px;width:100%;border-radius:8px}.skeleton-feed-line--lg{width:58%;height:14px}.skeleton-feed-line--sm{width:38%}.skeleton-feed-block{width:100%;border-radius:var(--radius);margin-bottom:16px}.skeleton-feed-block--md{height:80px}.server-item-skeleton .server-dot-skeleton{width:8px;height:8px;border-radius:50%;display:inline-block}.server-item-skeleton .server-name-skeleton{flex:1;height:12px;max-width:120px;border-radius:6px;display:inline-block}.server-item-skeleton .server-ping-skeleton{width:40px;height:12px;border-radius:6px;display:inline-block}.vpn-qr-modal{position:fixed;inset:0;z-index:5000;display:none;pointer-events:none}.vpn-qr-modal.vpn-qr-modal--open{display:block;pointer-events:auto}.vpn-qr-modal-backdrop{position:absolute;inset:0;margin:0;padding:0;border:none;border-radius:0;background:#0000007a;cursor:pointer;-webkit-tap-highlight-color:transparent}.vpn-qr-modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 40px));max-height:min(90vh,520px);overflow:auto;padding:var(--pad-card);box-sizing:border-box;background:#16171cfa;border:1px solid var(--panel-border-color-soft);border-radius:var(--radius-outer);box-shadow:0 24px 64px #0000008c;z-index:1}.vpn-qr-modal-close{position:absolute;top:10px;right:10px;width:var(--control-h);height:var(--control-h);display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-control);background:#ffffff14;color:var(--text);cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.vpn-qr-modal-close:hover{background:#ffffff24}.vpn-qr-modal-close .material-symbols-outlined{font-size:18px;line-height:1}.vpn-qr-modal-title{margin:0 40px 6px 0;font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.02em}.vpn-qr-modal-hint{margin:0 0 16px;font-size:12px;color:var(--text-hint);line-height:1.4}.detail-subscription-qr{width:fit-content;margin-left:auto;margin-right:auto;padding:14px;background:#fff;border-radius:var(--radius-inner);box-shadow:0 4px 20px #00000040,0 0 0 1px #ffffff0f inset;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.detail-subscription-qr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-qr-blur-overlay{position:absolute;inset:0;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#0000001f;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);transition:opacity .4s ease,visibility .4s ease,backdrop-filter .4s ease;z-index:1;overflow:hidden}.detail-subscription-qr.detail-qr-revealed .detail-qr-blur-overlay{opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.detail-qr-reveal-text{font-size:17px;font-weight:600;color:#fffffff2;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.4);position:relative;z-index:1}.detail-qr-img{display:block;border-radius:8px;width:200px;height:200px}.confirm-dialog{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.confirm-dialog--open{pointer-events:auto;opacity:1;visibility:visible}.confirm-dialog-backdrop{position:absolute;inset:0;margin:0;padding:0;border:none;background:var(--panel-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.confirm-dialog-panel{position:relative;width:min(100%,380px);padding:var(--pad-card);border-radius:var(--panel-radius-modal);background:var(--panel-surface-bg);border:1px solid var(--panel-border-color);box-shadow:var(--lk-shadow-elevated)}.confirm-dialog-title{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.confirm-dialog-message{margin:0;font-size:14px;line-height:1.5;color:var(--text-hint)}.confirm-dialog-actions{display:flex;gap:var(--gap-tight);margin-top:var(--gap-group)}.confirm-dialog-btn{flex:1;min-height:var(--control-h);padding:0 14px;font-size:.8125rem}@media(max-width:600px){.app{padding:12px 14px 16px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}body:has(.app):before{width:320px;height:320px;top:-100px;left:-80px}body:has(.app):after{width:260px;height:260px;bottom:-60px;right:-50px}.dashboard{padding:var(--pad-card);margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right)}.stats-grid{gap:var(--gap-grid)}.stat-card{padding:10px 12px;min-height:48px}.stat-card .label{font-size:9px}.stat-card .value{font-size:1.05rem;font-weight:800}.stat-action{font-size:16px}.stat-card.vpn-actions{flex-direction:column;gap:var(--gap-tight);padding:12px}.action-button{width:100%;min-height:44px;padding:10px 14px;border-radius:var(--radius-inner);flex-direction:row;gap:10px;justify-content:center;align-items:center}.action-button .action-icon{font-size:18px;flex-shrink:0}.action-button .action-text{font-size:.8125rem}.info-card{padding:12px;gap:var(--gap-group)}.servers-status-bar{padding:6px 8px;gap:var(--gap-tight)}.server-item{padding:6px 10px;font-size:12px}.server-ping{font-size:11px}.info-links{gap:var(--gap-tight)}.info-link{min-width:0;flex:1 1 28%;padding:8px 6px;min-height:48px}.info-link-icon{font-size:20px}.vpn-list{gap:var(--gap-tight)}.vpn-card{padding:10px 12px;min-height:44px}.vpn-name{margin-bottom:4px}.vpn-arrow{font-size:18px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-grid)}.detail-subscription{padding:var(--pad-card);margin-bottom:var(--gap-group)}.detail-subscription-buttons{flex-wrap:wrap;gap:var(--gap-tight)}.detail-subscription-btn{min-height:var(--control-h);flex:1 1 140px}.detail-actions{gap:var(--gap-tight)}.action-btn{min-height:var(--control-h)}.detail-qr-img{width:180px;height:180px;border-radius:var(--radius-inner)}}@media(max-width:380px){.app{padding:10px 12px 14px}.dashboard{padding:12px 14px}.stats-grid{gap:var(--gap-grid)}.stat-card{padding:8px 10px;min-height:44px}.servers-status-bar{padding:6px 8px;gap:4px}.server-item{padding:5px 8px;font-size:11px}.info-link{flex:1 1 30%;padding:8px 6px;min-height:48px}.vpn-card{padding:12px 14px}.detail-subscription-qr{padding:14px}.detail-qr-img{width:180px;height:180px}}.dashboard-load-error{text-align:center;font-size:.8125rem;color:var(--text-hint);margin:0 0 var(--gap-group);line-height:1.45}.dashboard-load-retry{background:none;border:none;padding:0;margin:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.dashboard-load-retry:hover{color:var(--accent-hover)}.empty-state .btn-primary{display:inline-flex;margin-top:var(--gap-group);text-decoration:none}.rent-card-total--flush{margin-top:var(--gap-group)!important;margin-bottom:0!important}.rent-total-wrap--flush{margin-bottom:0!important}.detail-subscription-hint--center{text-align:center;margin-top:8px}.detail-subscription-hint--mt{margin-top:var(--gap-group)}.vpn-cooldown-next{margin-top:8px}.auth-reset-hint{font-size:.8125rem;color:#ffffff61;margin:-4px 0 14px;line-height:1.45}.icon-shrink{flex-shrink:0}.link-accent{color:var(--accent)}.link-accent:hover{color:var(--accent-hover)}.manage-back-btn{min-height:var(--control-h)}.btn-primary,.btn-primary-solid,.btn-secondary,.btn-danger,.btn-auth,.action-btn,.rent-btn,.balance-topup-btn,.trial-btn,.detail-subscription-btn,.manage-device-del,.confirm-dialog-btn{transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.auth-body{background:var(--panel-canvas-bg);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:hidden;position:relative}.auth-body:before,.auth-body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(100px);opacity:.7}.auth-body:before{width:500px;height:500px;background:radial-gradient(circle,var(--lk-glow-emerald-soft) 0%,transparent 70%);top:-160px;left:-120px}.auth-body:after{width:400px;height:400px;background:radial-gradient(circle,var(--lk-glow-emerald) 0%,transparent 70%);bottom:-100px;right:-80px}#splash-screen{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:var(--panel-canvas-bg);z-index:9999;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}#splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:18px;animation:splashIn .7s ease}.splash-logo-wrap{width:56px;height:56px;background:#ffffff0f;border:1px solid var(--panel-border-color);border-radius:var(--radius-outer);display:flex;align-items:center;justify-content:center}.splash-logo{width:44px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}.splash-name{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.3px}.splash-dots{display:flex;gap:6px}.splash-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff8c;animation:dotPulse 1.2s ease-in-out infinite}.splash-dots span:nth-child(2){animation-delay:.2s}.splash-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes splashIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-page{width:100%;max-width:420px;position:relative;z-index:1;animation:pageIn .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes pageIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:var(--panel-surface-bg);border:1px solid var(--panel-border-color);border-radius:var(--radius-outer);padding:24px 20px 20px;box-shadow:var(--lk-shadow-elevated)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.brand-logo-box{width:var(--control-h);height:var(--control-h);background:#ffffff14;border:1px solid var(--panel-border-color-soft);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo-box img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.brand-name{font-size:.9375rem;font-weight:700;letter-spacing:-.2px}.auth-head{margin-bottom:16px}.auth-head h1{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;margin-bottom:4px;color:#fff}.auth-head p{font-size:14px;color:#ffffff61;margin:0}.auth-spam-hint{font-size:13px;color:#ffffff59;margin-top:10px!important}.auth-error{display:none;align-items:center;gap:var(--gap-tight);background:#ffffff12;border:1px solid rgba(255,255,255,.18);color:#fff;padding:8px 12px;border-radius:var(--radius-inner);font-size:13px;margin-bottom:16px;line-height:1.4;animation:errorIn .3s ease}.auth-error.visible{display:flex}@keyframes errorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-success-msg{text-align:center;font-size:14px;color:#ffffffbf;margin-bottom:12px}.auth-form{display:flex;flex-direction:column;gap:var(--gap-group)}.field{display:flex;flex-direction:column;gap:var(--gap-tight)}.field-label{font-size:13px;font-weight:500;color:#ffffff73}.field-wrap{position:relative}.field-wrap input{width:100%;min-height:var(--control-h);padding:0 12px;background:var(--panel-field-bg);border:1px solid var(--panel-border-color);border-radius:var(--panel-radius-field);color:var(--text);font-size:.875rem;font-family:inherit;box-sizing:border-box;transition:border-color .2s,background .2s,box-shadow .2s;outline:none;-webkit-appearance:none}.field-wrap input:focus{border-color:var(--lk-focus-border);background:#14141cb8;box-shadow:var(--lk-focus-ring)}.field-wrap input::placeholder{color:#ffffff2e}.field-wrap input.pw-input{padding-right:46px}.field-wrap input.has-status{padding-right:40px}.field-status{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:none;pointer-events:none}.field-wrap input.valid~.field-status{display:flex}.field-wrap input.invalid~.field-status{display:flex}.field-wrap input.valid~.field-status .icon-ok{display:block}.field-wrap input.invalid~.field-status .icon-err{display:block}.field-wrap input.valid{border-color:#ffffff59}.field-wrap input.invalid{border-color:#ffffff42}.field-wrap input.valid:focus{border-color:#ffffff8c;box-shadow:0 0 0 3px #ffffff1f}.field-wrap input.invalid:focus{border-color:#ffffff73;box-shadow:0 0 0 3px #ffffff1a}.icon-ok,.icon-err{display:none;color:var(--text)}.field-hint{font-size:12px;margin-top:5px;color:var(--text);display:none;animation:errorIn .2s ease}.field-hint.visible{display:block}.pw-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:2px;color:#ffffff40;transition:color .2s;display:flex;align-items:center;line-height:1}.pw-toggle:hover{color:#fff9}.pw-strength{display:flex;gap:4px;margin-top:6px}.pw-strength-bar{flex:1;height:3px;border-radius:3px;background:#ffffff14;transition:background .3s}.pw-strength-bar.weak{background:#ffffff73}.pw-strength-bar.medium{background:#ffffffb3}.pw-strength-bar.strong{background:#fffffff2}.btn-auth{margin-top:4px;min-height:var(--control-h);padding:0 14px;background:var(--btn-primary-solid-bg);border:1px solid var(--btn-primary-border);border-radius:var(--panel-radius-field);color:var(--btn-primary-text);font-size:.8125rem;display:inline-flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;box-shadow:var(--btn-primary-shadow);letter-spacing:.1px}.btn-auth:hover{background:var(--btn-primary-solid-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);box-shadow:var(--btn-primary-shadow-hover)}.btn-auth:active{transform:scale(.98)}.btn-auth:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.auth-form .submit-btn-skeleton{height:var(--control-h);border-radius:var(--radius-control);margin-top:4px}.auth-divider{display:flex;align-items:center;gap:var(--gap-group);margin:16px 0;color:#ffffff2e;font-size:11px;letter-spacing:.8px;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff12}.tg-wrap{display:flex;justify-content:center;min-height:42px}.tg-fallback{display:none;text-align:center}.tg-fallback.visible{display:block}.tg-fallback-text{font-size:12px;color:#ffffff73;line-height:1.45}.auth-forgot{margin-top:4px;text-align:center;font-size:13px}.auth-forgot button{background:none;border:none;cursor:pointer;font-family:inherit;color:#ffffff73;text-decoration:none;transition:color .2s;font-size:13px}.auth-forgot button:hover{color:#ffffffd9}.verify-email-tag{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-inner);padding:4px 10px;font-size:13px;font-weight:500;color:#ffffffb3;margin-bottom:22px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verify-email-tag svg{flex-shrink:0;color:#fffffff2}.code-row{display:flex;gap:var(--gap-grid);justify-content:center;margin:6px 0}.code-digit{width:40px;height:40px;text-align:center;font-size:1.125rem;font-weight:700;background:var(--panel-field-bg);border:1px solid var(--panel-border-color);border-radius:var(--panel-radius-field);color:var(--text);font-family:inherit;outline:none;-webkit-appearance:none;padding:0;caret-color:var(--text);transition:border-color .2s,background .2s,box-shadow .2s}.code-digit:focus{border-color:var(--lk-focus-border);background:#14141cb8;box-shadow:var(--lk-focus-ring)}.code-digit::placeholder{color:#f4f3f024;font-weight:500}.code-digit:focus::placeholder{color:transparent}.code-digit.filled{border-color:var(--panel-tone-emerald-badge-border);background:var(--panel-tone-emerald-surface-bg)}.resend-row{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;font-size:13px;color:#ffffff4d;flex-wrap:wrap}.resend-btn{background:none;border:none;color:#ffffff8c;font-size:13px;cursor:pointer;font-family:inherit;padding:0;font-weight:500}.resend-btn:hover:not(:disabled){color:#fff}.resend-btn:disabled{color:#fff3;cursor:default}.verify-back{margin-top:18px;text-align:center}.verify-back button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:#ffffff59;text-decoration:none}.verify-back button:hover{color:#ffffffa6}.turnstile-wrap{margin:10px 0 2px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.turnstile-wrap>div{min-height:65px;width:100%}.auth-footer{margin-top:18px;text-align:center;font-size:.8125rem;color:#ffffff4d}.auth-footer a{color:#ffffffa6;font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#fff}@media(max-width:460px){.auth-body{align-items:flex-start}.auth-page{padding:0 4px}.auth-card{padding:20px 16px 18px;border-radius:var(--radius-outer)}.auth-brand{margin-bottom:16px}.auth-head{margin-bottom:14px}.auth-head h1{font-size:1.2rem;letter-spacing:-.4px}.auth-form{gap:var(--gap-group)}.field-wrap input{padding:0 12px;min-height:var(--control-h-touch);font-size:16px;border-radius:var(--radius-control)}.pw-toggle{right:12px}.btn-auth{min-height:var(--control-h-touch);padding:0 14px;font-size:16px;border-radius:var(--radius-control);margin-top:6px}.auth-divider{margin:16px 0}.code-digit{width:var(--control-h-touch);height:var(--control-h-touch);font-size:1.125rem}}.trial-page{width:100%;margin:0 auto}.trial-card{display:flex;flex-direction:column;gap:18px;width:100%;background:var(--panel-surface-bg);border:1px solid var(--panel-border-color-soft);border-radius:var(--radius-outer);padding:22px 20px;box-shadow:var(--lk-shadow-card)}.trial-header{display:flex;flex-direction:column;gap:8px;text-align:center}.trial-title{margin:0;font-size:1.2rem;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--panel-ink)}.trial-subtitle{margin:0;font-size:.8125rem;line-height:1.45;color:var(--panel-ink-muted)}.trial-metrics{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;margin:0;padding:14px 8px;border-radius:var(--radius-inner);background:#ffffff09;border:1px solid var(--panel-border-color)}.trial-metrics-divider{width:1px;align-self:stretch;margin:4px 0;background:#ffffff1a}.trial-metric{align-items:center;text-align:center;gap:4px;padding:0 10px}.trial-metrics .metric-value{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.trial-perks{display:flex;flex-direction:column;gap:10px}.trial-list-title{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.8125rem;font-weight:700;color:#ffffffe0}.trial-list-title .material-symbols-outlined{font-size:18px;color:var(--panel-tone-emerald-badge-text)}.trial-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.trial-list li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border-radius:var(--radius-inner);background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.8125rem;line-height:1.4;color:#ffffffe6}.trial-perk-icon{flex-shrink:0;font-size:18px;line-height:1;margin-top:1px;color:var(--panel-tone-emerald);font-variation-settings:"FILL" 1}.trial-actions{display:flex;flex-direction:column;gap:var(--gap-tight);margin-top:2px}.trial-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-tight);min-height:var(--control-h);border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.2);font-size:.8125rem;font-weight:700;font-family:inherit;cursor:pointer}.trial-btn:disabled{opacity:.5;cursor:not-allowed}.trial-btn-primary{color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);background:var(--btn-primary-solid-bg);box-shadow:var(--btn-primary-shadow)}.trial-btn-primary:hover:not(:disabled){background:var(--btn-primary-solid-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);box-shadow:var(--btn-primary-shadow-hover)}.trial-note{margin:0;font-size:12px;color:#ffffff80;line-height:1.5;text-align:center}@media(max-width:420px){.trial-card{padding:18px 14px;gap:16px}.trial-title{font-size:1.1rem}}.balance-page{margin:0 auto}.balance-current{background:var(--bg-card);border:1px solid var(--panel-border-color);border-radius:var(--radius-outer);padding:var(--pad-card);text-align:center;margin-bottom:var(--gap-group);box-shadow:var(--lk-shadow-nested);position:relative;overflow:hidden}.balance-current .balance-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-hint);margin-bottom:6px}.balance-current .balance-amount{font-size:clamp(1.5rem,5vw,1.85rem);font-weight:800;letter-spacing:-.03em;color:#fff}.balance-current .balance-amount.skeleton{color:var(--text-hint);font-weight:600}.balance-metric{gap:10px}.rent-success-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-grid);margin:12px 0;padding:10px 12px;border-radius:var(--radius-inner);background:#ffffff0d;border:1px solid var(--panel-border-color)}.balance-topup-block{background:var(--bg-card);border:1px solid var(--panel-border-color-soft);border-radius:var(--radius-outer);padding:var(--pad-card);box-shadow:var(--lk-shadow-nested)}.balance-topup-block h3{font-size:.875rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px;color:#fff}.balance-topup-block>p{font-size:13px;color:var(--text-hint);line-height:1.5}.balance-amounts{display:flex;flex-wrap:nowrap;gap:10px;width:100%;box-sizing:border-box;margin-top:14px;margin-bottom:14px}.balance-amount-btn{flex:1 1 0;min-width:0;min-height:var(--control-h);padding:0 8px;background:#ffffff0f;border:1px solid var(--panel-border-color-soft);border-radius:var(--radius-control);color:var(--text);font-size:.8125rem;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.balance-amount-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.balance-amount-btn.active{background:#ffffff24;border-color:#ffffff59;color:#fff;box-shadow:none}.balance-custom{margin-bottom:var(--gap-group)}.balance-field-label{display:block;font-size:12px;font-weight:600;color:var(--text-hint);margin-bottom:8px;letter-spacing:.02em}.balance-pay-row{display:flex;align-items:stretch;gap:var(--gap-tight);width:100%}.balance-pay-row .balance-input-shell{flex:1 1 auto;min-width:0;width:auto}.balance-input-shell{display:flex;align-items:stretch;width:100%;box-sizing:border-box;background:var(--panel-field-bg);border:1px solid var(--panel-border-color);border-radius:var(--panel-radius-field);overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.balance-input-shell:focus-within{border-color:var(--lk-focus-border);background:#14141cb8;box-shadow:var(--lk-focus-ring)}.balance-input-shell input{flex:1 1 auto;min-width:0;width:100%;min-height:var(--control-h);padding:0 10px 0 12px;background:transparent;border:none;border-radius:0;color:var(--text);font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:inherit;line-height:1.2;-webkit-appearance:none;appearance:none}.balance-input-shell input::placeholder{color:#ffffff38;font-weight:600}.balance-input-shell input:focus{outline:none}.balance-input-shell input[type=number]::-webkit-outer-spin-button,.balance-input-shell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.balance-input-shell input[type=number]{-moz-appearance:textfield}.balance-input-range{flex-shrink:0;display:flex;align-items:center;padding:0 12px 0 8px;font-size:.7rem;font-weight:600;color:#ffffff52;letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-left:1px solid var(--panel-border-color-soft);background:transparent;line-height:1}.balance-input-suffix{flex-shrink:0;display:flex;align-items:center;padding:0 12px;font-size:1rem;font-weight:700;color:#ffffff59;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-left:1px solid var(--panel-border-color-soft);background:transparent}.balance-error{font-size:.8125rem;color:#fff;margin-top:8px;display:none;padding:6px 10px;background:#ffffff14;border-radius:var(--radius-inner)}.balance-error.visible{display:block}.balance-topup-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-tight);flex:0 0 auto;width:auto;max-width:46%;min-height:var(--control-h);padding:0 14px;white-space:nowrap;background:var(--btn-primary-solid-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);border-radius:var(--panel-radius-field);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s ease,box-shadow .2s;box-shadow:var(--btn-primary-shadow);-webkit-tap-highlight-color:transparent}.balance-pay-row .submit-btn-skeleton,.balance-topup-btn-skel{flex:0 0 auto;width:9.5rem;max-width:46%;margin-top:0}.balance-topup-btn:hover{background:var(--btn-primary-solid-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}.balance-topup-btn:active{transform:translateY(0)}.balance-topup-btn:disabled{opacity:.55;cursor:not-allowed}.balance-hint{font-size:12px;color:var(--text-hint);margin-top:12px;line-height:1.5}@media(max-width:640px){.balance-amounts{gap:var(--gap-tight);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}.balance-amount-btn{font-size:.8125rem}.balance-input-shell input{font-size:16px;min-height:40px}.balance-input-range{font-size:.65rem;padding:0 10px 0 6px}.balance-input-suffix{font-size:.9375rem;padding:0 12px}.balance-topup-btn{min-height:40px;padding:0 12px;font-size:.75rem;max-width:48%}}.rent-card{background:var(--bg-card);border-radius:var(--radius-outer);padding:var(--pad-card);margin-bottom:var(--gap-group);border:1px solid var(--panel-border-color);box-shadow:var(--lk-shadow-nested)}.rent-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-hint);margin-bottom:12px;padding:0 2px}.rent-devices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}.rent-device,.rent-month{border:1px solid var(--panel-border-color);background:var(--panel-inset-bg);box-shadow:none;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);-webkit-tap-highlight-color:transparent;font-family:inherit}.rent-device{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:var(--radius-outer);min-height:72px;position:relative;overflow:hidden}.rent-device:hover,.rent-month:hover{background:var(--panel-surface-bg);border-color:var(--panel-border-color-hover);box-shadow:none}.rent-device:hover{transform:translateY(-2px)}.rent-month:hover{transform:translateY(-1px)}.rent-device:active,.rent-month:active{transform:translateY(0)}.rent-devices:has(.rent-device.selected) .rent-device:not(.selected),.rent-months:has(.rent-month.selected) .rent-month:not(.selected){opacity:.58;border-color:#ffffff0d}.rent-device.selected,.rent-month.selected{opacity:1;background:var(--panel-tone-emerald-surface-bg);border-color:var(--panel-tone-emerald-surface-border);color:var(--panel-ink);box-shadow:none}.rent-device.selected{transform:translateY(-1px)}.rent-device .num{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;color:#ececea}.rent-device.selected .num{color:#fff}.rent-device .word{font-size:12px;color:var(--text-hint);margin-top:6px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.rent-device.selected .word{color:#a7f3d0;font-weight:600}.rent-device .price{font-size:.875rem;font-weight:700;margin-top:4px;color:#6ee7b7;letter-spacing:-.2px;opacity:.92}.rent-device.selected .price{color:#6ee7b7;opacity:1;font-weight:800}.rent-months{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-grid)}.rent-month{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;border-radius:var(--radius-inner)}.rent-month .m{font-size:1.2rem;font-weight:800;letter-spacing:-.4px;color:#ececea}.rent-month.selected .m{color:#fff}.rent-month .label{font-size:11px;color:var(--text-hint);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rent-month.selected .label{color:#a7f3d0}.rent-month .sum{font-size:14px;font-weight:600;margin-top:6px;color:#71717a;letter-spacing:-.2px}.rent-month.selected .sum{color:#6ee7b7;font-weight:700}.rent-card.rent-card-total{margin-top:var(--gap-group)}.rent-total-wrap{padding:var(--pad-card);margin-top:0;margin-bottom:var(--gap-group);background:var(--panel-inset-bg);border-radius:var(--radius-inner);border:1px solid var(--panel-border-color);box-shadow:none;text-align:center}.rent-total-desc{font-size:12px;color:var(--text-hint);margin-top:8px}.rent-error{font-size:.8125rem;color:#fff;margin-top:8px;padding:8px 10px;background:#ffffff14;border-radius:var(--radius-inner);display:none}.rent-error.visible{display:block}.rent-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-h);padding:0 14px;margin-top:var(--gap-group);background:var(--btn-primary-solid-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);border-radius:var(--panel-radius-field);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .05s,box-shadow .2s;box-shadow:var(--btn-primary-shadow);-webkit-tap-highlight-color:transparent}.rent-btn:hover{background:var(--btn-primary-solid-bg-hover);border-color:var(--btn-primary-border-hover);color:var(--btn-primary-text-hover);box-shadow:var(--btn-primary-shadow-hover)}.rent-btn:active{transform:scale(.98)}.rent-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.rent-success-view .rent-card{text-align:center;padding:var(--pad-card)}.rent-success-view h3{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.1rem;line-height:1.2;color:#fff;margin-bottom:12px}.rent-success-view h3 .material-symbols-outlined{font-size:22px;line-height:1}.rent-success-view p{font-size:15px;color:var(--text-hint);line-height:1.5;margin:8px 0}.rent-mode-tabs{display:flex;background:#ffffff0f;border-radius:var(--radius-control);padding:3px;margin-bottom:var(--gap-group)}.rent-mode-tab{flex:1;min-height:var(--control-h);padding:0 10px;border:none;border-radius:calc(var(--radius-control) - 2px);background:transparent;color:var(--text-hint);font-size:.8125rem;display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent}.rent-mode-tab.active{background:#ffffff2e;color:#fff}.stepper-panel-wrap{width:100%}.stepper-panel{background:var(--bg-inset);border:1px solid var(--panel-border-color);border-radius:var(--panel-radius-inner);overflow:hidden;box-shadow:var(--lk-shadow-nested)}.stepper-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-group);padding:10px 14px}.stepper-row+.stepper-row{border-top:1px solid var(--panel-divider-color)}.stepper-row-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.stepper-row-icon{font-size:18px;line-height:1;color:var(--text);opacity:.88;flex-shrink:0}.stepper-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.stepper-row-label{font-size:.875rem;font-weight:600;color:var(--text);letter-spacing:-.2px}.stepper-row-sublabel{font-size:12px;font-weight:600;color:var(--text-hint)}.stepper-controls{display:flex;align-items:center;flex-shrink:0;background:var(--panel-field-bg);border:1px solid var(--panel-border-color);border-radius:999px;padding:3px;gap:2px}.stepper-btn{width:var(--control-h);height:var(--control-h);border:none;border-radius:50%;background:transparent;font-size:18px;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background .15s,opacity .15s;-webkit-tap-highlight-color:transparent}.stepper-btn--minus{color:#ffffff59}.stepper-btn--plus{color:#6ee7b7d9}.stepper-btn:hover:not(:disabled){background:#ffffff1a}.stepper-btn:active:not(:disabled){transform:scale(.96)}.stepper-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.stepper-input{width:36px;min-width:36px;max-width:48px;min-height:calc(var(--control-h) - 6px);padding:0 2px;text-align:center;border:none;border-radius:var(--panel-radius-field);background:var(--panel-inset-bg);color:var(--text);font-size:.875rem;font-weight:700;font-family:inherit;box-sizing:border-box;-moz-appearance:textfield;appearance:textfield}.stepper-input:focus{outline:none;box-shadow:var(--lk-focus-ring)}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input:disabled{opacity:.45;cursor:not-allowed}.stepper-panel-footer{margin-top:8px;display:flex;flex-direction:column;gap:4px}.stepper-panel-footer .field-format-hint{text-align:left;margin-top:0}.vpn-device-cooldown-banner{margin-top:4px;margin-bottom:var(--gap-group);padding:10px 12px;background:#ffb4481a;border:1px solid rgba(255,200,120,.35);border-radius:var(--radius-inner);font-size:13px;line-height:1.5;color:#ffffffeb}.vpn-device-cooldown-title{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffd28cf2;margin-bottom:8px}.vpn-device-cooldown-banner strong{color:#fff;font-weight:600}.vpn-infinite-banner{margin-top:4px;margin-bottom:var(--gap-group);padding:10px 12px;background:#8cdca01f;border:1px solid rgba(150,230,170,.35);border-radius:var(--radius-inner);font-size:13px;line-height:1.5;color:#e6ffebf5}.vpn-infinite-banner strong{color:#fff}.manage-devices-wrap{display:flex;flex-direction:column;gap:10px;margin-top:10px}.manage-device-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:var(--radius-inner);border:1px solid var(--panel-border-color-soft);background:var(--panel-inset-bg)}.manage-device-main{min-width:0;display:flex;align-items:center;gap:10px}.manage-device-icon{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-inner);display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;color:#fff;font-size:16px;flex-shrink:0}.manage-device-text{min-width:0}.manage-device-model{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-device-name{font-size:12px;color:var(--text-hint);margin-top:2px}.manage-device-del{flex-shrink:0;min-width:72px;min-height:var(--control-h);padding:0 12px;border-radius:var(--panel-radius-field);border:1px solid var(--btn-danger-border);background:var(--btn-danger-bg);color:var(--btn-danger-text);font-size:.8125rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit}.manage-device-del:hover:not(:disabled){background:var(--btn-danger-bg-hover);border-color:var(--btn-danger-border-hover)}.manage-device-del:disabled{opacity:.55;cursor:not-allowed}.manage-back-btn{margin-top:var(--gap-group);width:100%;min-height:var(--control-h)}.vpn-expire-badge{margin-left:6px;font-size:12px;color:#ffcf9b;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.vpn-expire-badge .material-symbols-outlined{font-size:14px;line-height:1}.vpn-expire-badge--detail{font-weight:600;color:#ffca86}.vpn-expire-badge--detail .expire-mark{width:16px;height:16px;min-width:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:4px;background:#ffa04038;border:1px solid rgba(255,188,118,.5);color:#ffd39f;font-size:12px;font-weight:800;line-height:1}.detail-kicker-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:600px){.vpn-expire-badge:not(.vpn-expire-badge--detail){display:flex;margin-left:0;margin-top:4px;white-space:normal;line-height:1.25}}@media(max-width:480px){.rent-card{padding:var(--pad-card);margin-bottom:var(--gap-group)}.rent-devices{gap:var(--gap-tight)}.rent-device{padding:10px 4px;min-height:64px}.rent-device .num{font-size:1.2rem}.rent-months{gap:var(--gap-tight)}.rent-month{padding:8px 4px}.rent-month .m{font-size:1.05rem}.rent-total-wrap{padding:12px;margin-bottom:var(--gap-group)}.rent-btn{margin-top:var(--gap-group)}.rent-mode-tabs{margin-bottom:var(--gap-group)}.rent-mode-tab{font-size:.75rem}.stepper-row{padding:8px 12px;gap:var(--gap-tight)}.stepper-btn{width:var(--control-h);height:var(--control-h);font-size:16px}}
