*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100dvh;height:100%;background:#000;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif}#app{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#000}#phone-shell{width:402px;height:844px;background:#0f0f0f;border-radius:44px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #222,0 32px 80px #000c;padding-bottom:env(safe-area-inset-bottom)}#phone-screen{width:100%;height:100%;overflow:hidden;position:relative;border-radius:44px}#phone-screen:after{content:"";position:absolute;inset:0;border-radius:44px;box-shadow:inset 0 0 0 1px #222;pointer-events:none;z-index:100}.sticky-header{position:sticky;top:0;z-index:40;background:#0d0d0de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;padding:1rem 1.5rem}.sticky-header-between{justify-content:space-between}.sticky-header-gap{gap:12px}.back-btn{background:none;border:none;color:#a78a88;cursor:pointer;padding:4px;display:flex;align-items:center}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.detail-action-btn{height:52px;border-radius:1rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s}@media(max-width:430px){html,body{height:100dvh;overflow:hidden}#app{background:#0f0f0f;align-items:flex-start;height:100dvh}#phone-shell{width:100%;height:100dvh;border-radius:0;box-shadow:none}#phone-screen{border-radius:0}}