@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.desktop-background{display:none}.page-container{margin:0 auto;max-width:500px;min-height:100vh;position:relative;width:100%}@media(min-width:768px){.desktop-background{display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.desktop-background-image{filter:blur(50px);height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1);width:100%}.desktop-background-overlay{background:#0000004d;box-shadow:inset 0 0 100px 50px #0006;height:100%;left:0;position:absolute;top:0;width:100%}.page-container{background-color:#000;border-radius:40px;box-shadow:0 20px 60px #00000080;height:calc(100vh - 60px);margin:30px auto;max-width:480px;min-height:auto;overflow:hidden;position:relative;z-index:1}.fixed-background{aspect-ratio:1/1;left:0!important;max-width:100%!important;overflow:hidden;position:absolute!important;top:0!important;transform:none!important;width:100%!important}.app-bar,.background-gradient-base,.background-gradient-scroll,.background-image,.fixed-background{border-radius:40px 40px 0 0}.app-bar{left:0!important;max-width:100%!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.scroll-container{height:100%;inset:0;overflow-x:hidden;overflow-y:auto;position:absolute}.content-spacer{height:320px;max-height:320px}.content-wrapper{max-width:100%;padding:0 16px}}.fixed-background{aspect-ratio:1/1;left:50%;max-width:500px;position:fixed;top:0;transform:translate(-50%);width:100%;z-index:0}.background-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.background-gradient-base{background:linear-gradient(180deg,transparent 0,transparent 50%,rgba(0,0,0,.4) 65%,rgba(0,0,0,.7) 80%,rgba(0,0,0,.95) 95%,#000)}.background-gradient-base,.background-gradient-scroll{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.background-gradient-scroll{background:#000;transition:opacity .1s ease}.app-bar{background-color:#000000f2;height:50px;justify-content:flex-start;left:0;padding-left:16px;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .1s ease;z-index:100}.app-bar,.app-bar-content{align-items:center;display:flex}.app-bar-content{gap:8px}.app-bar-image{border-radius:50%;height:26px;-o-object-fit:cover;object-fit:cover;width:26px}.app-bar-name{color:#fff;font-size:14px;font-weight:600}.app-bar-verified{height:14px;width:14px}.scroll-container{position:relative;z-index:10}.content-spacer{height:calc(100vw - 100px);max-height:400px}.content-wrapper{margin:0 auto;max-width:500px;padding:0 16px;position:relative}.user-details{text-align:center}.name-row{align-items:center;display:flex;gap:6px;justify-content:center}.user-name{color:#fff;font-size:32px;font-weight:700;letter-spacing:.25px;margin:0}.verified-badge{flex-shrink:0;height:18px;width:18px}.username{color:#ffffffb3;font-size:14px;margin-top:4px;text-align:center}.social-icons-row{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:16px}.social-icon{border-radius:8px;display:block;height:28px;overflow:hidden;transition:transform .2s ease;width:28px}.social-icon:hover{transform:scale(1.05)}.social-icon img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.followers-row{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:15px;justify-content:center;margin-top:16px}.followers-count{font-weight:600;margin-right:4px}.followers-label{font-weight:400}.followers-arrow{margin-left:6px;transform:rotate(180deg)}.bio-text{color:#fff;font-size:12px;margin-top:8px;text-align:center}.link-cards-section{margin-top:24px}.link-card-big{aspect-ratio:16/9;border-radius:15px;cursor:pointer;display:block;margin-bottom:12px;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s ease;width:100%}.link-card-big:hover{transform:scale(1.01)}.link-card-big-image{height:100%;left:0;top:0;width:100%}.link-card-big-icon,.link-card-big-image{-o-object-fit:cover;object-fit:cover;position:absolute}.link-card-big-icon{border-radius:6px;height:28px;left:10px;top:10px;width:28px;z-index:2}.link-card-big-gradient{background:linear-gradient(180deg,transparent 0,transparent 50%,rgba(0,0,0,.7));inset:0;pointer-events:none;position:absolute}.link-card-big-text{bottom:12px;color:#fff;font-size:14px;font-weight:600;left:0;position:absolute;right:0;text-align:center;z-index:2}.link-cards-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.link-card-square{aspect-ratio:1;border-radius:15px;display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s ease;width:100%}.link-card-square:hover{transform:scale(1.02)}.link-card-square-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.link-card-square-gradient{background:linear-gradient(180deg,transparent 0,transparent 50%,rgba(0,0,0,.7));inset:0;pointer-events:none;position:absolute}.link-card-square-text{bottom:12px;color:#fff;font-size:14px;font-weight:600;left:0;position:absolute;right:0;text-align:center}.bottom-spacer{height:50px}.modal-overlay{background:#0009;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:200}.modal-overlay.modal-open{opacity:1;pointer-events:auto}.modal-drawer{background:#252525;border-radius:24px 24px 0 0;bottom:0;left:0;max-height:80vh;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:250}.modal-drawer.modal-open{transform:translateY(0)}.modal-handle{cursor:pointer;display:flex;justify-content:center;padding:16px}.modal-handle-bar{background:#ffffff4d;border-radius:2px;height:4px;width:40px}.modal-content{padding:0 16px 24px}.modal-title{color:#fff;font-size:15px;margin:0 0 16px;text-align:center}.modal-title-count{font-weight:600;margin-right:4px}.modal-socials{padding:0 12px}.modal-social-item{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:20px;text-decoration:none}.modal-social-avatar{flex-shrink:0;position:relative}.modal-avatar-image{border-radius:50%;height:45px;-o-object-fit:cover;object-fit:cover;width:45px}.modal-avatar-badge{background:#252525;border:1px solid #252525;border-radius:50%;bottom:-4px;height:18px;overflow:hidden;position:absolute;right:-4px;width:18px}.modal-avatar-badge img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.modal-social-info{display:flex;flex-direction:column;margin-left:8px}.modal-social-username{color:#fff;font-size:14px;font-weight:500}.modal-social-followers{color:#ffffff80;font-size:14px;font-weight:400}.modal-social-followers span{margin-left:4px}@media(min-width:768px){.modal-overlay{z-index:200}.modal-drawer{border-radius:24px 24px 0 0;left:50%;max-width:480px;transform:translate(-50%) translateY(100%)}.modal-drawer.modal-open{transform:translate(-50%) translateY(0)}}