/* Shared with the subscription pages and the Windows client. */
:root,html[data-theme=light]{--purple:#7650df;--accent:#6d48cc;--accent-deep:#f0eafb;--ink:#242333;--ink-2:#665774;--muted:#71647f;--line:#e3ddec;--line-2:#d7cce6;--bg:#f5f2fc;--surface:#fff;--surface-2:#f7f4fc;--brand-ink:#100d1b;--brand-accent:#7846ed;--body:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif}
html[data-theme=dark]{--purple:#aa8bf0;--accent:#c3a4f3;--accent-deep:#362747;--ink:#efedf7;--ink-2:#d2c4e3;--muted:#b9b1c9;--line:#40354e;--line-2:#594666;--bg:#14111c;--surface:#1e1928;--surface-2:#282132;--brand-ink:#f6f2ff;--brand-accent:#b18aff}
body.production{font:14px/1.6 var(--body);isolation:isolate}
body.production::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#f7f6fbf5,#f5f2fcde),url('pro1-lk-globe.png') center right/cover no-repeat}
html[data-theme=dark] body.production::before{background-image:linear-gradient(100deg,#14111cf5,#14111ccc 65%,#14111cba),url('pro1-lk-globe.png')}
.production .sidebar{background:#ffffffed;border-color:var(--line);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
html[data-theme=dark] .production .sidebar{background:#191521f5;border-color:var(--line)}
.production .sidebar-brand{display:flex;align-items:center;gap:8px;margin-bottom:34px}
.production .sidebar-brand .brand{margin:0;min-width:0}
.production .brand,.production .brand-wordmark{font-family:var(--body);font-weight:800;letter-spacing:-1px}
.production .brand{gap:9px;font-size:24px;color:var(--brand-ink)}
.production .brand-soft,.production .brand-wordmark span{font-weight:800;color:var(--brand-accent)}
.production .brand-logo{width:40px;height:40px;object-fit:contain;filter:none}
.production .hero-emblem{transform:none;border-radius:50%;background:#ede5fb80;border:1px solid #dcd0f0;box-shadow:0 0 0 7px #eee8f86e;flex-shrink:0}
.production .hero-emblem img{width:72%;height:72%;transform:none;filter:none}
html[data-theme=dark] .production .hero-emblem{background:#3b2c566e;border-color:#614683;box-shadow:0 0 0 7px #33254177}
.production .nav-link{font-size:14px;font-weight:500;min-height:46px;border-radius:11px}
.production .nav-link .ico{width:20px;height:20px}
.production .nav-link[aria-current=page]{background:var(--accent-deep);color:var(--accent);box-shadow:inset 3px 0 #9770df}
.production .sidebar-bottom{padding-top:25px}.production .logout{min-height:44px;font-size:12px;margin-top:12px}
.production .header-brand{display:none}
.production .topbar{height:80px;max-width:1120px;margin-inline:auto;padding-inline:0;border-color:var(--line);width:calc(100% - 80px)}
.production .top-actions{gap:9px}
.production .topbar :is(.theme-toggle,.icon-button){height:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:8px;transform:none}
.production .topbar .icon-button{width:44px}.production .topbar .mobile-only{display:none}
.production .topbar .ico{width:20px;height:20px;display:block}
.production :is(.page-heading p,h1+.sub){font-size:14px;line-height:1.75}
.production h1{font-size:28px;line-height:1.3;font-weight:650}
.production .card{border-radius:18px;border-color:var(--line);box-shadow:0 4px 20px #32204b04}
.production .card p,.production .note,.production .field label{font-size:13px;line-height:1.75}
.production .card h2,.production .fold>summary h2{font-size:18px;font-weight:600}
.production .hero,.production .login-intro{background:linear-gradient(105deg,#fffffffa 15%,#f9f7fff0 48%,#eee5fad6),url('pro1-lk-globe.png') center/cover;border-color:#dfd5ef}
html[data-theme=dark] .production :is(.hero,.login-intro){background-image:linear-gradient(105deg,#1f1a2cf7 15%,#231c31f0 48%,#281d38c7),url('pro1-lk-globe.png');border-color:#4b395f}
.production .hero{border-radius:22px;box-shadow:0 8px 28px #32204b08}
.production .production-brand-row{gap:20px;margin:24px 0}
.production .production-brand-row .brand-wordmark{font-size:32px;font-weight:800}
.production .production-brand-row p{font-size:13px;margin-top:8px}
.production .subscription-label{font-size:10px;letter-spacing:1.3px}
.production #clock .num{font-size:42px;font-weight:650;letter-spacing:-1px}
.production #clock .num.sm{font-size:28px}.production #clock .unit{font-size:17px}
.production #until{font-size:13px}.production .fact .k{font-size:12px}.production .fact .v{font-size:19px}
.production .btn,.production .app .go .btn{font-size:14px;font-weight:500;min-height:44px;border-radius:11px;line-height:1.5}
.production .btn-sm{font-size:12px}
.production .btn-solid,html[data-theme=dark] .production .btn-solid{background:linear-gradient(115deg,#8551ee,#6945d1);border-color:#754bdd;color:#fff;box-shadow:0 3px 9px #6945d114}
.production .btn-solid:hover:not(:disabled),html[data-theme=dark] .production .btn-solid:hover:not(:disabled){background:linear-gradient(115deg,#7741e0,#6039c6);border-color:#754bdd}
.production .connect-card .steps li{font-size:13px}.production .step-num{font-size:11px}
.production .quick-card{border-radius:14px;min-height:78px}.production .quick-card strong{font-size:14px}.production .quick-card small{font-size:12px}
.production .app,.production .plan{border-radius:14px}
.production .dev .nm{font-size:14px}.production .dev .ds{font-size:12px}.production .dev .when .btn{font-size:12px}
.production .key{border-radius:12px;gap:12px}.production .kn{font-size:13px}.production .kbtn{width:44px;height:44px;flex:0 0 44px;border-radius:10px}
.production .keys-search,.production .field input,.production select{min-height:44px;font-size:14px}
.production .keys-actions .btn{font-size:14px}.production .history-pages{font-size:13px}
.production .table{font-size:13px}.production .table .pill{font-size:11px}
.production .period button{font-size:13px}.production .plan .p{font-size:30px}.production .plan .cur,.production .plan ul{font-size:13px}
.production .login-layout{border-radius:22px;overflow:hidden;border-color:var(--line);box-shadow:0 8px 28px #32204b08}
.production .login-intro h2.brand-wordmark{font-family:var(--body);font-weight:800;letter-spacing:-1px}
.production .login-form .tabs{gap:6px}.production .login-form .tab{min-height:44px;font-size:12px;line-height:1.5}
.production .login-form .btn{font-size:14px}.production .login-pane h2{font-size:22px}
.production .bottom-nav{border-color:var(--line);background:#fffffff5}.production .bottom-nav a{min-height:48px;font-weight:500;border-radius:10px}
html[data-theme=dark] .production .bottom-nav{background:#191521f5}
.production .bottom-nav a[aria-current=page]{background:var(--accent-deep);color:var(--accent)}
.production footer{font-size:11px}
@keyframes lk-enter{from{opacity:.93;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.production :is(.route-section:not([hidden]),.login-layout){animation:lk-enter .22s ease-out}
.production :is(.btn,.quick-card,.nav-link){transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
@media(max-width:1180px){.production .sidebar-brand .brand{font-size:21px}.production .sidebar-brand .brand-logo{width:35px;height:35px}.production .topbar{width:calc(100% - 56px)}}
@media(max-width:720px){
 body.production.menu-open{position:fixed;width:100%;overflow:hidden}
 .production .sidebar{width:min(310px,calc(100vw - 32px));padding:22px 18px max(24px,env(safe-area-inset-bottom));visibility:hidden}
 .production .sidebar.open{visibility:visible}
 .production .sidebar-brand{justify-content:space-between;margin-bottom:26px}
 .production .sidebar-brand .brand{font-size:24px}.production .sidebar-brand .brand-logo{width:36px;height:36px}
 .production .menu-close{width:44px;height:44px;flex:0 0 44px;background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}
 .production .topbar{height:auto;min-height:132px;width:auto;margin:0 18px;padding:20px 0 16px;display:grid;grid-template-columns:1fr auto;gap:16px 10px;border-bottom:1px solid var(--line)}
 .production .header-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1/-1}
 .production .header-brand .brand{margin:0;font-size:24px;gap:8px}.production .header-brand .brand-logo{width:36px;height:36px}
 .production .header-brand>span{font-size:11px;color:var(--muted);text-align:right;line-height:1.4;max-width:90px}
 .production .topbar #breadcrumb{display:none}
 .production .topbar .mobile-only{display:inline-flex}
 .production .topbar #menu-toggle{width:auto;padding:0 13px;font-size:13px}
 .production .top-actions{gap:8px}.production .topbar .theme-toggle{width:44px;padding:0}.production .topbar .theme-toggle span{display:none}
 .production .top-actions .icon-button{display:inline-flex}
 .production main{padding:24px 18px 10px}
 .production h1{font-size:26px}.production .page-heading{margin-bottom:24px}.production .page-heading p{font-size:14px}
 .production .hero{border-radius:20px;padding:22px 20px}
 .production .production-brand-row{gap:14px}.production .production-brand-row .brand-wordmark{font-size:28px}
 .production .production-brand-row .hero-emblem{width:60px;height:60px;margin-right:4px}
 .production #clock .num{font-size:36px}.production #clock .num.sm{font-size:25px}
 .production .card{padding:20px}.production .card p{font-size:13px}
 .production .field input,.production select,.production .keys-search,.production .link-box input{font-size:16px}
 .production .keys-actions{gap:8px}.production .keys-actions .btn{font-size:13px;flex:1;padding:10px 8px}
 .production .key{flex-wrap:wrap;gap:8px}.production .kn{min-width:100px}
 .production .login-layout{border-radius:18px}.production .login-form{padding:22px 18px}
 .production .login-form .tabs{display:flex;flex-wrap:wrap;gap:5px}.production .login-form .tab{flex:1 1 30%;padding:9px 6px;font-size:12px;white-space:normal}
 .production .bottom-nav{padding:7px 6px max(7px,env(safe-area-inset-bottom));gap:4px}.production .bottom-nav a{flex:1;min-width:0;font-size:10px;padding:5px 3px}
 .production footer{padding:20px 18px calc(100px + env(safe-area-inset-bottom));font-size:10px}
 .production .toast{bottom:calc(85px + env(safe-area-inset-bottom))}
 body.production::before{background-position:66% center}
}
@media(prefers-reduced-motion:reduce){.production *,.production *::before,.production *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Finish the legacy content blocks in the shared theme. */
html[data-theme=light] .production .hero{background-image:linear-gradient(105deg,#fffffffa 15%,#f9f7fff0 48%,#eee5fad6),url('pro1-lk-globe.png');background-size:cover;background-position:center}
.production .fold .steps li::before{content:none;display:none}
.production #home-devices .dev{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;margin:0;padding:17px 0}
.production #home-devices .dev:last-child{border-bottom:0}
.production .home-bottom p,.production .home-bottom .text-link,.production .section-heading .text-link{font-size:13px}
@media(max-width:720px){html[data-theme] .production .sidebar{background:var(--surface)}}
html[data-theme] .production .nav-link:not([aria-current]){color:var(--muted)}