:root{--client-bg:#fffafd;--client-text:#21172d;--client-muted:#7e7187;--client-line:#eee3eb;--client-pink:#d52b66;--client-purple:#8336b6}
body{background:radial-gradient(circle at 92% 4%,#f4e9ff 0,transparent 28%),var(--client-bg);color:var(--client-text)}
.app-shell{grid-template-columns:226px minmax(0,1fr)}.sidebar{padding:25px 13px;background:#fff;border-color:var(--client-line)}.brand{padding-bottom:31px;color:#23182e}.brand b{color:var(--client-pink)}
.sidebar nav{gap:5px}.sidebar nav a{color:#685b70;border:1px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:#fff0f6;border-color:#f2d9e5;color:#b72763}.sidebar nav a span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#faf0f5;color:#c72b68;font-size:14px}
.sidebar-foot{background:#fff2f7;color:#a42a62}.safe-dot{background:#31c797;box-shadow:0 0 0 4px #c8f3df}
.topbar{min-height:91px;border-color:var(--client-line);background:#fffdfd;padding:18px clamp(20px,4vw,55px)}.topbar h1{font-size:25px;color:var(--client-text)}.topbar p{color:var(--client-muted)}.top-actions a,.top-actions button{border-color:#eadde5;color:#8d476a}.avatar{background:linear-gradient(145deg,#ee5787,#8135b5)}
.content{max-width:1240px;padding-top:27px}.eyebrow{color:#bb2968}.card{border-color:var(--client-line);box-shadow:0 15px 40px #5c2c4210}.welcome{min-height:238px;border-radius:27px;background:radial-gradient(circle at 77% 13%,#c070dd8c,transparent 35%),linear-gradient(112deg,#ad2256,#d92d68 56%,#7832ab);box-shadow:0 20px 45px #812f5f30}.welcome .eyebrow{color:#ffd9e8}.welcome p{color:#f9e4ee}.screen{border-color:#ffe0ed;background:linear-gradient(145deg,#502141,#2a1739);box-shadow:17px 20px 20px #57224f65,inset 0 0 25px #efa8d463}.spark{color:#ffe0ee}
.summary{gap:14px}.summary .card{min-height:154px}.summary .label{color:#8e7d94}.summary strong{color:#271b31}.icon{background:linear-gradient(145deg,#f67ba2,#d42c69 58%,#8437b5)!important}.pill{background:#fff0f7;color:#af2a64}.device{border-color:#f1e7ed}.device-icon{background:#fff0f7;color:#b62b67}.device button{border-color:#eddae5;color:#b23561}.hint{color:#847387}.hint span{color:#c82b68}
.primary{background:linear-gradient(110deg,#da2a62,#a3297f 64%,#7d34b2);box-shadow:0 9px 20px #9b2c7040}.notice{background:#fff1f7;border-color:#edc7d9;color:#9c245b}input{border-color:#eadde5;background:#fffcfe}input:focus{border-color:#d12f6d;box-shadow:0 0 0 3px #da3a7528}
.downloads-card{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.downloads-card>div:first-child{max-width:390px}.account-downloads{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:11px;flex:1}.account-downloads a{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #eadde5;border-radius:15px;background:#fffafd;transition:.18s}.account-downloads a:hover{transform:translateY(-2px);border-color:#dbb8cd;box-shadow:0 10px 22px #6d2f5015}.account-downloads a>span:nth-child(2){flex:1}.account-downloads strong,.account-downloads small{display:block}.account-downloads small{margin-top:3px;color:#8f7f94;font-size:11px}.account-downloads b{color:#b62a65}.download-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#f7759c,#cf2969);color:#fff;box-shadow:0 7px 14px #a72c6c3c}.download-badge.purple{background:linear-gradient(145deg,#bd80df,#7934ad)}
@media(max-width:980px){.downloads-card{align-items:stretch;flex-direction:column}.account-downloads{width:100%}}
@media(max-width:680px){.app-shell{display:block}.sidebar{padding:13px 16px}.topbar{padding:16px 18px}.welcome{padding:25px}.account-downloads{grid-template-columns:1fr}.downloads-card{padding:20px}.summary{gap:9px}}

/* Responsive account area with all destinations available on touch screens. */
.mobile-section-nav{display:none}.install-guide-link{display:inline-flex;margin-top:4px;color:#b62863;font-size:12px;font-weight:800}.lg-badge{font-size:11px;background:linear-gradient(145deg,#f05a87,#8a2e83)}
.app-shell,main,.content,.card,.device,.device-info{min-width:0}.device-info strong,.device-info small{overflow-wrap:anywhere}
@media(max-width:680px){
  .sidebar{position:sticky;z-index:30;top:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:9px;padding:10px 14px;border-bottom:1px solid var(--client-line);box-shadow:0 8px 24px #4f293511}
  .sidebar .brand{padding:0;font-size:15px}.sidebar .brand-mark{width:34px;height:34px}.sidebar .brand small{font-size:7px}
  .sidebar nav{order:3;display:flex;width:100%;gap:6px;padding:1px 0 2px;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav a{flex:0 0 auto;gap:6px;padding:7px 10px;border-radius:10px;font-size:11px;white-space:nowrap}.sidebar nav a span{width:23px;height:23px;font-size:12px}
  .sidebar-foot{display:none}
  .topbar{min-height:78px;gap:10px}.topbar .eyebrow,.topbar p{display:none}.topbar h1{font-size:22px}.top-actions{gap:7px}.top-actions button{padding:9px 11px}.avatar{width:36px;height:36px}
  .content{padding:15px 14px 55px}.mobile-section-nav{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.mobile-section-nav::-webkit-scrollbar{display:none}.mobile-section-nav a{flex:0 0 auto;padding:8px 11px;border:1px solid var(--client-line);border-radius:999px;background:#fff;color:#8e3d68;font-size:10px;font-weight:800}
  .welcome{min-height:170px;padding:22px;border-radius:20px}.welcome h2{font-size:28px}.welcome p{max-width:72%;font-size:13px}.welcome-art{position:absolute;right:13px;bottom:8px;opacity:.75}
  .summary{grid-template-columns:1fr 1fr}.summary .card{min-height:132px}.summary .card:last-child{grid-column:1/-1;min-height:118px}.summary .icon{width:34px;height:34px}.summary strong{font-size:21px}
  .columns{grid-template-columns:1fr}.card{padding:18px;border-radius:18px}.card h2,.auth-card h2{font-size:22px}.section-title{align-items:flex-start}.pill{white-space:nowrap}
  .device{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px}.device-icon{grid-row:1/3;width:40px;height:40px}.device button{grid-column:2;width:100%;margin-top:2px}
  .primary{width:100%}.downloads-card{gap:18px}.downloads-card>div:first-child{max-width:none}.account-downloads{grid-template-columns:1fr}.account-downloads a{min-width:0}.account-downloads strong,.account-downloads small{overflow-wrap:anywhere}
  section[id]{scroll-margin-top:126px}
}
@media(max-width:390px){.summary{grid-template-columns:1fr}.summary .card:last-child{grid-column:auto}.welcome p{max-width:100%}.welcome-art{display:none}.top-actions .avatar{display:none}}