.mitk-platform-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
.mitk-page a.mitk-platform-link { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:52px; min-width:52px; height:52px; min-height:52px; padding:12px; box-sizing:border-box; border:1px solid #394b6c; border-radius:12px; background:#101c30; color:#fff; text-decoration:none; }
.mitk-page a.mitk-platform-link:hover { background:#1b2c49; border-color:#a99add; }
.mitk-page a.mitk-platform-link:focus-visible { outline:3px solid #c5b2ff; outline-offset:3px; }
.mitk-platform-link .mitk-platform-icon { display:block; width:24px; height:24px; max-width:none; object-fit:contain; filter:invert(1); flex:none; }
.mitk-platform-link > svg { width:24px; height:24px; flex:none; }
.mitk-platform-tooltip { position:absolute; z-index:50; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); padding:6px 9px; border:1px solid #536282; border-radius:6px; background:#091221; color:#fff; font-size:12px; white-space:nowrap; pointer-events:none; visibility:hidden; }
.mitk-platform-link:hover .mitk-platform-tooltip,.mitk-platform-link:focus-visible .mitk-platform-tooltip { visibility:visible; }
.mitk-page a.mitk-platform-link--labelled { width:auto; gap:10px; padding:12px; }
.mitk-platform-label { font-size:14px; font-weight:600; }
.mitk-platform-links--profile { margin:16px 0; }
.mitk-platform-link[data-platform="amazon_music"] .mitk-platform-icon,.mitk-platform-link[data-platform="youtube"] .mitk-platform-icon { width:26px; }
.mitk-platform-link[data-platform="amazon_music"] .mitk-platform-icon { width:32px; height:32px; }
.mitk-platform-link[data-platform="soundcloud"] .mitk-platform-icon { width:30px; height:30px; }
.mitk-platform-links--card { gap:6px; }
.mitk-platform-select-help { color:#c5cee1; font-size:14px; }
.mitk-link-fields label[hidden] { display:none !important; }
.mitk-platform-tip-dismissed .mitk-platform-tooltip { visibility:hidden !important; }
.mitk-public-connect > div { display:flex; flex-wrap:wrap; gap:8px; }
@media (forced-colors:active) { .mitk-platform-link .mitk-platform-icon { forced-color-adjust:none; } .mitk-page a.mitk-platform-link { border:1px solid LinkText; } }
