.cl-about { padding: 20px; text-align: center; }
.cl-about-brand { margin-bottom: 16px; }
.cl-about-mark { font-size: 48px; margin-bottom: 8px; }
.cl-about-name { font-size: 20px; font-weight:700; }
.cl-about-product { font-size:16px; color:var(--cl-text-secondary); margin-top:4px }
.cl-about-version { font-size:13px; color:var(--cl-text-hint); margin-top:6px }
.cl-about-links { margin-top: 12px; }
.cl-about-links-card { border-radius:12px; background:var(--cl-bg-elevated); box-shadow:0 2px 8px rgba(11,15,25,0.06); padding:6px; display:flex; flex-direction:column; gap:6px; }
.cl-about-link { display:flex; align-items:center; gap:12px; padding:10px 12px; text-align:left; border:none; background:transparent; width:100%; cursor:pointer; }
.cl-about-link:hover { background:var(--cl-bg-tinted); }
.cl-about-link-emoji { width:28px; text-align:center }
.cl-about-link-label { flex:1; font-size:15px }
.cl-about-link-chev { color:var(--cl-text-hint) }
.cl-about-error { color:var(--cl-negative); font-size:14px; padding:12px }
.cl-skeleton-links .row.sk { height:14px; background:linear-gradient(90deg, #efefef 25%, #e8e8e8 37%, #efefef 63%); background-size:400% 100%; animation:shimmer 1.2s linear infinite; border-radius:6px; margin:8px 12px }
@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
.cl-about-footer { margin-top:14px; font-size:13px; color:var(--cl-text-hint) }