*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#8b9aa8;color:#1a1a1a;min-height:100vh}.page{position:relative;min-height:100vh}.bg-image{position:fixed;inset:0;background-image:url(/bg2.png);background-repeat:no-repeat;background-position:center;background-size:cover;will-change:opacity;transition:opacity .05s linear;z-index:0}.bg-overlay{position:fixed;inset:0;background:#b4c3d29e;z-index:1}.content{position:relative;z-index:2;max-width:550px;margin:0 auto;padding:0 1rem 1rem;height:fit-content}.top-bar{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-start;padding:1rem 1rem 0}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#fff;color:#1a1a1a;font-size:1.25rem;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background .2s,transform .1s}.menu-btn:hover{background:#f0f0f0}.menu-btn:active{transform:scale(.97)}.hero{display:flex;flex-direction:column;align-items:center;padding:32px 0 28px;text-align:center}.profile-name{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:#1a1a1a;margin-top:32px;text-shadow:none}.profile-handle{margin-top:4px;font-size:.9rem;font-weight:400;color:#444}.groups{display:flex;flex-direction:column;gap:1.5rem}.group-section{display:flex;flex-direction:column;gap:.75rem}.group-label{font-size:16px;font-weight:700;letter-spacing:.12em;color:#000000d4;text-align:center}.group-links{display:flex;flex-direction:column;gap:.6rem;text-align:center}.link-card{display:flex;align-items:center;padding:.7rem 1rem .7rem 1.1rem;background:#d6e3e8;border:none;border-radius:12px;box-shadow:0 2px 10px #00000014;text-decoration:none;color:#1a1a1a;transition:background .2s,transform .15s,box-shadow .2s}.link-card:hover{background:#c6d3d7;box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.link-card:active{transform:translateY(0)}.link-icon{font-size:1.25rem;flex-shrink:0;line-height:1;color:#444}.link-text{flex:1;flex-direction:column}.link-title{font-size:16px;font-weight:500;line-height:1.35;color:#1a1a1a;margin-left:10%}.link-desc{font-size:.78rem;color:#555;line-height:1.4}.link-options{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#666;font-size:1.1rem;cursor:pointer;border-radius:8px;transition:background .15s,color .15s}.link-options:hover{background:#0000000f;color:#1a1a1a}.link-options-wrapper{position:relative;flex-shrink:0}.link-tooltip{position:absolute;bottom:100%;right:-10px;margin-bottom:5px;padding:.5rem .75rem;width:200px;font-size:.8rem;line-height:1.35;color:#1a1a1a;background:#b4ddfc;border-radius:8px;box-shadow:0 4px 16px #0000002e;z-index:9999!important;white-space:normal}.link-tooltip:after{content:"";position:absolute;top:100%;right:14px;border:6px solid transparent;border-top-color:#b4ddfc}.footer{margin-top:3rem;text-align:center;font-size:.75rem;color:#00000059}@media(max-width:480px){.profile-name{font-size:1.5rem}.hero{padding:24px 0 20px}}