.status-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"shield copy badges" "actions actions actions";align-items:start;column-gap:12px;row-gap:0;width:100%;min-height:0;padding:16px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 10% 18%,rgba(83,240,172,.18),transparent 34%),linear-gradient(115deg,rgba(29,137,117,.22),rgba(13,28,62,.84) 45%,rgba(20,20,74,.90));border:1px solid rgba(98,225,185,.18);box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08)}.status-card .shield{grid-area:shield}.shield{width:48px;height:48px;display:grid;place-items:center;color:#91f2bd;border-radius:16px;background:linear-gradient(145deg,rgba(99,236,170,.16),rgba(104,216,255,.07));border:1px solid rgba(99,236,170,.24);box-shadow:0 10px 22px rgba(63,221,173,.14),inset 0 1px 0 rgba(255,255,255,.10)}.shield::before{content:"";width:25px;height:25px;display:block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 2.8 8.2 7 10 4.2-1.8 7-5.5 7-10V6z'/%3E%3Cpath d='m8.5 12 2.3 2.3 4.8-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 2.8 8.2 7 10 4.2-1.8 7-5.5 7-10V6z'/%3E%3Cpath d='m8.5 12 2.3 2.3 4.8-5'/%3E%3C/svg%3E") center / contain no-repeat}body[data-vpn-state="pending"] .shield{color:#f6c85f;background:linear-gradient(145deg,rgba(246,200,95,.17),rgba(141,116,255,.08));border-color:rgba(246,200,95,.25)}body[data-vpn-state="blocked"] .shield,body[data-vpn-state="inactive"] .shield{color:#ff8ca4;background:linear-gradient(145deg,rgba(255,94,114,.16),rgba(141,116,255,.08));border-color:rgba(255,94,114,.24)}.status-copy{grid-area:copy;align-self:center;min-width:0}.status-copy h1{margin:0;color:#f7f9ff;font-size:24px;line-height:1.05;letter-spacing:0}.status-copy p{margin:5px 0 0;color:rgba(231,239,255,.76);font-size:13px;line-height:1.2}.online-pill{width:max-content;max-width:100%;min-height:24px;margin-top:8px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;color:#91f2bd;font-size:12px;font-weight:750;white-space:nowrap;border-radius:999px;border:1px solid rgba(71,209,140,.28);background:rgba(71,209,140,.10)}.online-pill::before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#6dffa9;box-shadow:0 0 8px rgba(109,255,169,.55)}.platform-badges{grid-area:badges;display:grid;grid-template-columns:repeat(2,48px);gap:10px;justify-self:end;align-self:start;pointer-events:none}.platform-tile{--platform-glow:rgba(105,190,255,.18);width:48px;height:48px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(190,207,241,.22);background:radial-gradient(circle at 50% 34%,var(--platform-glow),transparent 66%),linear-gradient(145deg,rgba(34,55,94,.76),rgba(12,21,52,.90));box-shadow:0 8px 18px rgba(0,5,22,.28),inset 0 1px 0 rgba(255,255,255,.12)}.platform-tile svg{width:30px;height:30px;display:block;overflow:visible;opacity:1;filter:drop-shadow(0 3px 5px rgba(0,4,18,.34))}.platform-apple{--platform-glow:rgba(232,239,249,.20)}.platform-safari{--platform-glow:rgba(36,173,255,.26)}.platform-android{--platform-glow:rgba(61,220,132,.24)}.platform-chrome{--platform-glow:rgba(66,133,244,.24)}.platform-windows{--platform-glow:rgba(0,164,239,.24)}.platform-firefox{--platform-glow:rgba(255,99,38,.23)}.platform-edge{--platform-glow:rgba(10,202,198,.23)}.platform-opera{--platform-glow:rgba(238,23,72,.23)}.status-side{grid-area:actions;width:100%;min-width:0;align-self:stretch}.vpn-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;min-width:0;margin-top:12px}.vpn-header-actions button{width:100%;min-width:0;height:auto;min-height:44px;max-height:none;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#f7f9ff;font-size:13.5px;font-weight:700;line-height:1;white-space:nowrap;border-radius:13px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.vpn-header-actions button span:not(.btn-icon){min-width:0;overflow:hidden;text-overflow:ellipsis}.vpn-header-actions .btn-icon,.vpn-header-actions .power-icon{width:16px;height:16px;flex:0 0 16px}.vpn-header-actions .vpn-on,.vpn-header-actions .vpn-off{color:#eef2f7;background:linear-gradient(135deg,rgba(48,55,67,.92),rgba(20,25,34,.84));border-color:rgba(200,209,223,.24);box-shadow:0 9px 21px rgba(0,7,22,.18),inset 0 1px 0 rgba(255,255,255,.15)}.vpn-header-actions .vpn-on[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#18865c,#075b3e);border-color:rgba(117,255,190,.72);box-shadow:0 0 0 2px rgba(70,231,157,.20),0 12px 27px rgba(7,104,68,.34),inset 0 1px 0 rgba(255,255,255,.30)}.vpn-header-actions .vpn-off[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#bd2c69,#831b4d);border-color:rgba(255,155,198,.72);box-shadow:0 0 0 2px rgba(238,76,145,.18),0 12px 27px rgba(128,19,70,.32),inset 0 1px 0 rgba(255,255,255,.28)}.vpn-header-actions button[aria-pressed="true"]:disabled{opacity:1}@media (max-width:390px){.status-card{grid-template-columns:44px minmax(0,1fr) auto;column-gap:10px;row-gap:0;padding:14px}.shield{width:44px;height:44px;border-radius:15px}.shield::before{width:23px;height:23px}.status-copy h1{font-size:23px}.status-copy p{font-size:12px}.platform-badges{grid-template-columns:repeat(2,44px);gap:8px}.platform-tile{width:44px;height:44px}.platform-tile svg{width:28px;height:28px}.vpn-header-actions{gap:9px}.vpn-header-actions button{height:auto;min-height:44px;max-height:none;padding:0 8px;font-size:13px}}@media (min-width:600px){.status-copy h1{font-size:26px}.status-copy p{font-size:13.5px;line-height:1.3}.vpn-header-actions{margin-top:14px}}@media (max-width:350px){.status-card{grid-template-columns:42px minmax(0,1fr) auto;padding:12px}.platform-badges{grid-template-columns:repeat(2,40px);gap:6px}.platform-tile{width:40px;height:40px;border-radius:14px}.platform-tile svg{width:26px;height:26px}.vpn-header-actions{grid-template-columns:1fr}}.status-card{border-color:var(--glass-border);background:radial-gradient(circle at 8% 18%,rgba(55,235,184,.20),transparent 34%),radial-gradient(circle at 94% 10%,rgba(126,75,255,.24),transparent 36%),var(--glass-card);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}.status-copy h1{color:var(--text)}.status-copy p{color:var(--muted)}.shield{border-color:rgba(86,237,185,.34);background:linear-gradient(145deg,rgba(81,235,183,.24),rgba(62,180,255,.13));box-shadow:0 11px 27px rgba(41,208,163,.18),inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(14px) saturate(145%);backdrop-filter:blur(14px) saturate(145%)}.platform-tile{border-color:var(--glass-control-border);background:radial-gradient(circle at 50% 34%,var(--platform-glow),transparent 66%),var(--glass-control);box-shadow:0 10px 24px rgba(0,8,34,.18),inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(15px) saturate(155%);backdrop-filter:blur(15px) saturate(155%)}.vpn-header-actions button{-webkit-backdrop-filter:blur(16px) saturate(155%);backdrop-filter:blur(16px) saturate(155%)}.vpn-header-actions button[aria-pressed="false"]{box-shadow:0 11px 26px rgba(0,11,39,.18),inset 0 1px 0 rgba(255,255,255,.18)}@media (max-width:430px){.status-card{grid-template-columns:44px minmax(0,1fr) auto;column-gap:10px;padding:12px}.shield,.platform-tile{width:44px;height:44px;border-radius:15px}.shield::before{width:23px;height:23px}.platform-badges{grid-template-columns:repeat(2,44px);gap:8px}.platform-tile svg{width:28px;height:28px}.status-copy h1{font-size:23px}.status-copy p{margin-top:3px;font-size:12px}.online-pill{min-height:22px;margin-top:5px;padding-inline:9px;font-size:11.5px}.vpn-header-actions{margin-top:8px;gap:8px}.vpn-header-actions button{min-height:44px;padding-inline:8px;font-size:13px}}:root[data-theme="light"] .status-card{background:radial-gradient(circle at 8% 18%,rgba(61,223,190,.22),transparent 34%),radial-gradient(circle at 94% 10%,rgba(145,93,255,.20),transparent 36%),var(--glass-card)}:root[data-theme="light"] .platform-tile{box-shadow:0 9px 22px rgba(57,98,150,.13),inset 0 1px 0 rgba(255,255,255,.90)}:root[data-theme="light"] .platform-tile svg{filter:drop-shadow(0 3px 5px rgba(38,68,109,.20))}:root[data-theme="light"] .vpn-header-actions button[aria-pressed="false"]{color:#263140;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(225,231,239,.82));border-color:rgba(77,91,111,.24);box-shadow:0 9px 22px rgba(45,67,96,.13),inset 0 1px 0 rgba(255,255,255,.96)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.status-card{background-color:var(--card)}}@media (max-width:760px),(hover:none) and (pointer:coarse){.status-card{-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%)}.shield,.platform-tile,.vpn-header-actions button{-webkit-backdrop-filter:none;backdrop-filter:none}}.status-card.torr-controls-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"actions";padding:12px}.torr-controls-card .vpn-header-actions{margin-top:0}